预加载视频文件 - HTML5播放

时间:2013-01-03 15:46:07

标签: javascript jquery html5 video html5-video

我想在我的网站首次加载时预先加载一些小视频文件。这样,当用户点击进入网站的某个部分时,可以自动播放和使用它们。我需要转换是无缝的,所以理想情况下应该预加载整个视频文件以避免任何延迟。

我尝试了一些不同的插件,比如html5preloader,以及其他一些JS技术,将视频文件加载到页面,但隐藏它们试图强制浏览器在我使用之前加载视频。

当我需要播放不同的视频时,两者都没有真正改变视频src。

实际上是否有适当的解决方案,或者是因为HTML5视频播放,浏览器仅在播放文件时部分下载文件?

了解有关预加载HTML5播放视频文件的任何想法和反馈。

由于

1 个答案:

答案 0 :(得分:0)

这样的事情应该有所帮助:

<video controls="controls" preload="auto">
  <source src="sample.mp4" type="video/mp4" />
  ...
  Your browser does not support the video tag.
</video>

虽然因为preload =“auto”在浏览器中不一致,所以你的milage可能会有所不同。如果这些是非常短的剪辑(你提到5秒),那么它可能会相当可靠