Video player updates

* All buttons shown all the time
* Added time feedback when dragging position slider
This commit is contained in:
Tim Hobbs 2014-03-31 14:39:12 -07:00
parent bb54d12ca8
commit 47d87ccfe8
5 changed files with 132 additions and 95 deletions

View file

@ -79,6 +79,10 @@
width: 130px;
}
#nowPlayingBar .positionSliderContainer {
margin-top: 8px;
}
.volumeSliderContainer {
width: 90px;
}
@ -123,41 +127,41 @@ input[type="range"]::-ms-fill-upper {
}
@media all and (max-width: 800px) {
.volumeButton, .volumeSliderContainer, .muteButton, .unmuteButton, .nowPlayingMediaInfo {
display: none!important;
#nowPlayingBar .volumeButton, #nowPlayingBar .volumeSliderContainer, #nowPlayingBar .muteButton, #nowPlayingBar .unmuteButton, #nowPlayingBar .nowPlayingMediaInfo {
display: none; /*!important;*/
}
}
@media all and (max-width: 650px) {
.nowPlayingMediaInfo {
#nowPlayingBar .nowPlayingMediaInfo {
display: none;
}
}
@media all and (max-width: 600px) {
.chaptersButton, .audioTracksButton {
display: none!important;
#nowPlayingBar .chaptersButton, #nowPlayingBar .audioTracksButton {
display: none; /*!important;*/
}
.positionSliderContainer, .currentTime {
#nowPlayingBar .positionSliderContainer, #nowPlayingBar .currentTime {
top: 0!important;
position: relative!important;
}
}
@media all and (max-width: 500px) {
.positionSliderContainer {
#nowPlayingBar .positionSliderContainer {
width: 80px;
}
.previousTrackButton, .nextTrackButton {
display: none!important;
#nowPlayingBar .previousTrackButton, #nowPlayingBar .nextTrackButton {
display: none; /*!important;*/
}
}
@media all and (max-width: 400px) {
.playlistButton {
display: none!important;
#nowPlayingBar .playlistButton {
display: none; /*!important;*/
}
}
@ -173,18 +177,15 @@ input[type="range"]::-ms-fill-upper {
position: absolute;
z-index: 99999;
bottom: 78px;
margin-left: -50px;
margin-left: -125px;
max-height: 300px;
overflow-y: auto;
font-size: 13px;
}
.chaptersFlyout {
width: 250px;
}
.audioTracksFlyout {
.chaptersFlyout,.audioTracksFlyout {
width: 250px;
margin-left: -150px;
}
.mediaFlyoutOption {
@ -248,7 +249,7 @@ input[type="range"]::-ms-fill-upper {
}
@media (min-width: 1440px) {
.positionSliderContainer {
#nowPlayingBar .positionSliderContainer {
width: 300px;
}
}