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);