.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px} .vjs-polyzor-skin .vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-polyzor-skin .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
content: "";
}
.vjs-polyzor-skin {
font-size: 10px; color: #f04878;
}
.vjs-polyzor-skin .vjs-control-bar,
.vjs-polyzor-skin .vjs-big-play-button,
.vjs-polyzor-skin .vjs-menu-button .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7);
}
.vjs-polyzor-skin .vjs-big-play-button {
font-size: 6em;
line-height: 1;
height: 1em;
width: 1em;
color: #f04878;
background: none !important;
border: 0;
-webkit-transition: all .3s ease !important;
transition: all .3s ease !important; left: 50%;
top: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
}
.vjs-polyzor-skin .vjs-big-play-button:hover {
color: #fff;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.vjs-polyzor-skin .vjs-control-bar {
padding: 0 5px;
height: 4em !important;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.vjs-polyzor-skin .vjs-progress-control {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0 !important;
width: 100% !important;
height: auto !important;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.vjs-polyzor-skin .vjs-progress-holder {
height: 0.5em !important;
margin: 0;
}
.vjs-polyzor-skin .vjs-progress-holder .vjs-load-progress, .vjs-polyzor-skin .vjs-progress-holder .vjs-play-progress {
-webkit-transition: width 400ms ease;
transition: width 400ms ease;
height: 100% !important;
}
.vjs-polyzor-skin .vjs-progress-holder .vjs-play-progress:before {
font-size: 1em;
color: #fcfaff;
top: -55%;
}
.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 1;
background: none;
-webkit-transition: all 1s;
transition: all 1s;
}
.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-control, .vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-time-control {
visibility: hidden;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
}
.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-progress-control {
visibility: visible;
opacity: 1;
top: 100%;
-webkit-transition: all .8s !important;
transition: all .8s !important;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.vjs-polyzor-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-progress-control .vjs-play-progress.vjs-slider-bar:before {
content: '';
}
.vjs-polyzor-skin .vjs-control {
height: auto;
width: auto;
padding: 0 5px;
}
.vjs-polyzor-skin .vjs-control:before {
font-size: 3em;
line-height: 1 !important;
}
.vjs-polyzor-skin .vjs-control:before {
line-height: 1;
position: relative;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0 0 1em #f04878;
}
.vjs-polyzor-skin .vjs-play-control {
position: absolute;
width: auto;
height: 100%;
top: 50%;
left: 50%;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.vjs-polyzor-skin .vjs-play-control:before {
position: relative;
line-height: 1 !important;
font-size: 25px;
font-size: 2.85714em !important;
}
.vjs-polyzor-skin .vjs-volume-menu-button {
position: relative;
height: 2.3em;
width: 2.3em;
overflow: hidden;
}
.vjs-polyzor-skin .vjs-volume-menu-button:before {
text-align: left;
font-size: 2.3em !important;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
text-shadow: none !important;
}
.vjs-polyzor-skin .vjs-volume-menu-button .vjs-menu {
position: relative;
width: 100%;
left: 2em;
}
.vjs-polyzor-skin .vjs-volume-menu-button .vjs-menu-content {
position: absolute;
height: 2.3em;
padding: 0 5px !important;
}
.vjs-polyzor-skin .vjs-volume-menu-button .vjs-menu-content .vjs-volume-bar {
margin: 0 !important;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.vjs-polyzor-skin .vjs-volume-level {
color: #fcfaff;
}
.vjs-polyzor-skin .vjs-vol-0 {
color: red;
}
.vjs-polyzor-skin .vjs-remaining-time {
margin-right: auto;
}
.vjs-polyzor-skin .vjs-time-control {
color: #fff;
}
.vjs-polyzor-skin .vjs-live-control {
position: absolute;
width: auto;
line-height: 1;
height: auto;
top: -30px;
right: 0;
}
.vjs-polyzor-skin .vjs-live-control:before {
content: '';
display: block;
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: 50%;
background: red;
border-radius: 100%;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.vjs-polyzor-skin .vjs-playback-rate { }
.vjs-current-time, .vjs-time-divider {
display: block !important;
}
.vjs-polyzor-skin .vjs-progress-control:hover .vjs-mouse-display:after {
background: rgba(38, 166, 154, 0.7);
} .video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
background: #f04878;
} .video-js .vjs-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, 0.5);
} .video-js .vjs-load-progress div { background: white; background: rgba(115, 133, 159, 0.75);
}
@media screen and (max-width: 400px) {
.vjs-polyzor-skin .vjs-play-control {
display: inline-block;
position: relative;
height: 100%;
top: 0 !important;
left: 0 !important;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
margin-right: 5px;
}
.vjs-polyzor-skin .vjs-play-control:before {
position: relative;
line-height: 1 !important;
font-size: 2.85714em !important;
}
}