javascript – HTML5“循环”,间隙或延迟几秒钟

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

有没有什么办法可以使用“循环”属性在视频之间添加延迟或间隙？

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

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

请指教！

更新了我的代码,我的视频标签没有控件.

谢谢！

解决方法:

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

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

Updated Fiddle

标签：javascript,jquery,html5,video,timedelay
来源： https://codeday.me/bug/20191002/1840834.html