diff --git a/source/Ox.UI/js/Video/Ox.VideoPlayer.js b/source/Ox.UI/js/Video/Ox.VideoPlayer.js index 7db4a0f8..3fd1cc78 100644 --- a/source/Ox.UI/js/Video/Ox.VideoPlayer.js +++ b/source/Ox.UI/js/Video/Ox.VideoPlayer.js @@ -269,8 +269,10 @@ Ox.VideoPlayer = function(options, self) { if (!$(e.target).is('.OxLogo')) { togglePaused(); } - } - // fixme: support drag (left-right) + }, + dragstart: dragstart, + drag: drag, + dragend: dragend }); self.$video = Ox.VideoElement( @@ -998,10 +1000,27 @@ Ox.VideoPlayer = function(options, self) { self.interfaceTimeout = 0; } - function ended() { - if (!self.options.paused) { - togglePaused(); + function dragstart() { + self.drag = { + position: self.options.position, + paused: self.options.paused } + !self.options.paused && togglePaused(); + } + + function drag(e) { + setPosition(self.drag.position - e.clientDX / 25); + that.triggerEvent('position', { + position: self.options.position + }); + } + + function dragend() { + !self.drag.paused && togglePaused(); + } + + function ended() { + !self.options.paused && togglePaused(); if (self.options.poster) { self.$poster.animate({ opacity: 1