html5视频预加载器问题

Question

我试图在html5中为多个视频实现一个进度条预加载器。

此脚本将打印到javascript控制台中加载的单个视频的数量。

$('.videos video').on('progress', function(){ 

     video_id=$(this).attr('id'); 

     track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

     console.log('id: '+video_id+' - loaded: '+track_loaded); 
}); 

似乎比http请求被定义的javascript之前开始，所以我接收随机一些错误类型： 索引或尺寸大于容许量

时刻

负或更大时，执行请求和错误不再记录，但我仍然收到控制台中的js错误 。

这是使用7个视频日志：

track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
Index or size is negative or greater than the allowed amount 


track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
Index or size is negative or greater than the allowed amount 


track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
id: 2 - loaded: 0.013786587924260673 
index.html?id=48 (riga 659) 
Index or size is negative or greater than the allowed amount 


track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
id: 3 - loaded: 0.16078649017264499 
index.html?id=48 (riga 659) 
Index or size is negative or greater than the allowed amount 


track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
id: 2 - loaded: 0.07255091868406688 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.26668247728354455 
index.html?id=48 (riga 659) 
id: 4 - loaded: 0.034023975757908255 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.1380029751260965 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.35015135988644913 
index.html?id=48 (riga 659) 
Index or size is negative or greater than the allowed amount 


track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
id: 4 - loaded: 0.12001769993327845 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.22576573877362435 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.4388296947315865 
index.html?id=48 (riga 659) 
id: 4 - loaded: 0.22714545076155443 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.3168997882162283 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.5364553258101487 
index.html?id=48 (riga 659) 
Index or size is negative or greater than the allowed amount 


track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
id: 4 - loaded: 0.3736262708488382 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.3912871004993093 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.6229262584189355 
index.html?id=48 (riga 659) 
id: 5 - loaded: 0.09206320825645414 
index.html?id=48 (riga 659) 
id: 4 - loaded: 0.5244796611615865 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.4545190497364752 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.7033342169513136 
index.html?id=48 (riga 659) 
id: 5 - loaded: 0.2423348637305345 
index.html?id=48 (riga 659) 
id: 4 - loaded: 0.6571140088682328 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.5290708241980147 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.7850666087133332 
index.html?id=48 (riga 659) 
id: 5 - loaded: 0.36814371781995037 
index.html?id=48 (riga 659) 
id: 4 - loaded: 0.8086961608852251 
index.html?id=48 (riga 659) 
id: 4 - loaded: 1 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.8720378998901186 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.5983052841086022 
index.html?id=48 (riga 659) 
id: 5 - loaded: 0.7350861148492476 
index.html?id=48 (riga 659) 
id: 5 - loaded: 1 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.6853554286796958 
index.html?id=48 (riga 659) 
id: 3 - loaded: 0.9603336040161238 
index.html?id=48 (riga 659) 
id: 3 - loaded: 1 
index.html?id=48 (riga 659) 
Index or size is negative or greater than the allowed amount 


track_loaded=$(this).get(0).buffered.end(0)/$(this).get(0).duration; 

index.html?id=48 (riga 658) 
id: 2 - loaded: 0.7597701450304093 
index.html?id=48 (riga 659) 
id: 7 - loaded: 0.16078649017264499 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.8834383564479372 
index.html?id=48 (riga 659) 
id: 7 - loaded: 0.2774545653146095 
index.html?id=48 (riga 659) 
id: 7 - loaded: 0.40604253952334807 
index.html?id=48 (riga 659) 
id: 2 - loaded: 0.9788207540541778 
index.html?id=48 (riga 659) 
id: 2 - loaded: 1 
index.html?id=48 (riga 659) 
id: 7 - loaded: 0.5112616067135821 
index.html?id=48 (riga 659) 
id: 7 - loaded: 0.6072096210159036 
index.html?id=48 (riga 659) 
id: 7 - loaded: 0.7684081485193699 
index.html?id=48 (riga 659) 
id: 7 - loaded: 0.9098284582545465 
index.html?id=48 (riga 659) 
id: 7 - loaded: 1 
index.html?id=48 (riga 659) 
id: 7 - loaded: 1 

Answer 1

你可以尝试检查介质的状态，等到它准备好。请参阅Media Ready States。