HTML5でロード時に無限ループ動画を再生する

HTML5ページにビデオを配置して、ページの読み込み時に再生を開始し、完了したら、中断することなく最初にループバックしようと思っています。ビデオもする必要があり、NOT、それに関連するすべてのコントロールがあり、どちらかすべての「現代のブラウザと互換性がある、またはポリフィルのオプションがあります。

以前私は経由してこれを行っているだろうFlashとFLVPlayback、私はの明確な舵取りを好むFlashHTML5球に。JavaScript setTimeoutを使用してスムーズなループを作成できると思いますが、ビデオ自体を埋め込むには何を使用すればよいですか？ビデオを思い通りにストリーミングできるものはありFLVPlaybackますか？

ループ属性は、それを行う必要があります。

<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"非推奨

2018年4月の時点で、Chrome（および他のいくつかの主要なブラウザー）にも属性が必要になりmutedました。

したがって、使用する必要があります

<video width="320" height="240" autoplay loop muted>
  <source src="movie.mp4" type="video/mp4" />
</video>

iPhoneの場合、playsinlineも追加すると機能します。

<video width="320" height="240" autoplay loop muted playsinline>
  <source src="movie.mp4" type="video/mp4" />
</video>

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

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

2）そして、あなたはendedメディアイベントを使うことができます：

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

    newVideo.play();

});