Skip to content

Instantly share code, notes, and snippets.

@Anan5a
Created November 16, 2019 03:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Anan5a/b99ee54d23260ed2a7dd98635a96ef3d to your computer and use it in GitHub Desktop.
Save Anan5a/b99ee54d23260ed2a7dd98635a96ef3d to your computer and use it in GitHub Desktop.
.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 10em
}
.video-js .vjs-controls-disabled .vjs-big-play-button {
display: none!important
}
.video-js .vjs-control {
width: 3em
}
.video-js .vjs-menu-button-inline:before {
width: 1.5em
}
.vjs-menu-button-inline .vjs-menu {
left: 3em
}
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {
display: block
}
.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {
display: none!important
}
.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after {
padding: 0 .4em .3em
}
.video-js.vjs-ended .vjs-loading-spinner {
display: none;
}
.video-js.vjs-ended .vjs-big-play-button {
display: block !important;
}
video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
display: block
}
.video-js .vjs-big-play-button {
top: 50%;
left: 50%;
margin-left: -1.5em;
margin-top: -1em
}
.video-js .vjs-big-play-button {
background-color: rgba(223,0,23,0.8);
font-size: 3.5em;
border-radius: 50%;
height: 1.5em !important;
line-height: 1.5em !important;
margin-top: -0.75em !important
}
.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {
background-color: rgba(179,106,118,0.9)
}
.video-js .vjs-loading-spinner {
border-color: #d70023
}
.video-js .vjs-control-bar2 {
background-color: transparent
}
.video-js .vjs-control-bar {
background-color: transparent !important;
color: #e86b6b;
font-size: 20px
}
.video-js .vjs-play-progress,.video-js .vjs-volume-level {
background-color: #bca2ad
}
.video-js .vjs-big-play-button {
height: 2em !important;
width: 2em !important;
line-height: 1.7em !important;
margin-top: -1em !important;
margin-left: -1em;
border-width: 4px
}
.video-js .vjs-icon-play:before, .video-js .vjs-big-play-button:before {
font-size: 40px;
}
.video-js .vjs-progress-holder {
font-size: 1.7em;
border-radius: 10px;
}
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-slider,.vjs-volume-level {
border-radius: 10px;
}
.video-js .vjs-load-progress {
background: rgba(255,255,255,0.5);
}
.video-js, .video-js video, .vjs-poster, .video-js .vjs-tech {
border-radius: 8px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment