2017-10-04 07:28:06 +08:00
|
|
|
.vjs-tt-cue {
|
|
|
|
margin-bottom: .75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-menu {
|
|
|
|
z-index: 5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
|
|
|
|
width: 5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-default-skin.vjs-user-inactive:hover .vjs-progress-control {
|
|
|
|
font-size: .3em;
|
|
|
|
}
|
|
|
|
|
2017-10-22 10:02:46 +08:00
|
|
|
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
|
2017-10-04 07:28:06 +08:00
|
|
|
visibility: visible;
|
|
|
|
opacity: 1;
|
|
|
|
bottom: -2em;
|
|
|
|
-webkit-transition: all .2s;
|
|
|
|
-moz-transition: all .2s;
|
|
|
|
-o-transition: all .2s;
|
|
|
|
transition: all .2s
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control,
|
|
|
|
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-time-divider {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
|
|
|
|
height: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-progress-holder.vjs-slider {
|
|
|
|
background-color: transparent;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-progress-control.vjs-control {
|
|
|
|
background-color: rgba(7, 20, 30, 0.8);
|
|
|
|
height: 1.3em;
|
|
|
|
top: -1.3em;
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-control div.alarmCue {
|
|
|
|
position: relative;
|
|
|
|
top: -1.3em;
|
|
|
|
background: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-control .alarmCue {
|
|
|
|
height: 1.3em;
|
|
|
|
}
|