diff --git a/source/Ox.UI/js/Video/Ox.VideoPanelPlayer.js b/source/Ox.UI/js/Video/Ox.VideoPanelPlayer.js index de0c0abd..4ddd717d 100644 --- a/source/Ox.UI/js/Video/Ox.VideoPanelPlayer.js +++ b/source/Ox.UI/js/Video/Ox.VideoPanelPlayer.js @@ -30,7 +30,7 @@ Ox.VideoPanelPlayer = function(options, self) { poster: '', scaleToFill: false, showAnnotations: true, - showControls: true, + showTimeline: true, subtitles: [], tooltips: false, video: '', @@ -44,15 +44,6 @@ Ox.VideoPanelPlayer = function(options, self) { }) .bindEvent({ resize: resizeElement, - key_shift_a: function() { - that.toggleAnnotations(); - }, - key_shift_c: function() { - that.toggleControls(); - }, - key_shift_s: function() { - that.toggleSize(); - }, key_space: function() { that.togglePlay(); } @@ -142,7 +133,7 @@ Ox.VideoPanelPlayer = function(options, self) { element: self.$player }, { - collapsed: !self.options.showControls, + collapsed: !self.options.showTimeline, collapsible: true, element: self.$controls, size: 80, @@ -188,7 +179,7 @@ Ox.VideoPanelPlayer = function(options, self) { function getPlayerHeight() { return self.options.height - - self.options.showControls * 80 - 1; + self.options.showTimeline * 80 - 1; } function getPlayerWidth() { @@ -258,12 +249,12 @@ Ox.VideoPanelPlayer = function(options, self) { } function toggleControls(data) { - self.options.showControls = !data.collapsed; + self.options.showTimeline = !data.collapsed; self.$video.options({ height: getPlayerHeight() }); - that.triggerEvent('togglecontrols', { - showControls: self.options.showControls + that.triggerEvent('toggletimeline', { + showTimeline: self.options.showTimeline }); } @@ -285,6 +276,8 @@ Ox.VideoPanelPlayer = function(options, self) { }); } else if (key == 'showAnnotations') { that.$element.toggle(1); + } else if (key == 'showTimeline') { + self.$panel.toggle(1); } else if (key == 'width') { self.$video.options({ width: getPlayerWidth() @@ -295,22 +288,22 @@ Ox.VideoPanelPlayer = function(options, self) { } } + // fixme: can these be removed? + /*@ toggleAnnotations toggle annotations () -> toggle visibility of annotations @*/ that.toggleAnnotations = function() { that.$element.toggle(1); - //that.toggleAnnotations(null, !self.options.showAnnotations); }; /*@ - toggleControls toggle controls - () -> toggle visibility of controls + toggleTimeline toggle timeline + () -> toggle visibility of timeline @*/ - that.toggleControls = function() { + that.toggleTimeline = function() { self.$panel.toggle(1); - //that.toggleControls(null, !self.options.showControls); }; return that; diff --git a/source/Ox.UI/js/Video/Ox.VideoPlayer.js b/source/Ox.UI/js/Video/Ox.VideoPlayer.js index c2bc381c..0527a42c 100644 --- a/source/Ox.UI/js/Video/Ox.VideoPlayer.js +++ b/source/Ox.UI/js/Video/Ox.VideoPlayer.js @@ -1,7 +1,5 @@ // vim: et:ts=4:sw=4:sts=4:ft=javascript -'use strict'; - /*@ Ox.VideoPlayer Generic Video Player (options, self) -> Video Player @@ -132,7 +130,7 @@ Ox.VideoPlayer = function(options, self) { .options(options || {}) .addClass('OxVideoPlayer'); - Ox.Log('Video', 'VIDEO PLAYER OPTIONS', self.options) + Ox.Log('VIDEO', 'VIDEO PLAYER OPTIONS', self.options) Ox.UI.$window.bind({ resize: function() {