Html5视频没有在Stable Firefox上循环播放

时间:2014-09-11 18:41:07

标签: javascript html5 firefox

我有一个背景视频,我需要自动播放和循环。

我的HTML是:

<video class="mundoVideo" id="backVideo" autoplay autobuffer="autobuffer" muted="muted" width="1200" height="360" loop="loop">
   <source src="3D/1.webm" type="video/webm">
   <source src="3D/1.mp4" type="video/mp4">
   <source src="3D/1.ogg" type="video/ogg">
</video>

通过这种方式,我可以看到它在Chrome和Firefox Nightly(甚至Internet Explorer 11)上循环播放,但稳定的Firefox更新到最新版本(32.0)则没有。

我尝试使用'loop'作为参数,'loop =“loop”'或甚至使用javascript:

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

但似乎没有结束事件被激发,只是图像在某个时刻停止。

网址为:http://ticketcomunicacion.com/excelsior

1 个答案:

答案 0 :(得分:1)

这段代码还不够?如果你有视频,你不想改变:

$time = 39; // number of seconds of your video
setInterval(function(){
    $('#backVideo').load();
},$time*1000);

或尝试使用load()代替play()代码。我没有这个版本的Firefox,所以我无法尝试:

$("#backVideo").bind('ended', function(){ 
    this.load();
});