web-dev-qa-db-ja.com

再生前にhtml5ビデオが読み込まれないようにするにはどうすればよいですか？

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

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

htmlhtml5videohtml5-video
44
Will Ryan
<!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

76
Timothy Radzikowski

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

からの引用<video>仕様

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

14
Gabriele Petrioli

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

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

0
Harikrishna