首页 文章

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

提问于
浏览 次
40

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

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

html html5 video html5-video

3 回答

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

    回复于
  • 69

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

    引自the <video> specification

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

    回复于
  • 0

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

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

    回复于

相关问题