i'm making html5 videoplayer mootools, , progress bar 'slide' element wich update periodically. when that, click event canceled on element.
here's slider:
this.options.timeslider = new slider(timeprogress, timeknob, { range: [0, 100], steps: 1000, initialstep: 0, onchange: function(value) { this.setprogress(value); }.bind(this) });
then there's settime function wich fired periodically every second:
settime: function() { var percentage = this.options.video.currenttime / this.options.video.duration * 100; if(!isfinite(percentage)) { percentage = 0; } this.options.timeslider.set(percentage); }
you can check full code, can find here: http://j.blck.lv/code/41081i1g3y2v
Comments
Post a Comment