我正在用 MooTools 制作一个 HTML5 视频播放器,进度条是一个“幻灯片”元素,我会定期更新。
当我这样做时,该元素上的任何点击事件都会被取消。
这是滑块:
this.options.timeSlider = new Slider(timeProgress, timeKnob, {
range: [0, 100],
steps: 1000,
initialStep: 0,
onChange: function(value) {
this.setProgress(value);
}.bind(this)
});
然后是我的 setTime 函数,它每秒定期触发:
setTime: function() {
var percentage = this.options.video.currentTime / this.options.video.duration * 100;
if(!isFinite(percentage)) {
percentage = 0;
}
this.options.timeSlider.set(percentage);
}
你也可以查看完整的代码,你可以在这里找到:http: //j.blck.lv/code/41081i1g3y2v