我正在研究一个 Web 应用程序的详细信息，该应用程序涉及一个接一个地顺序加载一长串（非常短的）视频剪辑，用户偶尔输入会为要加载的视频剪辑建立新的方向。
我希望能够让浏览器一次预加载五个视频剪辑。然而，我们目前让网站工作的方式是通过单个视频元素，它的src属性通过 JavaScript 不断更新。
有没有一种简单的方法可以让浏览器预加载多个视频剪辑，即使我最终将它们全部（一次一个）加载到同一个视频元素中？
问问题
5877 次
2 回答
3
您可以通过在 JavaScript 中创建<img>标签并设置其src属性来在浏览器中预加载图像。尽管任何规范都没有要求，但所有浏览器都会下载图像并缓存它（假设它们的缓存没有被禁用）。
我不知道这是否适用<video>于 HTML5 中的元素，但它可能会。你能试一试吗？
于 2010-09-10T11:16:10.483 回答
-2
我很好奇你是否碰巧完成了你正在做的项目？我正在尝试一个带有播放列表的 html5 视频播放器，想知道你是否遇到了任何大问题。加载/播放多个视频文件是否存在性能问题？你能在 iPad 上运行它吗？你有 IE 的后备方案吗？
我的方法是：拥有一个<canvas>包含多个隐藏<video>元素的元素，并使用画布 drawImage() 函数在视频之间显示和交叉淡入淡出。
于 2011-01-04T00:48:54.127 回答