HTML5 视频；强制浏览器下载整个文件

Question

不确定是否有人真的可以提供帮助，但值得一试。

我们有一个场景，我们希望浏览器在播放之前下载整个视频。我们已经设法在 FF 和 Chrome 中实现了这一点，但在 IE9/10 中我们正在努力做到这一点。有没有办法强制或让浏览器下载整个文件？

我的（简化的）标记如下：

<video preload>
    <source src="http://domain.com/filename.mp4" type='video/mp4' />
</video>

我尝试过的事情：

• 将 moov atom 放在文件的开头
• 将 moov atom 放在文件末尾（希望浏览器必须下载整个文件才能找到文件头）
• 通过从返回 Accept-Ranges: none 的服务器提供文件，强制浏览器在没有字节范围的情况下下载（我知道这不支持 iO 等）
• 播放文件一秒钟，然后再次暂停以开始下载（这适用于 Chrome 和 FF）

我已经没有东西可以尝试了，如果有人有任何建议或答案，他们将不胜感激。

干杯

Answer 1

您可以考虑将视频置于屏幕外，然后播放并等待其结束。为了让它播放得更快，你可以启动playbackRate。同时，您可以在视频应该在的位置显示某种占位符，然后在获得播放的信息后，重置视频并将其移动到该位置。除了等待视频结束，您还可以等待canplaythrough 事件，它可能会更早到达。

Answer 2

您可以尝试使用HTML5Preloader 看起来应该可以解决问题。

或者，您可以尝试使用preload 建议的here 属性。