1. 首页
  2. 问答
  3. 如何在播放前防止加载html5视频？

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

2013-01-13 46 views
36

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

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

来源

2013-01-13 Will Ryan

回答

61 
<!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-13 02:52:28

+1

不知不觉间会很简单，谢谢！ –

+0

没问题，我很高兴能帮上忙。 –

+0

是否显示任何快照或显示视频外观的图像？ – nosthertus

12

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

报价从the <video> specification

preload = “无” 或 “元数据” 或 “自动” 或 “”（空字符串）或空
表示一个提示给UA是否乐观下载视频本身或其元数据是否值得。
- “无”：向UA提示用户不期望需要该视频，或者最小化不必要的业务量是可取的。

来源

2013-01-13 02:47:54

0

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

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

来源

2016-09-22 08:37:07 Harikrishna

相关问题

 相关问题