用JavaScript控制HTML5视频播放器循环

我希望在不支持JavaScript循环标记（ff）的浏览器中启用HTML5视频循环。有人知道访问视频播放结束并将播放恢复为零的可行性吗？

您可以检测是否支持

循环

属性，并将其设置为

真

对于不支持它的浏览器，您可以简单地绑定

end

media事件，然后重新启动它：

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();

迭代：
var迭代次数=1；
document.getElementById（'iteration'）。innerText=iterations；
var myVideo=document.getElementById（'video-background'）；
myVideo.addEventListener（'ended'，函数（）{
警报（“结束”）；
如果（迭代次数<2）{
这个.currentTime=0；
这个。play（）；
迭代++；
document.getElementById（'iteration'）。innerText=iterations；
}   
}，假）；
//请注意，循环属性不应该出现在视频元素中，这样“结束”事件才能在ie和firefox中工作

您可以通过

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”

将启用视频播放器循环

<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>