video - 我可以预加载多个视频资源以在同一个 HTML5 元素中加载吗？

Question

我正在制定一个 Web 应用程序的详细信息，该应用程序涉及顺序加载一长串(非常短的)视频剪辑，一个接一个，用户偶尔会输入建立新的视频剪辑加载方向.

我希望能够让浏览器一次预加载五个视频剪辑。然而，我们目前网站的运作方式是通过单个视频元素，该元素的 src 属性通过 JavaScript 不断更新。

有没有一种直接的方法可以让浏览器预加载多个视频剪辑，即使我最终将它们全部(一次一个)加载到同一个视频元素中？

Answer 1

您可以通过创建 <img> 在浏览器中预加载图像JavaScript 中的标记，并设置其 src属性。尽管任何规范都没有要求，但所有浏览器都会下载图像并缓存它(假设它们的缓存没有被禁用)。

我不知道这是否适用于 <video> HTML5 中的元素，但它可能会这样做。你能试一试吗？