Javascript 是否有办法根据';目前正在播放什么?
我有一个视频当前正在我的页面中运行,我想在特定的视频时间调用settimeout函数Javascript 是否有办法根据';目前正在播放什么?,javascript,dom,Javascript,Dom,我有一个视频当前正在我的页面中运行,我想在特定的视频时间调用settimeout函数 <video id="video" autoplay controls> <source id="mp4" src="https://api.imaginedreality.in/?filename={{video}}" type="video/mp4"> </video> <script
<video id="video" autoplay controls>
<source id="mp4" src="https://api.imaginedreality.in/?filename={{video}}"
type="video/mp4">
</video>
<script>
window.onload=start;
function start(){
setTimeout(showdiv,10000)
}
function showdiv(){
document..getElementById('divid').style.display="block"
}
</script>
例如,我想在视频时间的第10秒调用settimeout函数,用户可以随意暂停视频。基本上,我想将settimeout函数的时间与视频时间同步
<video id="video" autoplay controls>
<source id="mp4" src="https://api.imaginedreality.in/?filename={{video}}"
type="video/mp4">
</video>
<script>
window.onload=start;
function start(){
setTimeout(showdiv,10000)
}
function showdiv(){
document..getElementById('divid').style.display="block"
}
</script>
window.onload=启动;
函数start(){
设置超时(showdiv,10000)
}
函数showdiv(){
document..getElementById('divid').style.display=“block”
}
这就是我一直在尝试的,但是,在这里,videotime和setTimeout函数之间没有任何关系,而这正是我想要建立的为什么不只听视频上的
进度
,播放
,和搜索
事件,当你得到它时,看看你是否超过10秒,如果没有,设置超时以签入适当的秒数
let超时;
document.getElementById('video')。addEventListener('play',checkVideo);
document.getElementById('video')。addEventListener('seek',checkVideo);
document.getElementById('video')。addEventListener('progress',checkVideo);
功能检查视频(e){
如果(例如时间戳>10000){
document.getElementById('divid').style.display=“block”;
}否则{
clearTimeout(超时);
超时=设置超时(()=>{
如果(e.target.currentTime>=9.9){
document.getElementById('divid').style.display=“block”;
}
},10000-(e.target.currentTime*1000));
}
}
#divid{
显示:无;
}
测试
为什么不直接收听视频中的进度
、播放
、和查找
事件,当你看到这些事件时,看看你的等待时间是否超过10秒,如果没有,设置一个超时以检查适当的秒数
let超时;
document.getElementById('video')。addEventListener('play',checkVideo);
document.getElementById('video')。addEventListener('seek',checkVideo);
document.getElementById('video')。addEventListener('progress',checkVideo);
功能检查视频(e){
如果(例如时间戳>10000){
document.getElementById('divid').style.display=“block”;
}否则{
clearTimeout(超时);
超时=设置超时(()=>{
如果(e.target.currentTime>=9.9){
document.getElementById('divid').style.display=“block”;
}
},10000-(e.target.currentTime*1000));
}
}
#divid{
显示:无;
}
测试
目前我正在使用settimeout(函数,10000),希望它能在第10秒触发,但如果用户在第5秒暂停视频并等待5秒,则会调用此超时函数,这会使事情变得一团糟。您能与我们分享您迄今为止的尝试吗?您尝试了什么代码?@TheGrandJ Done Sir目前正在使用settimeout(函数,10000),希望它在第10秒触发,但如果用户在第5秒暂停视频并等待5秒,则会调用此超时函数,这会使事情变得一团糟。您能与我们分享您迄今为止的尝试吗?你尝试了什么密码?@TheGrandJ完成了,先生