html5 视频：加载速度很慢答案

【问题标题】：html5 video: very slow loadinghtml5 视频：加载速度很慢
【发布时间】：2014-09-05 15:03:17
【问题描述】：

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

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

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

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

谢谢。

【问题讨论】：

你试过删除'preload'属性吗？（恐怕我帮不上什么忙！）
是的，我也试过了。

标签： javascript android html html5-video

【解决方案1】：

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

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

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

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

【讨论】：

感谢您的回答。我在另一篇文章中读到了同样的建议。我试图重新编码视频。但是有一条错误消息：“MOOV 在适当的位置，不需要处理”。

【解决方案2】：

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

qt-faststart inputfile.mp4 outputfile.mp4

【讨论】：