7

JavaScript でループ タグ (ff) をサポートしていないブラウザーで HTML5 ビデオのループを有効にしようとしています。ビデオ再生の最後にアクセスして再生をゼロに戻す可能性を知っている人はいますか?

4

3 に答える 3

20

loopプロパティがサポートされているかどうかを検出し、 に設定できtrueます。

サポートしていないブラウザーの場合は、endedメディア イベントをバインドして、最初からやり直すことができます。

var myVideo = document.getElementById('videoId');
if (typeof myVideo.loop == 'boolean') { // loop supported
  myVideo.loop = true;
} else { // loop property not supported
  myVideo.addEventListener('ended', function () {
    this.currentTime = 0;
    this.play();
  }, false);
}
//...
myVideo.play();
于 2010-08-11T04:27:17.743 に答える
1

loop="false"自動ビデオリピート再生を停止するために、ビデオをオンまたはオフにループするだけです。

<iframe style="position: absolute; top: 0; left: 0;"
src="http://video/name.mp4" width="100%" height="100%" frameborder="0"  webkitallowfullscreen loop="true" controls="false" mozallowfullscreen allowfullscreen></iframe>

これloop="true"により、ビデオ プレーヤーのループが有効になります。

于 2017-11-25T06:50:04.260 に答える