使用JavaScript控制html5视频播放器循环

Question

我希望在不支持使用JavaScript的循环标记(ff)的浏览器中启用html5视频的循环.有谁知道访问视频播放结束并将播放恢复为零的可行性？

Answer 1

您可以检测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();