412 (전제 조건 실패) 오류 수정 HTML5 비디오 태그

Question

FlexSlider에서 HTML5 비디오 태그를 사용하고 있습니다. 때때로 비디오가 작동을 멈 춥니 다. 많은 검색 후에이 오류가 발생했습니다.

<video preload="none" src="http://studiobooth.local/app/videos/2.mp4" poster="http://studiobooth.local/app/videos/thumbs/2.jpg" controls="" loop="" style="max-width:100%;height:100%;"><source src="http://studiobooth.local/app/videos/2.mp4" type="video/mp4">Your browser does not support the video tag.</video> 

가 그것을 해결하기 위해 제발 도와주세요 :

GET http://studiobooth.local/app/videos/0062mParticle12151601.mp4 412 (Precondition Failed) 

은 여기 내 HTML5 비디오 태그 코드입니다.

고마워요.

Answer 1

저는 임시 해결책을 가지고 있습니다. 다음은 파일 소스 URL에 밀리 초를 추가하고 오류가 발생하면 동일한 비디오 파일을 다시로드하는 코드입니다.

media.addEventListener('error', function (e) { 

    var date = new Date(); 
    var milliSecs = date.getMilliseconds(); 
    var curr_src = $(media[0]).attr('src'); 
    var curr_src_arr = curr_src.split("?"); 
    var new_src = curr_src_arr[0]+"?t="+milliSecs; 

    $(media[0]).attr('src',new_src); 
    $(media[0]).find('source').attr('src',new_src); 
    media[0].load(); 
    //media[0].play(); /* Here we can not trigger play video/audio without user interaction. */ 
}, false); 

https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1