HTML5 동영상이 Android 기기에서 반복되지 않습니다.

Question

몇 시간 후에 HTML5 동영상 태그를 사용하여 Android 기기에서 동영상을 반복하는 방법을 묻습니다.

브라우저와 별개로 동영상을 재생하려면 video.js를 포함 시켰습니다. Firefox와 Chrome에서는 모두 정상적으로 작동하지만 내 Android 기기 (Android 4.0.4에서는 SSG3)에서 동영상이 시작되거나 반복되지 않습니다.

<video id="model_video" autoplay loop preload="auto" data-setup="{}" width="90%" height="90%" poster="images/black.jpg"> 

동영상을 시작하지 못했습니다. 그러나 JS에서 video.start()를 호출하면 쉽게 해결할 수 있습니다. 그러나 루핑은 그걸로는 작동하지 않습니다. 루프 속성이 지원되는 것처럼 보이더라도 문제가 발생합니다. 속성 루프 = false 또는 누락 된 루프 속성이있는 경우에도 여전히 true로 설정됩니다.

eventlistener를 추가해야한다는 몇 가지 웹 사이트가 있습니다. 그러나 불행히도, 그것은 작동하지 않았다.

Answer 1

해결책은 JS를 사용하여 루프 속성을 false로 설정하는 것입니다. video 태그의 속성 또는 loop 속성이없는 loop = false 인 경우에도 video.loop은 true를 반환합니다. 루프가 완료 되려면 다음 코드가 트릭을 수행했습니다.

var video = document.getElementById("model_video"); 
    //this did the trick 
    video.loop = false; 
    video.addEventListener('ended', function() { 
     video.currentTime=0.1; video.play(); }, false); 
    video.play(); 

건배!