javascript - html5 视频 : very slow loading

Question

首先:有相似标题的主题。我浏览了它们，但没有找到满意的答案。

我正在测试 html5 视频在 android 和 ipad 中的自动加载。(自动加载仅适用于少数浏览器:Firefox、Opera 和 Safari)。

如果视频在正在播放的设备上，它会立即加载。但是如果视频在服务器上，加载时间会很长(视频开始需要将近 5 分钟)。

我认为问题不在于带宽。出于测试目的，我将文件托管在谷歌驱动器上。 (访问 Google Drive 应该很快，而且视频文件的大小小于 2MB)。

你能建议如何加快视频加载速度吗？

这是我的视频元素:

<video  id="video1" width="430" height="430" controls  preload="auto" >
<source src="https://drive.google.com/uc?export=download&id=0B0eCCOckMJskRDl2enU4N1JLSGs" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
<source src="https://drive.google.com/uc?export=download&id=0B0eCCOckMJskbURTTjJVaG42V0U" type='video/webm;codecs="vp8, vorbis"'/>
</video>

谢谢。

Answer 1

这样做的原因是有时视频编码器(无论使用什么程序)将视频索引放在视频文件的末尾而不是开头。这会干扰渐进式下载，因为浏览器在下载文件并读取该索引之前对文件一无所知。

在其上运行下面的程序，它将简单地重新编码文件，将索引放在开头。

http://renaun.com/blog/code/qtindexswapper/

如果这有帮助，请告诉我。