HTML5如何在游戏结束时暂停视频循环？

Question

如何在几秒钟内停止视频循环？ 这是我的html代码

<video poster="images/banner-bg.jpg" id="bgvid" playsinline autoplay muted loop> 
    <source src="vid/MM_Logo_Identity.mp4" type="video/mp4" id="bgvid1"> 
    </video> 

脚本

document.getElementsByTagName('source').addEventListener('ended',myHandler,false); 
function myHandler(e) { 
    console.log('ended'); 
    setTimeout(function(){ 
     document.getElementsByTagName('source').play(); 
    }, 9000); 
}; 

Answer 1

可以删除loop属性，像这样：

<video poster="images/banner-bg.jpg" id="bgvid" playsinline autoplay muted> 
    <source src="vid/MM_Logo_Identity.mp4" type="video/mp4" id="bgvid1"> 
</video> 

Answer 2

试试这个代码，它可能对你有用。

document.getElementsByTagName('source').addEventListener('ended', function() { 
    this.currentTime = 1; 
}, false);