预加载视频文件 - HTML5播放

Question

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

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

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

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

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

谢谢

Answer 1

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

<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秒）那么它可能会相当可靠