Javascript 在HTML页面中的特定时间将链接覆盖在正在播放的视频上
我想知道如何在HTML页面中的特定时间将链接覆盖在正在播放的视频上 我们知道Youtube很容易做到这一点,但我需要在没有Youtube的情况下做到这一点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
我提前感谢大家。有很多方法可以做到这一点 下面是一个使用
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;
显示:无;
}
当前时间:
您的意思是要生成指向特定时间的视频页面的链接吗?否。想象一下,我有一个带有视频的页面,在视频中的某个时刻,一个链接将显示在该页面上,允许用户点击该页面以打开另一个“任意”页面。