HTML5 <video>&#34; Loop&#34;差距或延迟几秒钟

时间:2015-08-17 20:16:06

标签: javascript jquery html5 video timedelay

我正在使用HTML 5&#34;视频&#34;标记用于显示我的页面上的视频&#34;循环&#34;特征或属性。

我们是否可以使用&#34; 循环&#34;在视频之间添加延迟或差距?属性??

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

请参阅链接以查看视频标记代码&gt; &#34;的 http://jsfiddle.net/nrf5fbh8/1/ &#34;

请建议!

更新了我的代码,我的视频代码没有控件。

谢谢!

1 个答案:

答案 0 :(得分:13)

扩展我上面的评论,基本上不是使用loop属性,你可以设置一个监听器并在监听器中放置一个函数,在视频结束后的指定时间(以毫秒为单位)后重放视频。 JS看起来像这样:

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

Updated Fiddle