58

1つのページに複数のhtml5ビデオがありますが、ページにアクセスすると、どのビデオも[再生]をクリックしていなくても、すべてのビデオの読み込みが開始されることに気付きました。

不要なダウンロードを防ぐために、[再生]をクリックしたときにのみビデオをロードする方法はありますか？

4

3 に答える 3

96 
<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls" preload="none">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

</body>
</html>

プリロード「なし」を使用

http://diveintohtml5.info/video.html

于 2013-01-13T02:52:28.147 に答える
14

属性を使用し、preloadその値をに設定する必要がありますnone。

仕様からの引用<video>

preload= " none " or " metadata " or " auto " or ""（empty string）or empty
ビデオ自体またはそのメタデータの楽観的なダウンロードが価値があると見なされるかどうかについて、UAへのヒントを表します。
- 「なし」：ユーザーがビデオを必要としないこと、または不要なトラフィックを最小限に抑えることが望ましいことをUAに示唆します。

于 2013-01-13T02:47:54.813 に答える
3

使用するだけ<video preload="none">

また、ビデオのみのメタデータをロードする場合は、<video preload="metadata">

于 2016-09-22T08:37:07.323 に答える