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

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

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

您无法使用任何设置或属性来更改此行为。

来源：http://www.stevefenton.co.uk/Content/Blog/Date/201106/Blog/HTML-5-Video-In-Real-Life/

Answer 2

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

将您的视频压缩到较低的质量，或者您的视频大小/比特率（f.e. h264，427x240 800kbps，最终大约5-6mb / min）

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

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

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

2 个答案: