8

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

为了独立于某种浏览器，我包含了 video.js 来播放视频。在 Firefox 和 Chrome 上一切正常，但在我的 Android 设备（带有 Android 4.0.4 的 SSG3）上，视频无法启动或循环播放。

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

没有开始视频。但这很容易通过在 JS 中调用 video.start() 来解决。但是循环不适用于此。即使似乎支持循环属性，它也会导致问题。使用属性 loop=false 或者即使缺少 loop 属性，它仍然设置为 true。

有几个网站指出需要添加事件监听器。但不幸的是，它没有用。

4

1 回答 1

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

干杯!

于 2012-06-28T18:53:05.677 回答