经过几个小时的尝试,我想问一下如何使用 HTML5 video 标签在 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。
有几个网站指出需要添加事件监听器。但不幸的是,它没有用。
最佳答案
解决方法是使用JS将loop属性设置为false。即使将 loop=false 作为 video 标签的属性或缺少 loop 属性,video.loop 也会返回 true。所以为了完成循环,下面的代码 fragment 起到了作用:
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();
干杯!
关于android - HTML5 视频不会在 Android 设备上循环播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11225927/