HTML5视频 - 如何检测视频的特定部分何时加载

Question

我正在使用HTML5加载视频，并按以下方式观看进度事件：

var progressEventHandler=function(e){

};
var cn,domTarget='#vid';
cn=$(domTarget);
cn[0].addEventListener('progress',progressEventHandler,false);

我只想播放此视频的一部分。而且我想知道那个部分什么时候装满了。我不知道整个视频何时加载，只是这一部分。

我的问题是：

有没有办法使用进度事件找出加载了一定数量的视频？

我是否正确假设50％的文件加载等同于能够播放视频的前半部分？

TIA

Answer 1

使用buffered的{​​{1}}属性。

  

浏览器缓存的媒体源范围（如果有）   目前访问缓冲属性。   返回的HTMLMediaElement对象已标准化。

     

source

显示用法的简单示例：

TimeRanges