HTML 5视频未在页面加载上完全缓冲

Question

我正在尝试使用以下内容在页面加载上缓冲HTML 5视频：

<video width="320" height="240" id="myVid" controls="controls" preload="auto">
     <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
     <object data="" width="320" height="240"></object>
</video>

但是视频在页面加载时只有40％到50％的缓冲区而不会播放并卡住。我想在页面加载时缓冲完整视频，然后播放。

链接：http://codepen.io/anon/pen/XKNeYQ

Answer 1

浏览器本身决定预加载多少。你不能改变它。有关详细信息，请查看表here。某些浏览器有一些时间限制，其他一些大小限制。唯一的另一种选择是使用支持您需求的自定义视频播放器。