Lines Matching +full:- +full:- +full:no +full:- +full:progress
1 @charset "UTF-8";
2 …-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-plac…
10 .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:be…
11 text-align: center;
14 @font-face {
15 font-family: VideoJS;
16 …src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAA…
17 font-weight: normal;
18 font-style: normal;
20 .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .…
21 font-family: VideoJS;
22 font-weight: normal;
23 font-style: normal;
25 .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big…
29 .vjs-icon-play-circle {
30 font-family: VideoJS;
31 font-weight: normal;
32 font-style: normal;
34 .vjs-icon-play-circle:before {
38 .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
39 font-family: VideoJS;
40 font-weight: normal;
41 font-style: normal;
43 .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
47 .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
48 font-family: VideoJS;
49 font-weight: normal;
50 font-style: normal;
52 .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
56 .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
57 font-family: VideoJS;
58 font-weight: normal;
59 font-style: normal;
61 .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
65 .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
66 font-family: VideoJS;
67 font-weight: normal;
68 font-style: normal;
70 .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
74 .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
75 font-family: VideoJS;
76 font-weight: normal;
77 font-style: normal;
79 .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
83 .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
84 font-family: VideoJS;
85 font-weight: normal;
86 font-style: normal;
88 .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
92 .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
93 font-family: VideoJS;
94 font-weight: normal;
95 font-style: normal;
97 .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeh…
101 .vjs-icon-square {
102 font-family: VideoJS;
103 font-weight: normal;
104 font-style: normal;
106 .vjs-icon-square:before {
110 .vjs-icon-spinner {
111 font-family: VideoJS;
112 font-weight: normal;
113 font-style: normal;
115 .vjs-icon-spinner:before {
119 .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
120 .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
121 .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
122 .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
123 .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitle…
124 font-family: VideoJS;
125 font-weight: normal;
126 font-style: normal;
128 .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
129 .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
130 .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
131 .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
132 .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-s…
136 .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
137 .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .…
138 font-family: VideoJS;
139 font-weight: normal;
140 font-style: normal;
142 .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
143 .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-b…
147 .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
148 font-family: VideoJS;
149 font-weight: normal;
150 font-style: normal;
152 .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
156 .vjs-icon-share {
157 font-family: VideoJS;
158 font-weight: normal;
159 font-style: normal;
161 .vjs-icon-share:before {
165 .vjs-icon-cog {
166 font-family: VideoJS;
167 font-weight: normal;
168 font-style: normal;
170 .vjs-icon-cog:before {
174 .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .vi…
175 font-family: VideoJS;
176 font-weight: normal;
177 font-style: normal;
179 .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-vol…
183 .vjs-icon-circle-outline {
184 font-family: VideoJS;
185 font-weight: normal;
186 font-style: normal;
188 .vjs-icon-circle-outline:before {
192 .vjs-icon-circle-inner-circle {
193 font-family: VideoJS;
194 font-weight: normal;
195 font-style: normal;
197 .vjs-icon-circle-inner-circle:before {
201 .vjs-icon-hd {
202 font-family: VideoJS;
203 font-weight: normal;
204 font-style: normal;
206 .vjs-icon-hd:before {
210 .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
211 font-family: VideoJS;
212 font-weight: normal;
213 font-style: normal;
215 .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
219 .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
220 font-family: VideoJS;
221 font-weight: normal;
222 font-style: normal;
224 .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
228 .vjs-icon-facebook {
229 font-family: VideoJS;
230 font-weight: normal;
231 font-style: normal;
233 .vjs-icon-facebook:before {
237 .vjs-icon-gplus {
238 font-family: VideoJS;
239 font-weight: normal;
240 font-style: normal;
242 .vjs-icon-gplus:before {
246 .vjs-icon-linkedin {
247 font-family: VideoJS;
248 font-weight: normal;
249 font-style: normal;
251 .vjs-icon-linkedin:before {
255 .vjs-icon-twitter {
256 font-family: VideoJS;
257 font-weight: normal;
258 font-style: normal;
260 .vjs-icon-twitter:before {
264 .vjs-icon-tumblr {
265 font-family: VideoJS;
266 font-weight: normal;
267 font-style: normal;
269 .vjs-icon-tumblr:before {
273 .vjs-icon-pinterest {
274 font-family: VideoJS;
275 font-weight: normal;
276 font-style: normal;
278 .vjs-icon-pinterest:before {
282 .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
283 font-family: VideoJS;
284 font-weight: normal;
285 font-style: normal;
287 .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before…
291 .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
292 font-family: VideoJS;
293 font-weight: normal;
294 font-style: normal;
296 .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
300 .vjs-icon-next-item {
301 font-family: VideoJS;
302 font-weight: normal;
303 font-style: normal;
305 .vjs-icon-next-item:before {
309 .vjs-icon-previous-item {
310 font-family: VideoJS;
311 font-weight: normal;
312 font-style: normal;
314 .vjs-icon-previous-item:before {
318 .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder…
319 font-family: VideoJS;
320 font-weight: normal;
321 font-style: normal;
323 .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-plac…
327 .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control…
328 font-family: VideoJS;
329 font-weight: normal;
330 font-style: normal;
332 .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-…
336 .video-js {
338 vertical-align: top;
339 box-sizing: border-box;
341 background-color: #000;
344 font-size: 10px;
345 line-height: 1;
346 font-weight: normal;
347 font-style: normal;
348 font-family: Arial, Helvetica, sans-serif;
349 word-break: initial;
351 .video-js:-moz-full-screen {
354 .video-js:-webkit-full-screen {
359 .video-js[tabindex="-1"] {
363 .video-js *,
364 .video-js *:before,
365 .video-js *:after {
366 box-sizing: inherit;
369 .video-js ul {
370 font-family: inherit;
371 font-size: inherit;
372 line-height: inherit;
373 list-style-position: outside;
374 margin-left: 0;
375 margin-right: 0;
376 margin-top: 0;
377 margin-bottom: 0;
380 .video-js.vjs-fluid,
381 .video-js.vjs-16-9,
382 .video-js.vjs-4-3,
383 .video-js.vjs-9-16,
384 .video-js.vjs-1-1 {
386 max-width: 100%;
390 .video-js.vjs-16-9 {
391 padding-top: 56.25%;
394 .video-js.vjs-4-3 {
395 padding-top: 75%;
398 .video-js.vjs-9-16 {
399 padding-top: 177.7777777778%;
402 .video-js.vjs-1-1 {
403 padding-top: 100%;
406 .video-js.vjs-fill {
411 .video-js .vjs-tech {
419 body.vjs-full-window {
425 .vjs-full-window .video-js.vjs-fullscreen {
428 z-index: 1000;
435 .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
438 padding-top: 0 !important;
441 .video-js.vjs-fullscreen.vjs-user-inactive {
445 .vjs-hidden {
449 .vjs-disabled {
454 .video-js .vjs-offscreen {
456 left: -9999px;
462 .vjs-lock-showing {
468 .vjs-no-js {
471 background-color: #000;
472 font-size: 18px;
473 font-family: Arial, Helvetica, sans-serif;
474 text-align: center;
480 .vjs-no-js a,
481 .vjs-no-js a:visited {
485 .video-js .vjs-big-play-button {
486 font-size: 3em;
487 line-height: 1.5em;
498 background-color: #2B333F;
499 background-color: rgba(43, 51, 63, 0.7);
500 border-radius: 0.3em;
503 .vjs-big-play-centered .vjs-big-play-button {
506 margin-top: -0.81666em;
507 margin-left: -1.5em;
510 .video-js:hover .vjs-big-play-button,
511 .video-js .vjs-big-play-button:focus {
512 border-color: #fff;
513 background-color: #73859f;
514 background-color: rgba(115, 133, 159, 0.5);
518 .vjs-controls-disabled .vjs-big-play-button,
519 .vjs-has-started .vjs-big-play-button,
520 .vjs-using-native-controls .vjs-big-play-button,
521 .vjs-error .vjs-big-play-button {
525 .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
529 .video-js button {
533 display: inline-block;
534 font-size: inherit;
535 line-height: inherit;
536 text-transform: none;
537 text-decoration: none;
539 -webkit-appearance: none;
540 -moz-appearance: none;
544 .vjs-control .vjs-button {
549 .video-js .vjs-control.vjs-close-button {
555 z-index: 2;
557 .video-js .vjs-modal-dialog {
559 background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
563 .video-js .vjs-modal-dialog > * {
564 box-sizing: border-box;
567 .vjs-modal-dialog .vjs-modal-dialog-content {
568 font-size: 1.2em;
569 line-height: 1.5;
571 z-index: 1;
574 .vjs-menu-button {
578 .vjs-menu-button.vjs-disabled {
582 .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
586 .vjs-menu .vjs-menu-content {
590 font-family: Arial, Helvetica, sans-serif;
594 .vjs-menu .vjs-menu-content > * {
595 box-sizing: border-box;
598 .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
602 .vjs-menu li {
603 list-style: none;
606 line-height: 1.4em;
607 font-size: 1.2em;
608 text-align: center;
609 text-transform: lowercase;
612 .vjs-menu li.vjs-menu-item:focus,
613 .vjs-menu li.vjs-menu-item:hover,
614 .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
615 background-color: #73859f;
616 background-color: rgba(115, 133, 159, 0.5);
619 .vjs-menu li.vjs-selected,
620 .vjs-menu li.vjs-selected:focus,
621 .vjs-menu li.vjs-selected:hover,
622 .js-focus-visible .vjs-menu li.vjs-selected:hover {
623 background-color: #fff;
627 .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
628 .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
632 .vjs-menu li.vjs-menu-title {
633 text-align: center;
634 text-transform: uppercase;
635 font-size: 1em;
636 line-height: 2em;
639 font-weight: bold;
643 .vjs-menu-button-popup .vjs-menu {
648 left: -3em;
650 margin-bottom: 1.5em;
651 border-top-color: rgba(43, 51, 63, 0.7);
654 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
655 background-color: #2B333F;
656 background-color: rgba(43, 51, 63, 0.7);
660 max-height: 15em;
663 .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
664 .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
665 max-height: 5em;
668 .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
669 max-height: 10em;
672 .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
673 max-height: 14em;
676 .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
677 .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
678 .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
679 max-height: 25em;
682 .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
683 .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
687 .video-js .vjs-menu-button-inline {
692 .video-js .vjs-menu-button-inline:before {
696 .video-js .vjs-menu-button-inline:hover,
697 .video-js .vjs-menu-button-inline:focus,
698 .video-js .vjs-menu-button-inline.vjs-slider-active,
699 .video-js.vjs-no-flex .vjs-menu-button-inline {
703 .vjs-menu-button-inline .vjs-menu {
715 .vjs-menu-button-inline:hover .vjs-menu,
716 .vjs-menu-button-inline:focus .vjs-menu,
717 .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
722 .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
729 .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
730 .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
731 .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
735 .vjs-menu-button-inline .vjs-menu-content {
742 .video-js .vjs-control-bar {
750 background-color: #2B333F;
751 background-color: rgba(43, 51, 63, 0.7);
754 .vjs-has-started .vjs-control-bar {
761 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
764 pointer-events: none;
768 .vjs-controls-disabled .vjs-control-bar,
769 .vjs-using-native-controls .vjs-control-bar,
770 .vjs-error .vjs-control-bar {
774 .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
779 .vjs-has-started.vjs-no-flex .vjs-control-bar {
783 .video-js .vjs-control {
785 text-align: center;
793 .vjs-button > .vjs-icon-placeholder:before {
794 font-size: 1.8em;
795 line-height: 1.67;
798 .vjs-button > .vjs-icon-placeholder {
802 .video-js .vjs-control:focus:before,
803 .video-js .vjs-control:hover:before,
804 .video-js .vjs-control:focus {
805 text-shadow: 0em 0em 1em white;
808 .video-js .vjs-control-text {
818 .vjs-no-flex .vjs-control {
819 display: table-cell;
820 vertical-align: middle;
823 .video-js .vjs-custom-control-spacer {
827 .video-js .vjs-progress-control {
831 align-items: center;
832 min-width: 4em;
833 touch-action: none;
836 .video-js .vjs-progress-control.disabled {
840 .vjs-live .vjs-progress-control {
844 .vjs-liveui .vjs-progress-control {
846 align-items: center;
849 .vjs-no-flex .vjs-progress-control {
853 .video-js .vjs-progress-holder {
859 .video-js .vjs-progress-control .vjs-progress-holder {
863 .video-js .vjs-progress-control:hover .vjs-progress-holder {
864 font-size: 1.6666666667em;
867 .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
868 font-size: 1em;
871 .video-js .vjs-progress-holder .vjs-play-progress,
872 .video-js .vjs-progress-holder .vjs-load-progress,
873 .video-js .vjs-progress-holder .vjs-load-progress div {
882 .video-js .vjs-play-progress {
883 background-color: #fff;
885 .video-js .vjs-play-progress:before {
886 font-size: 0.9em;
888 right: -0.5em;
889 top: -0.3333333333em;
890 z-index: 1;
893 .video-js .vjs-load-progress {
897 .video-js .vjs-load-progress div {
901 .video-js .vjs-time-tooltip {
902 background-color: #fff;
903 background-color: rgba(255, 255, 255, 0.8);
904 border-radius: 0.3em;
907 font-family: Arial, Helvetica, sans-serif;
908 font-size: 1em;
910 pointer-events: none;
912 top: -3.4em;
914 z-index: 1;
917 .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
921 .video-js .vjs-progress-control:hover .vjs-time-tooltip,
922 .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
924 font-size: 0.6em;
928 .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
929 font-size: 1em;
932 .video-js .vjs-progress-control .vjs-mouse-display {
937 background-color: #000;
938 z-index: 1;
941 .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
942 z-index: 0;
945 .video-js .vjs-progress-control:hover .vjs-mouse-display {
949 .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
955 .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
959 .vjs-mouse-display .vjs-time-tooltip {
961 background-color: #000;
962 background-color: rgba(0, 0, 0, 0.8);
965 .video-js .vjs-slider {
971 -webkit-touch-callout: none;
973 -webkit-user-select: none;
976 -moz-user-select: none;
978 -ms-user-select: none;
979 /* Non-prefixed version, currently supported by Chrome and Opera */
980 user-select: none;
981 background-color: #73859f;
982 background-color: rgba(115, 133, 159, 0.5);
985 .video-js .vjs-slider.disabled {
989 .video-js .vjs-slider:focus {
990 text-shadow: 0em 0em 1em white;
991 box-shadow: 0 0 1em #fff;
994 .video-js .vjs-mute-control {
998 .video-js .vjs-volume-control {
1000 margin-right: 1em;
1004 .video-js .vjs-volume-control.vjs-volume-horizontal {
1008 .video-js .vjs-volume-panel .vjs-volume-control {
1013 margin-left: -1px;
1016 .video-js .vjs-volume-panel {
1019 …-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volum…
1025 …-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-p…
1028 margin-right: 0;
1030 …-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-pan…
1031 left: -3.5em;
1034 …-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volum…
1038 .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1042 .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1045 left: -3000em;
1049 .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1053 .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1062 .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
1063 .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1069 .video-js .vjs-volume-panel {
1073 .video-js .vjs-volume-bar {
1077 .vjs-volume-bar.vjs-slider-horizontal {
1082 .vjs-volume-bar.vjs-slider-vertical {
1088 .video-js .vjs-volume-level {
1092 background-color: #fff;
1094 .video-js .vjs-volume-level:before {
1096 font-size: 0.9em;
1097 z-index: 1;
1100 .vjs-slider-vertical .vjs-volume-level {
1103 .vjs-slider-vertical .vjs-volume-level:before {
1104 top: -0.5em;
1105 left: -0.3em;
1106 z-index: 1;
1109 .vjs-slider-horizontal .vjs-volume-level {
1112 .vjs-slider-horizontal .vjs-volume-level:before {
1113 top: -0.3em;
1114 right: -0.5em;
1117 .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1121 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1125 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1129 .video-js .vjs-volume-vertical {
1133 background-color: #2B333F;
1134 background-color: rgba(43, 51, 63, 0.7);
1137 .video-js .vjs-volume-horizontal .vjs-menu {
1138 left: -2em;
1141 .video-js .vjs-volume-tooltip {
1142 background-color: #fff;
1143 background-color: rgba(255, 255, 255, 0.8);
1144 border-radius: 0.3em;
1147 font-family: Arial, Helvetica, sans-serif;
1148 font-size: 1em;
1150 pointer-events: none;
1152 top: -3.4em;
1154 z-index: 1;
1157 .video-js .vjs-volume-control:hover .vjs-volume-tooltip,
1158 .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1160 font-size: 1em;
1164 .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
1165 .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1167 top: -12px;
1170 .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
1171 font-size: 1em;
1174 .video-js .vjs-volume-control .vjs-mouse-display {
1179 background-color: #000;
1180 z-index: 1;
1183 .video-js .vjs-volume-horizontal .vjs-mouse-display {
1188 .vjs-no-flex .vjs-volume-control .vjs-mouse-display {
1189 z-index: 0;
1192 .video-js .vjs-volume-control:hover .vjs-mouse-display {
1196 .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
1202 .video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
1206 .vjs-mouse-display .vjs-volume-tooltip {
1208 background-color: #000;
1209 background-color: rgba(0, 0, 0, 0.8);
1212 .vjs-poster {
1213 display: inline-block;
1214 vertical-align: middle;
1215 background-repeat: no-repeat;
1216 background-position: 50% 50%;
1217 background-size: contain;
1218 background-color: #000000;
1230 .vjs-has-started .vjs-poster {
1234 .vjs-audio.vjs-has-started .vjs-poster {
1238 .vjs-using-native-controls .vjs-poster {
1242 .video-js .vjs-live-control {
1244 align-items: flex-start;
1246 font-size: 1em;
1247 line-height: 3em;
1250 .vjs-no-flex .vjs-live-control {
1251 display: table-cell;
1253 text-align: left;
1256 .video-js:not(.vjs-live) .vjs-live-control,
1257 .video-js.vjs-liveui .vjs-live-control {
1261 .video-js .vjs-seek-to-live-control {
1262 align-items: center;
1265 display: inline-flex;
1267 padding-left: 0.5em;
1268 padding-right: 0.5em;
1269 font-size: 1em;
1270 line-height: 3em;
1272 min-width: 4em;
1275 .vjs-no-flex .vjs-seek-to-live-control {
1276 display: table-cell;
1278 text-align: left;
1281 .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1282 .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1286 .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1290 .vjs-seek-to-live-control .vjs-icon-placeholder {
1291 margin-right: 0.5em;
1295 .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1299 .video-js .vjs-time-control {
1301 font-size: 1em;
1302 line-height: 3em;
1303 min-width: 2em;
1305 padding-left: 1em;
1306 padding-right: 1em;
1309 .vjs-live .vjs-time-control {
1313 .video-js .vjs-current-time,
1314 .vjs-no-flex .vjs-current-time {
1318 .video-js .vjs-duration,
1319 .vjs-no-flex .vjs-duration {
1323 .vjs-time-divider {
1325 line-height: 3em;
1328 .vjs-live .vjs-time-divider {
1332 .video-js .vjs-play-control {
1336 .video-js .vjs-play-control .vjs-icon-placeholder {
1340 .vjs-text-track-display {
1346 pointer-events: none;
1349 .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1353 .video-js .vjs-text-track {
1354 font-size: 1.4em;
1355 text-align: center;
1356 margin-bottom: 0.1em;
1359 .vjs-subtitles {
1363 .vjs-captions {
1367 .vjs-tt-cue {
1371 video::-webkit-media-text-track-display {
1372 transform: translateY(-3em);
1375 .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1376 transform: translateY(-1.5em);
1379 .video-js .vjs-picture-in-picture-control {
1383 .video-js .vjs-fullscreen-control {
1387 .vjs-playback-rate > .vjs-menu-button,
1388 .vjs-playback-rate .vjs-playback-rate-value {
1396 .vjs-playback-rate .vjs-playback-rate-value {
1397 pointer-events: none;
1398 font-size: 1.5em;
1399 line-height: 2;
1400 text-align: center;
1403 .vjs-playback-rate .vjs-menu {
1408 .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1409 font-size: 1.4em;
1410 text-align: center;
1413 .vjs-error .vjs-error-display:before {
1416 font-family: Arial, Helvetica, sans-serif;
1417 font-size: 4em;
1419 line-height: 1;
1420 margin-top: -0.5em;
1422 text-shadow: 0.05em 0.05em 0.1em #000;
1423 text-align: center;
1425 vertical-align: middle;
1429 .vjs-loading-spinner {
1434 margin: -25px 0 0 -25px;
1436 text-align: left;
1438 box-sizing: border-box;
1439 background-clip: padding-box;
1442 border-radius: 25px;
1446 .vjs-seeking .vjs-loading-spinner,
1447 .vjs-waiting .vjs-loading-spinner {
1449 -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
1450 animation: vjs-spinner-show 0s linear 0.3s forwards;
1453 .vjs-loading-spinner:before,
1454 .vjs-loading-spinner:after {
1457 margin: -6px;
1458 box-sizing: inherit;
1461 border-radius: inherit;
1464 border-color: transparent;
1465 border-top-color: white;
1468 .vjs-seeking .vjs-loading-spinner:before,
1469 .vjs-seeking .vjs-loading-spinner:after,
1470 .vjs-waiting .vjs-loading-spinner:before,
1471 .vjs-waiting .vjs-loading-spinner:after {
1472 …-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade…
1473 …animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s li…
1476 .vjs-seeking .vjs-loading-spinner:before,
1477 .vjs-waiting .vjs-loading-spinner:before {
1478 border-top-color: white;
1481 .vjs-seeking .vjs-loading-spinner:after,
1482 .vjs-waiting .vjs-loading-spinner:after {
1483 border-top-color: white;
1484 -webkit-animation-delay: 0.44s;
1485 animation-delay: 0.44s;
1488 @keyframes vjs-spinner-show {
1493 @-webkit-keyframes vjs-spinner-show {
1498 @keyframes vjs-spinner-spin {
1503 @-webkit-keyframes vjs-spinner-spin {
1505 -webkit-transform: rotate(360deg);
1508 @keyframes vjs-spinner-fade {
1510 border-top-color: #73859f;
1513 border-top-color: #73859f;
1516 border-top-color: white;
1519 border-top-color: #73859f;
1522 border-top-color: #73859f;
1525 @-webkit-keyframes vjs-spinner-fade {
1527 border-top-color: #73859f;
1530 border-top-color: #73859f;
1533 border-top-color: white;
1536 border-top-color: #73859f;
1539 border-top-color: #73859f;
1542 .vjs-chapters-button .vjs-menu ul {
1546 .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-p…
1547 vertical-align: middle;
1548 display: inline-block;
1549 margin-bottom: -0.1em;
1552 .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-p…
1553 font-family: VideoJS;
1555 font-size: 1.5em;
1556 line-height: inherit;
1559 .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-plac…
1560 vertical-align: middle;
1561 display: inline-block;
1562 margin-bottom: -0.1em;
1565 .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-plac…
1566 font-family: VideoJS;
1568 font-size: 1.5em;
1569 line-height: inherit;
1572 .video-js.vjs-layout-small .vjs-current-time,
1573 .video-js.vjs-layout-small .vjs-time-divider,
1574 .video-js.vjs-layout-small .vjs-duration,
1575 .video-js.vjs-layout-small .vjs-remaining-time,
1576 .video-js.vjs-layout-small .vjs-playback-rate,
1577 .video-js.vjs-layout-small .vjs-chapters-button,
1578 .video-js.vjs-layout-small .vjs-descriptions-button,
1579 .video-js.vjs-layout-small .vjs-captions-button,
1580 .video-js.vjs-layout-small .vjs-subtitles-button,
1581 .video-js.vjs-layout-small .vjs-audio-button,
1582 .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
1583 .video-js.vjs-layout-x-small .vjs-time-divider,
1584 .video-js.vjs-layout-x-small .vjs-duration,
1585 .video-js.vjs-layout-x-small .vjs-remaining-time,
1586 .video-js.vjs-layout-x-small .vjs-playback-rate,
1587 .video-js.vjs-layout-x-small .vjs-chapters-button,
1588 .video-js.vjs-layout-x-small .vjs-descriptions-button,
1589 .video-js.vjs-layout-x-small .vjs-captions-button,
1590 .video-js.vjs-layout-x-small .vjs-subtitles-button,
1591 .video-js.vjs-layout-x-small .vjs-audio-button,
1592 .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
1593 .video-js.vjs-layout-tiny .vjs-time-divider,
1594 .video-js.vjs-layout-tiny .vjs-duration,
1595 .video-js.vjs-layout-tiny .vjs-remaining-time,
1596 .video-js.vjs-layout-tiny .vjs-playback-rate,
1597 .video-js.vjs-layout-tiny .vjs-chapters-button,
1598 .video-js.vjs-layout-tiny .vjs-descriptions-button,
1599 .video-js.vjs-layout-tiny .vjs-captions-button,
1600 .video-js.vjs-layout-tiny .vjs-subtitles-button,
1601 .video-js.vjs-layout-tiny .vjs-audio-button,
1602 .video-js.vjs-layout-tiny .vjs-volume-control {
1605 .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1606 .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1607 …o-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.v…
1608 .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1609 …eo-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-j…
1610 .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1611 .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1615 …-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.v…
1618 .video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-…
1622 .video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layou…
1625 .video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progr…
1629 .vjs-modal-dialog.vjs-text-track-settings {
1630 background-color: #2B333F;
1631 background-color: rgba(43, 51, 63, 0.75);
1636 .vjs-text-track-settings .vjs-modal-dialog-content {
1640 .vjs-text-track-settings .vjs-track-settings-colors,
1641 .vjs-text-track-settings .vjs-track-settings-font,
1642 .vjs-text-track-settings .vjs-track-settings-controls {
1643 display: table-cell;
1646 .vjs-text-track-settings .vjs-track-settings-controls {
1647 text-align: right;
1648 vertical-align: bottom;
1652 .vjs-text-track-settings .vjs-modal-dialog-content {
1654 grid-template-columns: 1fr 1fr;
1655 grid-template-rows: 1fr;
1659 .vjs-track-settings-controls .vjs-default-button {
1660 margin-bottom: 20px;
1663 .vjs-text-track-settings .vjs-track-settings-controls {
1664 grid-column: 1/-1;
1667 .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1668 .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1669 .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1670 grid-template-columns: 1fr;
1673 .vjs-track-setting > select {
1674 margin-right: 1em;
1675 margin-bottom: 0.5em;
1678 .vjs-text-track-settings fieldset {
1684 .vjs-text-track-settings fieldset span {
1685 display: inline-block;
1688 .vjs-text-track-settings fieldset span > select {
1689 max-width: 7.3em;
1692 .vjs-text-track-settings legend {
1697 .vjs-text-track-settings .vjs-label {
1710 .vjs-track-settings-controls button:focus,
1711 .vjs-track-settings-controls button:active {
1712 outline-style: solid;
1713 outline-width: medium;
1714 background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
1717 .vjs-track-settings-controls button:hover {
1721 .vjs-track-settings-controls button {
1722 background-color: #fff;
1723 background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1726 border-radius: 2px;
1729 .vjs-track-settings-controls .vjs-default-button {
1730 margin-right: 1em;
1734 .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1738 .vjs-resize-manager {
1745 z-index: -1000;
1748 .js-focus-visible .video-js *:focus:not(.focus-visible) {
1752 .video-js *:focus:not(:focus-visible) {