我正在使用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