Safari에서 '종료 됨'중간 동영상을 검색하는 HTML5 동영상

Question

배경 영웅 동영상에 <video>을 사용하고 있습니다. 0시에 시작합니다. 0:11 클립의 끝 부분에 도달하면 02로 돌아가서 거기에서 반복됩니다. 나는 그것을 다음과 같이 수행했습니다 :

태블릿/모바일의 대체 이미지로 바뀌기 때문에 데스크톱 경험에만 관심이 있습니다. 이 기능은 Chrome, Firefox 및 IE에서도 작동합니다. 그러나 사파리는 02 대신 0:00에서 되풀이됩니다.

addeventListener 대신 버튼을 클릭하여 전체 기능을 작동합니다. CurrentTime 재 할당이 문제가되지는 않습니다. 나는 모든 것을 video.oncanplaythrough = function() { 안에 넣으려고했다. .addEventListener('ended')을 $('video').on('ended',function(){ 또는 video.onended = function() {으로 변경해 보았습니다.

.play()는 항상 on('click')을 처리 할 수 ​​없다는 것을 제외하고 항상 0:00까지 보냅니다. 그래서 뭔가가 있습니다. 당신의 도움을 주셔서 감사합니다!

Answer 1

Safari의 play() 함수는 currentTime을 0으로 재설정 한 것으로 보입니다.

비디오를 play()을 한 후 직접 currentTime을 설정하면, 그것은 같은 기대 작품 : 아이쿠 그것을 터무니

document.getElementById('bgvid').addEventListener('ended',repeatVid,false); 
function repeatVid(e) { 
    var mediaElement = document.getElementById('bgvid'); 
    mediaElement.play(); 
    mediaElement.currentTime = 2; 
}