Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.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 在HTML页面中的特定时间将链接覆盖在正在播放的视频上_Javascript_Html_Css_Video - Fatal编程技术网

Javascript 在HTML页面中的特定时间将链接覆盖在正在播放的视频上

Javascript 在HTML页面中的特定时间将链接覆盖在正在播放的视频上,javascript,html,css,video,Javascript,Html,Css,Video,我想知道如何在HTML页面中的特定时间将链接覆盖在正在播放的视频上 我们知道Youtube很容易做到这一点,但我需要在没有Youtube的情况下做到这一点 我提前感谢大家。有很多方法可以做到这一点 下面是一个使用setInterval的简单示例。该链接将在视频的3秒钟内显示 var video=document.querySelector('video'), link=document.querySelector('a'), timer=document.querySelector(“#tim

我想知道如何在HTML页面中的特定时间将链接覆盖在正在播放的视频上

我们知道Youtube很容易做到这一点,但我需要在没有Youtube的情况下做到这一点


我提前感谢大家。

有很多方法可以做到这一点

下面是一个使用
setInterval
的简单示例。该链接将在视频的3秒钟内显示

var video=document.querySelector('video'),
link=document.querySelector('a'),
timer=document.querySelector(“#timer”);
setInterval(函数(){
如果(video.currentTime>3&&video.currentTime<6){
link.style.display='block';
}
否则{
link.style.display='none';
}
timer.textContent=video.currentTime;
}, 100);
.wrapper{
位置:相对位置;
}
a{
位置:绝对位置;
顶部:10px;
左:10px;
背景:rgba(0,0,0,0.8);
颜色:#fff;
显示:无;
}


当前时间:
您的意思是要生成指向特定时间的视频页面的链接吗?否。想象一下,我有一个带有视频的页面,在视频中的某个时刻,一个链接将显示在该页面上,允许用户点击该页面以打开另一个“任意”页面。