Javascript html5视频：加载速度非常慢

第一：有类似标题的主题。我浏览了一下，但没有找到满意的答案

我正在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>

---

谢谢。

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

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

---

让我知道这是否有帮助。

安装

qt faststart

，然后运行以下命令：

qt-faststart inputfile.mp4 outputfile.mp4

---

您是否尝试过删除“预加载”属性？（恐怕我帮不了什么忙！）是的，我也试过了。谢谢你的回答。我在另一篇文章中读到了同样的建议。我试图重新编码视频。但有一条错误消息：“MOOV在适当的位置，不需要处理”。