javascript - 如何停止循环 HTML5 视频并让它播放到最后

Question

我有一个视频想要循环播放。 N 秒后我希望它停止循环。当计时器到期时，它不应该立即停止，而是继续到视频结束，然后停止。

这是我的 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>