javascript - Html 5视频停止事件

Question

我对 JS 很陌生，我想在我的网站上实现 html 5 视频。

视频代码如下所示

<video id="myvideo" style=width:600px; height:550px controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
</video>

我想让视频暂停 15 秒并触发一个事件现在我的事件已在按钮上 按钮代码

<button onclick="myFunction()">Watch</button>
<script>
    function myFunction() {
        RC_STARTGATE();
    }
</script>  

编辑:按钮是临时解决方案。我想删除按钮和类似的东西:视频开始=> 15 秒后暂停=> 并触发与按钮执行 RC_STARTGATE() 相同的事件。

编辑2:太棒了!现在我需要删除按钮并在视频开始时开始超时。

var vid = document.getElementById("myVideo");

function myFunction(){
    vid.play();

    setTimeout(function(){
        vid.pause();
    }, 15000); //

setTimeout(function(){
        RC_STARTGATE();
    }, 15000); //
}

Answer 1

单击按钮后，视频开始播放，15 秒后您希望其停止吗？

var vid = document.getElementById("myvideo");

function myFunction(){
    vid.play();

    setTimeout(function(){
        vid.pause();
    }, 15000); //15 second timeout in milliseconds
}

编辑2

要删除该按钮，请添加一个 ID ( <button id="mybtn"> )，以便您可以像这样引用和删除它:

var btn = document.getElementById("mybtn");
btn.parentElement.removeChild(btn);