HTML5 视频标签始终在 Safari 中下载完整视频

Question

我有以下 HTML5 视频标签：

<video id="vid"  controls="controls" preload="metadata">
    <source src="/testvid.m4v" type="video/mp4" />
    Your browser does not support the video tag.
</video>

单击视频后，Safari 就会开始下载整个视频文件，直到下载完毕才会停止。视频文件为 400 MB，因此由于带宽成本，这是一个问题。

文件中索引的位置似乎不是问题，因为http://renaun.com/blog/code/qtindexswapper/的应用程序说索引已经在开始处，并且即使其余部分仍在下载，视频的开头部分也可以立即播放。

源文件位于 Amazon S3 中，因此服务器支持范围请求。

有什么我可以做的吗？理想情况下，我想要某种合理的缓冲区，例如播放头之前 20 MB 的内容，或 1 分钟，或类似的内容。

Answer 1

正常行为是在页面加载时下载一小部分视频（刚好足以让浏览器显示帧并获取文件头）。当您播放视频时，整个视频会在播放时下载。

在某些旧版本的浏览器中，如果您使用搜索栏，视频会再次下载。

没有可用于更改此行为的设置或属性。

来源

Answer 2

我同意索尼的观点。要降低带宽，您有两种选择：

将您的视频压缩到较低的质量，或者您的视频大小/比特率是多少（例如 h264，427x240 800kbps，我最终得到大约 5-6mb/min）

考虑一个播放列表（猜想 Southpark.de 就是这么做的），将你的电影分成几个部分，如果视频结束，将下一个加载到播放器中。缺点：如果您使用自定义控件，它们仅显示当前视频的信息而不是整个视频（如果您使用特殊魔法构建自定义控件，则可以解决此问题）。

不知道它是否有帮助，但这将是我在这种情况下的两个解决方案。最好的K