diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index c945fbd8f7..d47279662f 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -852,13 +852,16 @@ progress { /* VideoJS overrides */ -.vjs-default-skin .vjs-menu-button { +#videoWindow.tubecss .vjs-controls { + height: 5em!important; +} +#videoWindow.tubecss .vjs-menu-button { width: 1.5em; border: 0; background: none; } -.vjs-default-skin .vjs-play-control { +#videoWindow.tubecss .vjs-play-control { width: 2em; } @@ -867,13 +870,13 @@ progress { width: auto !important; } -.vjs-default-skin .vjs-menu-button.vjs-quality-button div { +#videoWindow.tubecss .vjs-menu-button.vjs-quality-button div { background: url("images/media/quality.png"); height: 16px; width: 16px; } -.vjs-default-skin .vjs-chapter-button div { +#videoWindow.tubecss .vjs-chapter-button div { background: url("images/media/chapter.png"); height: 16px; width: 16px; @@ -885,26 +888,26 @@ progress { overflow-y: scroll; } - .vjs-chapter-button.vjs-menu-button ul li { - width: auto; - white-space: nowrap; - font-size: 1.1em; - padding-right: 10px; - } +.vjs-chapter-button.vjs-menu-button ul li { + width: auto; + white-space: nowrap; + font-size: 1.1em; + padding-right: 10px; +} -.vjs-default-skin .vjs-menu-button.vjs-stop-button { +#videoWindow.tubecss .vjs-menu-button.vjs-stop-button { float: left; background: none; border: 0; width: 2.5em; } - .vjs-default-skin .vjs-menu-button.vjs-stop-button div { - background: url("images/media/stop.png"); - height: 26px; - width: 26px; - margin: -.7em .5em auto 0; - } +#videoWindow.tubecss .vjs-menu-button.vjs-stop-button div { + background: url("images/media/stop.png"); + height: 26px; + width: 26px; + margin: -.7em .5em auto 0; +} .vjs-subtitle-button div { background-position: -25px -75px !important; @@ -916,14 +919,14 @@ progress { overflow-y: scroll; } - .vjs-subtitle-button.vjs-menu-button ul li { - width: auto; - white-space: nowrap; - font-size: 1.1em; - padding-right: 10px; - } +.vjs-subtitle-button.vjs-menu-button ul li { + width: auto; + white-space: nowrap; + font-size: 1.1em; + padding-right: 10px; +} -.vjs-default-skin .vjs-menu-button.vjs-language-button div { +#videoWindow.tubecss .vjs-menu-button.vjs-language-button div { background: url("images/media/language.png") !important; height: 16px; width: 16px; @@ -935,9 +938,30 @@ progress { overflow-y: scroll; } - .vjs-language-button.vjs-menu-button ul li { - width: auto; - white-space: nowrap; - font-size: 1.1em; - padding-right: 10px; - } +.vjs-language-button.vjs-menu-button ul li { + width: auto; + white-space: nowrap; + font-size: 1.1em; + padding-right: 10px; +} + + +#videoWindow.tubecss .vjs-mute-control { + position: absolute; + bottom: 0; +} +#videoWindow.tubecss .vjs-volume-control { + position: absolute; + bottom: 0; + top: auto; + left: 4em; +} +#videoWindow.tubecss .vjs-time-controls, #videoWindow.tubecss .vjs-time-divider { + position: absolute; + bottom: 0; + top: auto; + height: auto; +} +#videoWindow.tubecss .vjs-time-divider { + bottom: 0.4em; +} \ No newline at end of file diff --git a/dashboard-ui/scripts/mediaplayer.js b/dashboard-ui/scripts/mediaplayer.js index 574969a302..fe41a83a3b 100644 --- a/dashboard-ui/scripts/mediaplayer.js +++ b/dashboard-ui/scripts/mediaplayer.js @@ -169,7 +169,7 @@ baseParams['StartTimeTicks'] = startPosition; } - var html = ''; + var html = ''; var nowPlayingBar = $('#nowPlayingBar'); //hide stop button @@ -235,9 +235,9 @@ (this).addEvent("play", updateProgress); (this).addEvent("ended", function () { - MediaPlayer.stopVideo(); - - Playlist.playNext(); + //MediaPlayer.stopVideo(); + //Playlist.playNext(); + MediaPlayer.stop(); }); }); @@ -402,7 +402,7 @@ self.playNext = function (itemId) { ApiClient.getItem(Dashboard.getCurrentUserId(), itemId).done(function (item) { - Playlist.playNext(item); + Playlist.addNext(item); }); }; diff --git a/dashboard-ui/scripts/playlist.js b/dashboard-ui/scripts/playlist.js index f43b977408..5f61b550cc 100644 --- a/dashboard-ui/scripts/playlist.js +++ b/dashboard-ui/scripts/playlist.js @@ -31,8 +31,13 @@ self.playNext = function (item) { if (typeof self.queue[0] != "undefined") { - //MediaPlayer.play(new Array(self.queue[0])); - //self.queue.shift(); + MediaPlayer.play(new Array(self.queue[0])); + self.queue.shift(); + } + }; + + self.addNext = function (item) { + if (typeof self.queue[0] != "undefined") { self.queue.unshift(item); }else { self.add(item);