Question

首先：有类似标题的主题。我浏览了它们，但是找到了一个满意的答案。

我正在测试Android和ipad中html5视频的自动加载。（自动加载仅适用于少数浏览器：Firefox，Opera和Safari）。

如果视频位于正在播放的设备上，则视频会立即加载。但如果视频在服务器上，则需要很长时间才能加载（视频启动需要将近5分钟）。

我不认为问题在于带宽。出于测试目的，我已经在google驱动器上托管了文件。（访问谷歌驱动器应该非常快，视频文件的大小不到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/

如果有帮助，请告诉我。

Answer 2

安装qt-faststart，然后运行命令：

qt-faststart inputfile.mp4 outputfile.mp4

html5视频：加载非常慢

2 个答案: