112

ページの読み込み時に再生を開始するHTML5ページに動画を配置し、完了したら、中断することなく最初にループバックすることを検討しています。また、ビデオにはコントロールが関連付けられていない必要があり、すべての「最新の」ブラウザと互換性があるか、ポリフィルのオプションがあります。

以前は、Flashとを介してこれを実行していましたが、HTML5の領域ではFLVPlayback避けたいと思います。FlashjavascriptsetTimeoutを使用してスムーズなループを作成できると思いますが、ビデオ自体を埋め込むには何を使用すればよいですか？ビデオをストリーミングする方法はありFLVPlaybackますか？

4

4 に答える 4

181

loop属性でそれを行う必要があります。

<video width="320" height="240" autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

loop 属性に問題が発生した場合 (以前のように)、イベントをリッスンし、イベントが発生したときにメソッドvideoEndを呼び出します。play()

注 1: Apple の iPad/iPhone での動作については、いくつかの制限があるため、よくわかりませんautoplay。

注 2:loop="true"および autoplay="autoplay"は非推奨です

于 2012-05-02T13:55:36.987 に答える
2

これは、次の 2 つの方法で実行できます。

1）loopビデオ要素で属性を使用する（最初の回答で言及）：

ended2)メディア イベントを使用できます。

window.addEventListener('load', function(){
    var newVideo = document.getElementById('videoElementId');
    newVideo.addEventListener('ended', function() {
        this.currentTime = 0;
        this.play();
    }, false);

    newVideo.play();

});
于 2017-10-24T17:39:52.357 に答える