Firefox </video>中<video>循环属性的解决方法

Question

有没有人知道在Firefox中循环HTML5 <video>元素的解决方法（JavaScript，我猜）。 Firefox目前不支持loop属性。

Answer 1

请不要滥用jQuery这样!!你不需要一个庞大的库来绑定一个简单的监听器！使用此：

 document.getElementById('video').addEventListener("ended", function(){this.play();});

这将在视频结束时触发。然后将运行匿名函数。 “this”指的是我们通过视频元素执行播放功能以使视频重新播放。

Firefox上的耻辱让这个bug长期不复存在！

Answer 2

没有任何要测试的视频，但是使用jQuery在firefox支持论坛上找到了一个可以尝试的解决方案：

$("#yourID").bind('ended', function(){ 
  this.play();
});

http://support.mozilla.com/en-US/questions/747220

Answer 3

从Mozilla网站获取的JQuery解决方法为我工作（http://support.mozilla.com/en-US/questions/747220）：

$("#yourID").bind('ended', function(){
this.play();
});

Answer 4

这些答案都不适用于OS X上的Firefox。

我的解决方案是在视频代码中添加 loop =“loop”。省略=“循环”导致视频无法循环。

<video src="myvid.mp4" loop="loop"></video>