HTML5视频不会在Android设备上循环播放

时间:2012-06-27 12:13:58

标签: android html5 video loops

经过几个小时的尝试后,我想问一下如何使用HTML5视频代码在Android设备上循环播放视频。

要成为某种独立于浏览器的媒体,我提供了video.js来播放视频。一切都适用于Firefox和Chrome,但在我的Android设备(SSG3和Android 4.0.4)上,视频无法启动或循环播放。

<video id="model_video" autoplay loop preload="auto" data-setup="{}" width="90%"  height="90%" poster="images/black.jpg"> 

没有启动视频。但是通过在JS中调用video.start()可以很容易地解决这个问题。但循环不起作用。即使似乎支持循环属性,也会导致问题。使用属性loop = false或甚至缺少循环属性,它仍然设置为true。

有几个网站指出需要添加一个eventlistener。但不幸的是,它没有用。

1 个答案:

答案 0 :(得分:12)

解决方案是使用JS将loop属性设置为false。即使将loop = false作为视频标记的属性或缺少循环属性,video.loop也会返回true。因此,为了完成循环,下面的代码段完成了这个技巧:

    var video = document.getElementById("model_video"); 
    //this did the trick
    video.loop = false; 
    video.addEventListener('ended', function() { 
      video.currentTime=0.1; video.play(); }, false);
    video.play();

干杯!