HTML5视频:加载非常缓慢

3

首先,有一些标题相似的主题。我浏览了它们,但没有找到令人满意的答案。

我正在测试在Android和iPad中自动加载HTML5视频。(只有少数浏览器支持自动加载:Firefox、Opera和Safari)。

如果视频在播放设备上,它会立即加载。但如果视频在服务器上,加载时间非常长(视频启动需要近5分钟)。

我不认为问题出在带宽上。为了测试目的,我已经将文件托管在Google Drive上。(访问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>

谢谢。

你尝试过移除 'preload' 属性吗?(否则我可能无法提供太多帮助!) - ne1410s
是的,我也试过了。 - Raghavendra N
2个回答

2
这是因为有时视频编码器(无论使用的是哪个程序)会将视频索引放在视频文件的末尾,而不是放在开头。这会干扰渐进式下载,因为浏览器在下载并读取该索引之前对该文件一无所知。
运行下面的程序,它将简单地重新编码文件,并将索引放在开头。

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

请告诉我这是否有帮助。

2
感谢您的回答。我在另一篇帖子中也看到了同样的建议。我尝试重新编码视频,但出现了错误消息:“MOOV位于正确位置,无需处理”。 - Raghavendra N

2
安装qt-faststart,然后运行以下命令:

qt-faststart inputfile.mp4 outputfile.mp4

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接