Question

html5播放器里怎么控制播放控制条的显示时间

我想在播放一个1分钟视频后再显示如图所示播放进度条，跪求源码！

Answer 1

Video对象可以通过 ontimeupdate 事件来报告当前的播放进度，如果监听了这个事件，视频每播放一秒都会执行一次该事件；

video对象可以通过获取 currentTime 属性值来得到当前播放的时间；

var video = document.getElementById('video');
video.ontimeupdate = function(){    // 监听事件
    var currentTime = Math.floor(video.currentTime);    // 取得当前播放的时间，由于 currentTime 返回的是个浮点数，所以要向下取整
    if (currentTime == 60) {    // 播放到60秒
        video.setAttribute('controls','controls');
        alert('60s');
    }
}

追问

当我的进度条出现的时候，我在视频区域上方给加了个div层，然后给层加了个链接，但这时候点击div层，就跳转不到我要跳转的页面，怎么办？

追答

设置上层div 的 z-index 值比下层的大，鼠标点击的时候点的就是div 里的链接了；否则点击的时候点的是video而不是div，所以没跳转