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>

编辑：按钮是临时解决方案。我想删除按钮，如下所示：视频开头=＆gt; 15秒后暂停=＆gt;并触发与按钮相同的事件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);

Html 5视频停止事件

1 个答案: