我正在研究一个网络应用程序的细节，其中包括一个接一个地连续加载一系列（非常短的）视频剪辑，偶尔输入用户建立新的方向以加载视频剪辑。
我希望能够让浏览器一次预加载五个视频片段。但是，我们当前使网站正常工作的方式是通过单个视频元素，其src属性通过JavaScript不断更新。
有没有一种简单的方法可以让浏览器预加载多个视频片段，即使我最终将它们（一次一个）加载到同一个视频元素中？
答案 0 :(得分：3)
您可以在JavaScript中创建<img>标记并设置其src属性，从而在浏览器中预加载图片。虽然任何规范都不要求它，但所有浏览器都会下载图像并对其进行缓存（假设它们的缓存尚未被禁用）。
我不知道这是否适用于HTML5中的<video>元素，但它可能会这样做。你能放手一搏吗？
答案 1 :(得分：-2)
如果你碰巧完成了你正在进行的项目，我很好奇吗？我正在尝试一个带有播放列表的html5视频播放器，并且想知道你是否遇到过任何大问题。加载/播放多个视频文件时是否存在性能问题？你能在iPad上运行吗？你有IE的后备吗？
我的方法是：拥有一个包含多个隐藏<canvas>元素的<video>元素，并使用canvas drawImage（）函数在视频之间显示和交叉淡入淡出。