如何防止html5视频在播放前加载?

Wil*_*yan 46 html video html5 html5-video

我在一个页面上有几个html5视频,我刚刚意识到当你访问该页面时,所有视频都开始加载,即使我没有点击任何一个上面的游戏.

有没有办法只在点击播放时加载视频,以防止不必要的下载?

Tim*_*ski 79

<!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>
Run Code Online (Sandbox Code Playgroud)

使用预加载"无"

http://diveintohtml5.info/video.html

  • 为了预览,必须将属性“海报”设置为链接到图像文件。视频标签不会自动从视频中提取任何内容来生成缩略图。 (2认同)

Gab*_*oli 14

您应该使用该preload属性,并将其值设置为none.

从引用<video>规范

preload=" none "或" metadata "或" auto "或""(空字符串)或空
表示UA关于是否认为视频本身或其元数据的乐观下载是值得的提示.
- " ":向UA提示用户不需要视频,或者希望最小化不必要的流量.