Question

如何控制html5 video 控制条显示和隐藏时间

比如我想在2分钟的时候显示这个进度条，具体源码是什么？

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<script>标签中，输入js代码：

setTimeout(fun, 120*1000);

function fun() {

$('video').attr('controls', 1);

}

3、浏览器运行index.html页面，此时运行2分钟后，才会显示出控制条。

Answer 2

如何控制html5 video 控制条显示和隐藏时间
function setControl(){
var video=document.getElementById("video");
video.controls=false;

if(video.currentTime>=2*60){
video.controls=true;
}
setTimeOut("setControl()",10);

}

Answer 3

function setControl(){
var video=document.getElementById("video");
video.controls=false;

if(video.currentTime>=2*60){
video.controls=true;
}
setTimeOut("setControl()",10);

}

追问

能否标注下你代码注释，简单，？你里面的数字都是什么意思？

追答

var video=document.getElementById("video");//获取video对象
video.controls=false;//设置控制条不显示
function setControl(){
if(video.currentTime>=2*60){ //video当前播放时间（秒）
video.controls=true;//设置控制条显示
}
setTimeOut("setControl()",1);//每隔1毫秒调用一次，相当于实时获取当前播放时间
}
setControl()；
执行也需要时间，所以获取的当前时间不一定正好是120s，这里写了>=。我想到的，可能有更好的方法。

追问

我用html5里标签做了播放器，然后我再上面又加了个div层，给层加了个链接，但我在视频区域点击div层时，只能暂停视频，不能跳转到我的了链接页面，在非视频区域点击层就可以跳转新的页面，我想在视频区域点击div层时跳转到我要的页面，我怎么办？

Answer 4

半年个人指标