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に設定されます。

イベントリスナーを追加する必要があることを指摘しているウェブサイトがいくつかあります。しかし残念ながら、それはうまくいきませんでした。

Answer 1

解決策は、JSを使用してループ属性をfalseに設定することです。ビデオタグの属性としてloop = falseを指定した場合でも、loop属性が指定されていない場合でも、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(); 

乾杯：だからルーピングを成し遂げるために、次のスニペットは、トリックをしました！