html - HTML5 视频作为网页背景

Question

我目前有一个视频循环作为我的网页背景，可以调用 mp4 或 ogg 或 webm 视频文件，具体取决于查看器使用的浏览器。在 chrome 和 IE 中，视频立即开始使用 mp4 文件，但在 Firefox 中，ogg 或 webm 视频文件大约需要 10 秒才能加载。然而，ogg 和 webm 文件的大小只有 mp4 的一半。为什么Firefox加载第一帧并在播放前等待加载？似乎很奇怪，它不会立即启动，尤其是因为它的大小只有 mp4 的一半？

Answer 1

从 HTML5Doctor 检查这个解决方案：

通常 HTML5 音频和视频播放器将允许用户在媒体文件完全下载之前开始播放它（只要它确实有东西可以播放！）。有时，MP4 文件并非如此，浏览器会等待下载整个文件，然后才能播放。这是由于编码问题。

有时 MP4 文件会使用位于媒体文件末尾而不是开头的文件索引（包含有关文件的信息，例如持续时间）进行编码。该索引包含浏览器提供渐进式下载所需的元数据。如果这个索引在最后，它对文件一无所知，因此必须等到它收到索引。

如果您遇到这种情况，有一个由 Renaun Erickson 提供的名为 QTIndexSwapper 的简单修复程序，您可以将其下载到您的计算机并在文件上运行，它只需将索引移动到文件的开头并保存它。