8

数時間試した後、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() を呼び出すことで簡単に解決されました。しかし、ループはそれでは機能しません。ループ属性がサポートされているように見えても、問題が発生します。属性が loop=false の場合、または loop 属性が欠落している場合でも、true に設定されます。

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

4

1 に答える 1

12

解決策は、JS を使用して loop 属性を false に設定することです。video タグの属性として 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();

乾杯！

于 2012-06-28T18:53:05.677 に答える