Question

我在一个页面上有几个html5视频，我刚刚意识到，当您访问该页面时，即使我没有点击任何一个视频，所有视频也会开始加载。

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

Answer 1

<!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

Answer 2

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

来自the <video> specification

preload =“无”或“元数据”或“自动”或“”（空字符串）或空的代表UA关于视频本身或其元数据的乐观下载是否值得考虑的提示 - “无”：向UA提示用户不需要视频，或者最大限度地减少不必要的流量。

Answer 3

只需使用<video preload="none">

即可

如果您只想加载视频的元数据，请使用<video preload="metadata">

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

3 个答案: