58

我在一个页面上有几个 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 " 或 " metadata " 或 " auto " 或 "" (空字符串) 或 empty
表示对 UA 的提示，即是否认为乐观下载视频本身或其元数据是值得的。
- “ none ”：向 UA 提示用户不需要视频，或者希望尽量减少不必要的流量。

于 2013-01-13T02:47:54.813 回答
3

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

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

于 2016-09-22T08:37:07.323 回答