
在initControls()函数中引用这个span元素指向变量curTime,并将其值初始化为0:
curTime=document.getElementById(HtimePlayed");curTime.innerHTML=3在每次调用updateProgress()时更新curTime的时间戳:
mm=Math.floor(video.currentTime/6);ss=parselnt(video.currentTime)%60;ss=(ss
这类似于控制滑块来设定播放位置,不过现在我们是要设定滑块的位置,并且显示video.currentTime的值。我们的updateProgresso函数的最终版本如代码清单:
代码漓单改变及更新播放位置
varupdateProgress=function(ctrl){if(ctrl){video.currentTime=ctrLvalue;else{curPos.value=video.currentTime;
}
//SettingthetimeinformatMM:SSmm=Math.floor(video.currentTime/6);ss=parselnt(video.currentTime)%60;ss=(ss<10)'O'+ss:ss;curTime.innerHTML=mm+,i^+ss;>;____________________________________________________ieelse区块用于判断updateProgress()是否被滑块或ontimeupdate调用过。在前一种情况下,滑块对象作为参数Ctrl传人,然后根据滑块的值设定播放位置,而在后一种情况下,我们则处理时间更新,利用变量curPos来将滑块设为当前播放时间。
宁波网站制作认为现在我们终于解决了播放及控制播放时间的问题,可以坐下来放松一下了。请享受用自制的播放器观看BigBuckBunny的欢乐时光吧!
本文由乐华网络编辑,转载请注明出处
宁波网站制作www.leseo.net