javascript - 预加载视频文件 - 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"在浏览器中不一致，您的里程数可能会有所不同。如果这些是非常短的剪辑(你提到 5 秒)，那么它可能会相当可靠