1

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

4

0 回答 0