如何在页面加载时完全加载HTML5视频？

我将4个视频添加到一个页面，使用“视频”标记以及“预加载”属性。这个按预期工作，但我很好奇，如果有一种方法可以在后台完全加载视频，即使页面加载时间稍长一些。我想要完成的是视频不会被缓冲中断，一旦你正在播放它们。谢谢大家。如何在页面加载时完全加载HTML5视频？

来源

2011-05-06 jnkrois

所以，你要开始播放前完全下载的视频？ – 2011-05-06 17:22:51

这是正确的。我已经开始使用“load（）”方法，但是我一直无法确定何时以及是否已经加载视频，因为“networkState”属性从未变为4.我使用https：//作为参考，请参阅developer.mozilla.org/En/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement。 – jnkrois 2011-05-06 20:08:39

我很怀疑在开始播放之前下载完整视频的好主意。由于视频数据通常很大，HTML5视频格式的设计使浏览器可以在完全下载之前开始播放视频。顺便说一句，如果你仍然需要在播放之前加载视频我认为最简单的方法是将视频转换为[ffmpeg]（http://www.ffmpeg.org）（无需重新编码），这将移动视频元信息在视频和浏览器的结尾将不会启动视频，直到它通过完全下载它找到元信息:) – 2011-05-08 07:16:43

试试这个，这可能会解决您的问题@w3schools：

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" controls="controls" preload="auto"> 
    <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>

或细讲了预紧@JWPlayer

来源

2012-07-25 11:26:55 GOK

如何在页面加载时完全加载HTML5视频？

回答

相关问题