我可以预加载多个视频资源以加载到同一HTML5 <video>元素中吗?

S P*_*S P 12 video html5 preload

我正在研究一个Web应用程序的细节,这个应用程序包括一个接一个地连续加载一系列(非常短的)视频片段,偶尔输入来自用户的新方向,以便加载视频片段.

我希望能够让浏览器一次预加载五个视频片段.但是,我们当前使网站工作的方式是通过单个视频元素,其src属性通过JavaScript不断更新.

是否有一种直接的方式我可以让浏览器预加载多个视频剪辑,即使我最终将它们(一次一个)加载到同一个视频元素中?

Pau*_*ite 3

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

\n\n

我\xe2\x80\x99不知道这是否适用于<video>HTML5 中的元素,但可能可以。你能尝试一下吗?

\n

  • @Sergio1132:啊,所以浏览器似乎没有缓存视频文件。在这种情况下,我认为你必须改变你的方法——创建额外的“&lt;video&gt;”元素,然后交换它们,而不是只使用一个“&lt;video&gt;”元素。 (2认同)