Javascript 预加载视频文件-HTML5播放

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

我尝试了一些不同的插件，比如HTML5Preload，还有一些其他的JS技术来将视频文件加载到页面上，但是在我使用它们之前，我会将它们隐藏起来，试图强迫浏览器加载视频

当我需要播放不同的视频时，这两种方法都没有真正改变视频src

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

感谢您对预装HTML5播放视频文件的任何想法和反馈

---

谢谢

像这样的东西应该会有帮助：

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

...
您的浏览器不支持视频标记。

---

尽管由于preload=“auto”在不同浏览器之间不一致，您的差异可能会有所不同。如果这些是非常短的剪辑（您提到的5秒），那么它可能会相当可靠

您可能不想预装整个视频。如果用户从不看任何特定的视频怎么办？理想情况下，您可以部分预加载视频，然后在用户观看时加载其余视频。这允许用户立即播放，并且您不会浪费带宽。YouTube就是这么做的。视频片段非常小，比如说每个5秒，总共有5个或更多。用户将在浏览网站场景时观看每一部电影。我只需要完全加载文件，这样从一个部分到另一个部分的转换将是无缝的。您是否尝试将“预加载”属性添加到视频元素？