Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript addEventListener暂停并播放视频_Javascript_Html_Video_Addeventlistener - Fatal编程技术网

JavaScript addEventListener暂停并播放视频

JavaScript addEventListener暂停并播放视频,javascript,html,video,addeventlistener,Javascript,Html,Video,Addeventlistener,我的html中有一个视频。我想视频暂停后5秒播放,所以我使用addEventListener。我还有两个按钮可以调用重启或跳转 播放视频时,会在视频中调用EventListener。它会在5秒时暂停,但我无法在5秒后播放。我尝试删除了侦听器,但视频不再暂停。当我调用jump时,它将花费我10秒,但当我尝试播放它时,会继续暂停。当我调用reset时,视频将再次播放长达5秒,这是有意义的,因为我有一个监听器。当我呼叫jump时,如何让它在10秒后播放?起初我认为我必须删除我的听众,但我相信我仍然需要

我的html中有一个视频。我想视频暂停后5秒播放,所以我使用addEventListener。我还有两个按钮可以调用重启或跳转

播放视频时,会在视频中调用EventListener。它会在5秒时暂停,但我无法在5秒后播放。我尝试删除了侦听器,但视频不再暂停。当我调用jump时,它将花费我10秒,但当我尝试播放它时,会继续暂停。当我调用reset时,视频将再次播放长达5秒,这是有意义的,因为我有一个监听器。当我呼叫jump时,如何让它在10秒后播放?起初我认为我必须删除我的听众,但我相信我仍然需要这样做,因为我希望视频暂停15秒。或者我需要打电话给其他地方的removeEventListener

js

html


必须将暂停时间保留在变量中。然后您可以在跳转函数中使用它:

var video=document.getElementById'myvid', pausedtime=0; video.addEventListener“timeupdate”函数{ 如果此.currentTime>=pausedtime+5{ 这是暂停; pausedtime=this.currentTime } }; 功能重启{ video.currentTime=0; pausedtime=0; 视频播放 } 函数跳转{ 暂停时间+=5; video.currentTime=暂停时间; 视频播放 } 重新启动 跳
var video = document.getElementById("myvid");
video.addEventListener("timeupdate", function(){
if(this.currentTime >= 5) {
    this.pause();       
}
});


function restart(){
    video.currentTime = 0;
}

function jump(){ 
    video.currentTime = 10; 
    if (video.currentTime >=15){
       video.pause
    }
}
<video id="myvid" width="320" height="240" controls>
    <source src="video.mp4" type="video/mp4">
</video>

<button onclick="restart()">restart</button>
<button onclick="jump()">jump</button>