html5 비디오 프리 로더 문제

Question

html5에서 다중 비디오 용 진행률 프리 로더를 구현하려고합니다.

이 스크립트는 자바 스크립트 콘솔에로드 된 단일 비디오의 양을 인쇄합니다.

$('.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보다 전에 시작하는 것, 그래서 나는 무작위로받을 일부 오류 유형 : 인덱스 또는 크기가 허용 된 양의 시간

보다 더 부정적이거나 큰 경우, 요청이 수행되고, 오류가 더 이상 로그하지 않지만 여전히 콘솔에서 js 오류 을 수신합니다.

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

당신은 미디어의 상태를 점검하고 준비가 될 때까지 기다리는 시도 할 수 :

이

7 개 비디오를 사용하여 로그입니다. Media Ready States을 참조하십시오.