HTML5 <Video> “循环”，有几秒钟的间隙或延迟

Question

我正在使用 HTML 5“视频”标签在我的页面上显示带有“循环”功能或属性的视频。

有什么方法可以使用“Loop”属性在视频之间添加延迟或间隔？？

<video id="myVideo" autoplay loop src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4">

请参考链接查看视频标签代码>“http://jsfiddle.net/nrf5fbh8/1/”

请推荐！

---

更新了我的代码，我的视频标签没有控件。

谢谢！

Answer 1

扩展我上面的评论，基本上，您可以设置一个侦听器并在侦听器中放置一个函数，以便在视频结束后指定的时间量（以毫秒为单位）后重播视频，而不是使用循环属性。 JS 看起来像这样：

document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) {
    console.log('ended');
    setTimeout(function(){
        document.getElementById('myVideo').play();
    }, 5000);
}

Updated Fiddle