MDL-38158 media_videojs: Add Video.JS player
[moodle.git] / media / player / videojs / styles.css
blob09d06648f4e499e7bc128832c9ab80833586a161
1 /* stylelint-disable */
2 .video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
3 position: absolute;
4 top: 0;
5 left: 0;
6 width: 100%;
7 height: 100%; }
9 .video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
10 text-align: center; }
12 @font-face {
13 font-family: VideoJS;
14 src: url([[font:media_videojs|VideoJS.eot]]) format("eot"); }
16 @font-face {
17 font-family: VideoJS;
18 src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
19 font-weight: normal;
20 font-style: normal; }
22 .vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
23 font-family: VideoJS;
24 font-weight: normal;
25 font-style: normal; }
26 .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
27 content: "\f101"; }
29 .vjs-icon-play-circle {
30 font-family: VideoJS;
31 font-weight: normal;
32 font-style: normal; }
33 .vjs-icon-play-circle:before {
34 content: "\f102"; }
36 .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
37 font-family: VideoJS;
38 font-weight: normal;
39 font-style: normal; }
40 .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
41 content: "\f103"; }
43 .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
44 .video-js .vjs-volume-menu-button.vjs-vol-0 {
45 font-family: VideoJS;
46 font-weight: normal;
47 font-style: normal; }
48 .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
49 .video-js .vjs-volume-menu-button.vjs-vol-0:before {
50 content: "\f104"; }
52 .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
53 .video-js .vjs-volume-menu-button.vjs-vol-1 {
54 font-family: VideoJS;
55 font-weight: normal;
56 font-style: normal; }
57 .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
58 .video-js .vjs-volume-menu-button.vjs-vol-1:before {
59 content: "\f105"; }
61 .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
62 .video-js .vjs-volume-menu-button.vjs-vol-2 {
63 font-family: VideoJS;
64 font-weight: normal;
65 font-style: normal; }
66 .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
67 .video-js .vjs-volume-menu-button.vjs-vol-2:before {
68 content: "\f106"; }
70 .vjs-icon-volume-high, .video-js .vjs-mute-control,
71 .video-js .vjs-volume-menu-button {
72 font-family: VideoJS;
73 font-weight: normal;
74 font-style: normal; }
75 .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
76 .video-js .vjs-volume-menu-button:before {
77 content: "\f107"; }
79 .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
80 font-family: VideoJS;
81 font-weight: normal;
82 font-style: normal; }
83 .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
84 content: "\f108"; }
86 .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
87 font-family: VideoJS;
88 font-weight: normal;
89 font-style: normal; }
90 .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
91 content: "\f109"; }
93 .vjs-icon-square {
94 font-family: VideoJS;
95 font-weight: normal;
96 font-style: normal; }
97 .vjs-icon-square:before {
98 content: "\f10a"; }
100 .vjs-icon-spinner {
101 font-family: VideoJS;
102 font-weight: normal;
103 font-style: normal; }
104 .vjs-icon-spinner:before {
105 content: "\f10b"; }
107 .vjs-icon-subtitles, .video-js .vjs-subtitles-button {
108 font-family: VideoJS;
109 font-weight: normal;
110 font-style: normal; }
111 .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
112 content: "\f10c"; }
114 .vjs-icon-captions, .video-js .vjs-captions-button {
115 font-family: VideoJS;
116 font-weight: normal;
117 font-style: normal; }
118 .vjs-icon-captions:before, .video-js .vjs-captions-button:before {
119 content: "\f10d"; }
121 .vjs-icon-chapters, .video-js .vjs-chapters-button {
122 font-family: VideoJS;
123 font-weight: normal;
124 font-style: normal; }
125 .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
126 content: "\f10e"; }
128 .vjs-icon-share {
129 font-family: VideoJS;
130 font-weight: normal;
131 font-style: normal; }
132 .vjs-icon-share:before {
133 content: "\f10f"; }
135 .vjs-icon-cog {
136 font-family: VideoJS;
137 font-weight: normal;
138 font-style: normal; }
139 .vjs-icon-cog:before {
140 content: "\f110"; }
142 .vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
143 font-family: VideoJS;
144 font-weight: normal;
145 font-style: normal; }
146 .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
147 content: "\f111"; }
149 .vjs-icon-circle-outline {
150 font-family: VideoJS;
151 font-weight: normal;
152 font-style: normal; }
153 .vjs-icon-circle-outline:before {
154 content: "\f112"; }
156 .vjs-icon-circle-inner-circle {
157 font-family: VideoJS;
158 font-weight: normal;
159 font-style: normal; }
160 .vjs-icon-circle-inner-circle:before {
161 content: "\f113"; }
163 .vjs-icon-hd {
164 font-family: VideoJS;
165 font-weight: normal;
166 font-style: normal; }
167 .vjs-icon-hd:before {
168 content: "\f114"; }
170 .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
171 font-family: VideoJS;
172 font-weight: normal;
173 font-style: normal; }
174 .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
175 content: "\f115"; }
177 .vjs-icon-replay {
178 font-family: VideoJS;
179 font-weight: normal;
180 font-style: normal; }
181 .vjs-icon-replay:before {
182 content: "\f116"; }
184 .vjs-icon-facebook {
185 font-family: VideoJS;
186 font-weight: normal;
187 font-style: normal; }
188 .vjs-icon-facebook:before {
189 content: "\f117"; }
191 .vjs-icon-gplus {
192 font-family: VideoJS;
193 font-weight: normal;
194 font-style: normal; }
195 .vjs-icon-gplus:before {
196 content: "\f118"; }
198 .vjs-icon-linkedin {
199 font-family: VideoJS;
200 font-weight: normal;
201 font-style: normal; }
202 .vjs-icon-linkedin:before {
203 content: "\f119"; }
205 .vjs-icon-twitter {
206 font-family: VideoJS;
207 font-weight: normal;
208 font-style: normal; }
209 .vjs-icon-twitter:before {
210 content: "\f11a"; }
212 .vjs-icon-tumblr {
213 font-family: VideoJS;
214 font-weight: normal;
215 font-style: normal; }
216 .vjs-icon-tumblr:before {
217 content: "\f11b"; }
219 .vjs-icon-pinterest {
220 font-family: VideoJS;
221 font-weight: normal;
222 font-style: normal; }
223 .vjs-icon-pinterest:before {
224 content: "\f11c"; }
226 .vjs-icon-audio-description, .video-js .vjs-descriptions-button {
227 font-family: VideoJS;
228 font-weight: normal;
229 font-style: normal; }
230 .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
231 content: "\f11d"; }
233 .vjs-icon-audio, .video-js .vjs-audio-button {
234 font-family: VideoJS;
235 font-weight: normal;
236 font-style: normal; }
237 .vjs-icon-audio:before, .video-js .vjs-audio-button:before {
238 content: "\f11e"; }
240 .video-js {
241 display: block;
242 vertical-align: top;
243 box-sizing: border-box;
244 color: #fff;
245 background-color: #000;
246 position: relative;
247 padding: 0;
248 font-size: 10px;
249 line-height: 1;
250 font-weight: normal;
251 font-style: normal;
252 font-family: Arial, Helvetica, sans-serif;
253 -webkit-user-select: none;
254 -moz-user-select: none;
255 -ms-user-select: none;
256 user-select: none; }
257 .video-js:-moz-full-screen {
258 position: absolute; }
259 .video-js:-webkit-full-screen {
260 width: 100% !important;
261 height: 100% !important; }
263 .video-js *,
264 .video-js *:before,
265 .video-js *:after {
266 box-sizing: inherit; }
268 .video-js ul {
269 font-family: inherit;
270 font-size: inherit;
271 line-height: inherit;
272 list-style-position: outside;
273 margin-left: 0;
274 margin-right: 0;
275 margin-top: 0;
276 margin-bottom: 0; }
278 .video-js.vjs-fluid,
279 .video-js.vjs-16-9,
280 .video-js.vjs-4-3 {
281 width: 100%;
282 max-width: 100%;
283 height: 0; }
285 .video-js.vjs-16-9 {
286 padding-top: 56.25%; }
288 .video-js.vjs-4-3 {
289 padding-top: 75%; }
291 .video-js.vjs-fill {
292 width: 100%;
293 height: 100%; }
295 .video-js .vjs-tech {
296 position: absolute;
297 top: 0;
298 left: 0;
299 width: 100%;
300 height: 100%; }
302 body.vjs-full-window {
303 padding: 0;
304 margin: 0;
305 height: 100%;
306 overflow-y: auto; }
308 .vjs-full-window .video-js.vjs-fullscreen {
309 position: fixed;
310 overflow: hidden;
311 z-index: 1000;
312 left: 0;
313 top: 0;
314 bottom: 0;
315 right: 0; }
317 .video-js.vjs-fullscreen {
318 width: 100% !important;
319 height: 100% !important;
320 padding-top: 0 !important; }
322 .video-js.vjs-fullscreen.vjs-user-inactive {
323 cursor: none; }
325 .vjs-hidden {
326 display: none !important; }
328 .vjs-disabled {
329 opacity: 0.5;
330 cursor: default; }
332 .video-js .vjs-offscreen {
333 height: 1px;
334 left: -9999px;
335 position: absolute;
336 top: 0;
337 width: 1px; }
339 .vjs-lock-showing {
340 display: block !important;
341 opacity: 1;
342 visibility: visible; }
344 .vjs-no-js {
345 padding: 20px;
346 color: #fff;
347 background-color: #000;
348 font-size: 18px;
349 font-family: Arial, Helvetica, sans-serif;
350 text-align: center;
351 width: 300px;
352 height: 150px;
353 margin: 0px auto; }
355 .vjs-no-js a,
356 .vjs-no-js a:visited {
357 color: #66A8CC; }
359 .video-js .vjs-big-play-button {
360 font-size: 3em;
361 line-height: 1.5em;
362 height: 1.5em;
363 width: 3em;
364 display: block;
365 position: absolute;
366 top: 10px;
367 left: 10px;
368 padding: 0;
369 cursor: pointer;
370 opacity: 1;
371 border: 0.06666em solid #fff;
372 background-color: #2B333F;
373 background-color: rgba(43, 51, 63, 0.7);
374 -webkit-border-radius: 0.3em;
375 -moz-border-radius: 0.3em;
376 border-radius: 0.3em;
377 -webkit-transition: all 0.4s;
378 -moz-transition: all 0.4s;
379 -o-transition: all 0.4s;
380 transition: all 0.4s; }
382 .vjs-big-play-centered .vjs-big-play-button {
383 top: 50%;
384 left: 50%;
385 margin-top: -0.75em;
386 margin-left: -1.5em; }
388 .video-js:hover .vjs-big-play-button,
389 .video-js .vjs-big-play-button:focus {
390 outline: 0;
391 border-color: #fff;
392 background-color: #73859f;
393 background-color: rgba(115, 133, 159, 0.5);
394 -webkit-transition: all 0s;
395 -moz-transition: all 0s;
396 -o-transition: all 0s;
397 transition: all 0s; }
399 .vjs-controls-disabled .vjs-big-play-button,
400 .vjs-has-started .vjs-big-play-button,
401 .vjs-using-native-controls .vjs-big-play-button,
402 .vjs-error .vjs-big-play-button {
403 display: none; }
405 .video-js button {
406 background: none;
407 border: none;
408 color: inherit;
409 display: inline-block;
410 overflow: visible;
411 font-size: inherit;
412 line-height: inherit;
413 text-transform: none;
414 text-decoration: none;
415 transition: none;
416 -webkit-appearance: none;
417 -moz-appearance: none;
418 appearance: none; }
420 .video-js .vjs-control.vjs-close-button {
421 cursor: pointer;
422 height: 3em;
423 position: absolute;
424 right: 0;
425 top: 0.5em;
426 z-index: 2; }
428 .vjs-menu-button {
429 cursor: pointer; }
431 .vjs-menu-button.vjs-disabled {
432 cursor: default; }
434 .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
435 display: none; }
437 .vjs-menu .vjs-menu-content {
438 display: block;
439 padding: 0;
440 margin: 0;
441 overflow: auto;
442 font-family: Arial, Helvetica, sans-serif; }
444 .vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
445 display: none; }
447 .vjs-menu li {
448 list-style: none;
449 margin: 0;
450 padding: 0.2em 0;
451 line-height: 1.4em;
452 font-size: 1.2em;
453 text-align: center;
454 text-transform: lowercase; }
456 .vjs-menu li:focus,
457 .vjs-menu li:hover {
458 outline: 0;
459 background-color: #73859f;
460 background-color: rgba(115, 133, 159, 0.5); }
462 .vjs-menu li.vjs-selected,
463 .vjs-menu li.vjs-selected:focus,
464 .vjs-menu li.vjs-selected:hover {
465 background-color: #fff;
466 color: #2B333F; }
468 .vjs-menu li.vjs-menu-title {
469 text-align: center;
470 text-transform: uppercase;
471 font-size: 1em;
472 line-height: 2em;
473 padding: 0;
474 margin: 0 0 0.3em 0;
475 font-weight: bold;
476 cursor: default; }
478 .vjs-menu-button-popup .vjs-menu {
479 display: none;
480 position: absolute;
481 bottom: 0;
482 width: 10em;
483 left: -3em;
484 height: 0em;
485 margin-bottom: 1.5em;
486 border-top-color: rgba(43, 51, 63, 0.7); }
488 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
489 background-color: #2B333F;
490 background-color: rgba(43, 51, 63, 0.7);
491 position: absolute;
492 width: 100%;
493 bottom: 1.5em;
494 max-height: 15em; }
496 .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
497 .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
498 display: block; }
500 .video-js .vjs-menu-button-inline {
501 -webkit-transition: all 0.4s;
502 -moz-transition: all 0.4s;
503 -o-transition: all 0.4s;
504 transition: all 0.4s;
505 overflow: hidden; }
507 .video-js .vjs-menu-button-inline:before {
508 width: 2.222222222em; }
510 .video-js .vjs-menu-button-inline:hover,
511 .video-js .vjs-menu-button-inline:focus,
512 .video-js .vjs-menu-button-inline.vjs-slider-active,
513 .video-js.vjs-no-flex .vjs-menu-button-inline {
514 width: 12em; }
516 .video-js .vjs-menu-button-inline.vjs-slider-active {
517 -webkit-transition: none;
518 -moz-transition: none;
519 -o-transition: none;
520 transition: none; }
522 .vjs-menu-button-inline .vjs-menu {
523 opacity: 0;
524 height: 100%;
525 width: auto;
526 position: absolute;
527 left: 4em;
528 top: 0;
529 padding: 0;
530 margin: 0;
531 -webkit-transition: all 0.4s;
532 -moz-transition: all 0.4s;
533 -o-transition: all 0.4s;
534 transition: all 0.4s; }
536 .vjs-menu-button-inline:hover .vjs-menu,
537 .vjs-menu-button-inline:focus .vjs-menu,
538 .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
539 display: block;
540 opacity: 1; }
542 .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
543 display: block;
544 opacity: 1;
545 position: relative;
546 width: auto; }
548 .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
549 .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
550 .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
551 width: auto; }
553 .vjs-menu-button-inline .vjs-menu-content {
554 width: auto;
555 height: 100%;
556 margin: 0;
557 overflow: hidden; }
559 .video-js .vjs-control-bar {
560 display: none;
561 width: 100%;
562 position: absolute;
563 bottom: 0;
564 left: 0;
565 right: 0;
566 height: 3.0em;
567 background-color: #2B333F;
568 background-color: rgba(43, 51, 63, 0.7); }
570 .vjs-has-started .vjs-control-bar {
571 display: -webkit-box;
572 display: -webkit-flex;
573 display: -ms-flexbox;
574 display: flex;
575 visibility: visible;
576 opacity: 1;
577 -webkit-transition: visibility 0.1s, opacity 0.1s;
578 -moz-transition: visibility 0.1s, opacity 0.1s;
579 -o-transition: visibility 0.1s, opacity 0.1s;
580 transition: visibility 0.1s, opacity 0.1s; }
582 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
583 visibility: visible;
584 opacity: 0;
585 -webkit-transition: visibility 1s, opacity 1s;
586 -moz-transition: visibility 1s, opacity 1s;
587 -o-transition: visibility 1s, opacity 1s;
588 transition: visibility 1s, opacity 1s; }
589 @media \0screen {
590 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
591 visibility: hidden; } }
593 .vjs-controls-disabled .vjs-control-bar,
594 .vjs-using-native-controls .vjs-control-bar,
595 .vjs-error .vjs-control-bar {
596 display: none !important; }
598 .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
599 opacity: 1;
600 visibility: visible; }
602 @media \0screen {
603 .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
604 content: ""; } }
606 .vjs-has-started.vjs-no-flex .vjs-control-bar {
607 display: table; }
609 .video-js .vjs-control {
610 outline: none;
611 position: relative;
612 text-align: center;
613 margin: 0;
614 padding: 0;
615 height: 100%;
616 width: 4em;
617 -webkit-box-flex: none;
618 -moz-box-flex: none;
619 -webkit-flex: none;
620 -ms-flex: none;
621 flex: none; }
622 .video-js .vjs-control:before {
623 font-size: 1.8em;
624 line-height: 1.67; }
626 .video-js .vjs-control:focus:before,
627 .video-js .vjs-control:hover:before,
628 .video-js .vjs-control:focus {
629 text-shadow: 0em 0em 1em white; }
631 .video-js .vjs-control-text {
632 border: 0;
633 clip: rect(0 0 0 0);
634 height: 1px;
635 margin: -1px;
636 overflow: hidden;
637 padding: 0;
638 position: absolute;
639 width: 1px; }
641 .vjs-no-flex .vjs-control {
642 display: table-cell;
643 vertical-align: middle; }
645 .video-js .vjs-custom-control-spacer {
646 display: none; }
648 .video-js .vjs-progress-control {
649 -webkit-box-flex: auto;
650 -moz-box-flex: auto;
651 -webkit-flex: auto;
652 -ms-flex: auto;
653 flex: auto;
654 display: -webkit-box;
655 display: -webkit-flex;
656 display: -ms-flexbox;
657 display: flex;
658 -webkit-box-align: center;
659 -webkit-align-items: center;
660 -ms-flex-align: center;
661 align-items: center;
662 min-width: 4em; }
664 .vjs-live .vjs-progress-control {
665 display: none; }
667 .video-js .vjs-progress-holder {
668 -webkit-box-flex: auto;
669 -moz-box-flex: auto;
670 -webkit-flex: auto;
671 -ms-flex: auto;
672 flex: auto;
673 -webkit-transition: all 0.2s;
674 -moz-transition: all 0.2s;
675 -o-transition: all 0.2s;
676 transition: all 0.2s;
677 height: 0.3em; }
679 .video-js .vjs-progress-control:hover .vjs-progress-holder {
680 font-size: 1.666666666666666666em; }
682 /* If we let the font size grow as much as everything else, the current time tooltip ends up
683 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
684 to avoid a weird hitch when you roll off the hover. */
685 .video-js .vjs-progress-control:hover .vjs-time-tooltip,
686 .video-js .vjs-progress-control:hover .vjs-mouse-display:after,
687 .video-js .vjs-progress-control:hover .vjs-play-progress:after {
688 font-family: Arial, Helvetica, sans-serif;
689 visibility: visible;
690 font-size: 0.6em; }
692 .video-js .vjs-progress-holder .vjs-play-progress,
693 .video-js .vjs-progress-holder .vjs-load-progress,
694 .video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
695 .video-js .vjs-progress-holder .vjs-load-progress div {
696 position: absolute;
697 display: block;
698 height: 0.3em;
699 margin: 0;
700 padding: 0;
701 width: 0;
702 left: 0;
703 top: 0; }
705 .video-js .vjs-mouse-display:before {
706 display: none; }
708 .video-js .vjs-play-progress {
709 background-color: #fff; }
710 .video-js .vjs-play-progress:before {
711 position: absolute;
712 top: -0.333333333333333em;
713 right: -0.5em;
714 font-size: 0.9em; }
716 .video-js .vjs-time-tooltip,
717 .video-js .vjs-mouse-display:after,
718 .video-js .vjs-play-progress:after {
719 visibility: hidden;
720 pointer-events: none;
721 position: absolute;
722 top: -3.4em;
723 right: -1.9em;
724 font-size: 0.9em;
725 color: #000;
726 content: attr(data-current-time);
727 padding: 6px 8px 8px 8px;
728 background-color: #fff;
729 background-color: rgba(255, 255, 255, 0.8);
730 -webkit-border-radius: 0.3em;
731 -moz-border-radius: 0.3em;
732 border-radius: 0.3em; }
734 .video-js .vjs-time-tooltip,
735 .video-js .vjs-play-progress:before,
736 .video-js .vjs-play-progress:after {
737 z-index: 1; }
739 .video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
740 display: none; }
742 .video-js .vjs-load-progress {
743 background: #bfc7d3;
744 background: rgba(115, 133, 159, 0.5); }
746 .video-js .vjs-load-progress div {
747 background: white;
748 background: rgba(115, 133, 159, 0.75); }
750 .video-js.vjs-no-flex .vjs-progress-control {
751 width: auto; }
753 .video-js .vjs-time-tooltip {
754 display: inline-block;
755 height: 2.4em;
756 position: relative;
757 float: right;
758 right: -1.9em; }
760 .vjs-tooltip-progress-bar {
761 visibility: hidden; }
763 .video-js .vjs-progress-control .vjs-mouse-display {
764 display: none;
765 position: absolute;
766 width: 1px;
767 height: 100%;
768 background-color: #000;
769 z-index: 1; }
771 .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
772 z-index: 0; }
774 .video-js .vjs-progress-control:hover .vjs-mouse-display {
775 display: block; }
777 .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
778 .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
779 visibility: hidden;
780 opacity: 0;
781 -webkit-transition: visibility 1s, opacity 1s;
782 -moz-transition: visibility 1s, opacity 1s;
783 -o-transition: visibility 1s, opacity 1s;
784 transition: visibility 1s, opacity 1s; }
786 .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
787 .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
788 display: none; }
790 .vjs-mouse-display .vjs-time-tooltip,
791 .video-js .vjs-progress-control .vjs-mouse-display:after {
792 color: #fff;
793 background-color: #000;
794 background-color: rgba(0, 0, 0, 0.8); }
796 .video-js .vjs-slider {
797 outline: 0;
798 position: relative;
799 cursor: pointer;
800 padding: 0;
801 margin: 0 0.45em 0 0.45em;
802 background-color: #73859f;
803 background-color: rgba(115, 133, 159, 0.5); }
805 .video-js .vjs-slider:focus {
806 text-shadow: 0em 0em 1em white;
807 -webkit-box-shadow: 0 0 1em #fff;
808 -moz-box-shadow: 0 0 1em #fff;
809 box-shadow: 0 0 1em #fff; }
811 .video-js .vjs-mute-control,
812 .video-js .vjs-volume-menu-button {
813 cursor: pointer;
814 -webkit-box-flex: none;
815 -moz-box-flex: none;
816 -webkit-flex: none;
817 -ms-flex: none;
818 flex: none; }
820 .video-js .vjs-volume-control {
821 width: 5em;
822 -webkit-box-flex: none;
823 -moz-box-flex: none;
824 -webkit-flex: none;
825 -ms-flex: none;
826 flex: none;
827 display: -webkit-box;
828 display: -webkit-flex;
829 display: -ms-flexbox;
830 display: flex;
831 -webkit-box-align: center;
832 -webkit-align-items: center;
833 -ms-flex-align: center;
834 align-items: center; }
836 .video-js .vjs-volume-bar {
837 margin: 1.35em 0.45em; }
839 .vjs-volume-bar.vjs-slider-horizontal {
840 width: 5em;
841 height: 0.3em; }
843 .vjs-volume-bar.vjs-slider-vertical {
844 width: 0.3em;
845 height: 5em;
846 margin: 1.35em auto; }
848 .video-js .vjs-volume-level {
849 position: absolute;
850 bottom: 0;
851 left: 0;
852 background-color: #fff; }
853 .video-js .vjs-volume-level:before {
854 position: absolute;
855 font-size: 0.9em; }
857 .vjs-slider-vertical .vjs-volume-level {
858 width: 0.3em; }
859 .vjs-slider-vertical .vjs-volume-level:before {
860 top: -0.5em;
861 left: -0.3em; }
863 .vjs-slider-horizontal .vjs-volume-level {
864 height: 0.3em; }
865 .vjs-slider-horizontal .vjs-volume-level:before {
866 top: -0.3em;
867 right: -0.5em; }
869 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
870 height: 100%; }
872 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
873 width: 100%; }
875 .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
876 display: block;
877 width: 0;
878 height: 0;
879 border-top-color: transparent; }
881 .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
882 left: 0.5em;
883 height: 8em; }
885 .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
886 left: -2em; }
888 .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
889 height: 0;
890 width: 0;
891 overflow-x: hidden;
892 overflow-y: hidden; }
894 .vjs-volume-menu-button-vertical:hover .vjs-menu-content,
895 .vjs-volume-menu-button-vertical:focus .vjs-menu-content,
896 .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
897 .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
898 height: 8em;
899 width: 2.9em; }
901 .vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
902 .vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
903 .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
904 .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
905 height: 2.9em;
906 width: 8em; }
908 .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
909 background-color: transparent !important; }
911 .vjs-poster {
912 display: inline-block;
913 vertical-align: middle;
914 background-repeat: no-repeat;
915 background-position: 50% 50%;
916 background-size: contain;
917 background-color: #000000;
918 cursor: pointer;
919 margin: 0;
920 padding: 0;
921 position: absolute;
922 top: 0;
923 right: 0;
924 bottom: 0;
925 left: 0;
926 height: 100%; }
928 .vjs-poster img {
929 display: block;
930 vertical-align: middle;
931 margin: 0 auto;
932 max-height: 100%;
933 padding: 0;
934 width: 100%; }
936 .vjs-has-started .vjs-poster {
937 display: none; }
939 .vjs-audio.vjs-has-started .vjs-poster {
940 display: block; }
942 .vjs-controls-disabled .vjs-poster {
943 display: none; }
945 .vjs-using-native-controls .vjs-poster {
946 display: none; }
948 .video-js .vjs-live-control {
949 display: -webkit-box;
950 display: -webkit-flex;
951 display: -ms-flexbox;
952 display: flex;
953 -webkit-box-align: flex-start;
954 -webkit-align-items: flex-start;
955 -ms-flex-align: flex-start;
956 align-items: flex-start;
957 -webkit-box-flex: auto;
958 -moz-box-flex: auto;
959 -webkit-flex: auto;
960 -ms-flex: auto;
961 flex: auto;
962 font-size: 1em;
963 line-height: 3em; }
965 .vjs-no-flex .vjs-live-control {
966 display: table-cell;
967 width: auto;
968 text-align: left; }
970 .video-js .vjs-time-control {
971 -webkit-box-flex: none;
972 -moz-box-flex: none;
973 -webkit-flex: none;
974 -ms-flex: none;
975 flex: none;
976 font-size: 1em;
977 line-height: 3em;
978 min-width: 2em;
979 width: auto;
980 padding-left: 1em;
981 padding-right: 1em; }
983 .vjs-live .vjs-time-control {
984 display: none; }
986 .video-js .vjs-current-time,
987 .vjs-no-flex .vjs-current-time {
988 display: none; }
990 .video-js .vjs-duration,
991 .vjs-no-flex .vjs-duration {
992 display: none; }
994 .vjs-time-divider {
995 display: none;
996 line-height: 3em; }
998 .vjs-live .vjs-time-divider {
999 display: none; }
1001 .video-js .vjs-play-control {
1002 cursor: pointer;
1003 -webkit-box-flex: none;
1004 -moz-box-flex: none;
1005 -webkit-flex: none;
1006 -ms-flex: none;
1007 flex: none; }
1009 .vjs-text-track-display {
1010 position: absolute;
1011 bottom: 3em;
1012 left: 0;
1013 right: 0;
1014 top: 0;
1015 pointer-events: none; }
1017 .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1018 bottom: 1em; }
1020 .video-js .vjs-text-track {
1021 font-size: 1.4em;
1022 text-align: center;
1023 margin-bottom: 0.1em;
1024 background-color: #000;
1025 background-color: rgba(0, 0, 0, 0.5); }
1027 .vjs-subtitles {
1028 color: #fff; }
1030 .vjs-captions {
1031 color: #fc6; }
1033 .vjs-tt-cue {
1034 display: block; }
1036 video::-webkit-media-text-track-display {
1037 -moz-transform: translateY(-3em);
1038 -ms-transform: translateY(-3em);
1039 -o-transform: translateY(-3em);
1040 -webkit-transform: translateY(-3em);
1041 transform: translateY(-3em); }
1043 .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1044 -moz-transform: translateY(-1.5em);
1045 -ms-transform: translateY(-1.5em);
1046 -o-transform: translateY(-1.5em);
1047 -webkit-transform: translateY(-1.5em);
1048 transform: translateY(-1.5em); }
1050 .video-js .vjs-fullscreen-control {
1051 cursor: pointer;
1052 -webkit-box-flex: none;
1053 -moz-box-flex: none;
1054 -webkit-flex: none;
1055 -ms-flex: none;
1056 flex: none; }
1058 .vjs-playback-rate .vjs-playback-rate-value {
1059 font-size: 1.5em;
1060 line-height: 2;
1061 position: absolute;
1062 top: 0;
1063 left: 0;
1064 width: 100%;
1065 height: 100%;
1066 text-align: center; }
1068 .vjs-playback-rate .vjs-menu {
1069 width: 4em;
1070 left: 0em; }
1072 .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1073 font-size: 1.4em;
1074 text-align: center; }
1076 .vjs-error .vjs-error-display:before {
1077 color: #fff;
1078 content: 'X';
1079 font-family: Arial, Helvetica, sans-serif;
1080 font-size: 4em;
1081 left: 0;
1082 line-height: 1;
1083 margin-top: -0.5em;
1084 position: absolute;
1085 text-shadow: 0.05em 0.05em 0.1em #000;
1086 text-align: center;
1087 top: 50%;
1088 vertical-align: middle;
1089 width: 100%; }
1091 .vjs-loading-spinner {
1092 display: none;
1093 position: absolute;
1094 top: 50%;
1095 left: 50%;
1096 margin: -25px 0 0 -25px;
1097 opacity: 0.85;
1098 text-align: left;
1099 border: 6px solid rgba(43, 51, 63, 0.7);
1100 box-sizing: border-box;
1101 background-clip: padding-box;
1102 width: 50px;
1103 height: 50px;
1104 border-radius: 25px; }
1106 .vjs-seeking .vjs-loading-spinner,
1107 .vjs-waiting .vjs-loading-spinner {
1108 display: block; }
1110 .vjs-loading-spinner:before,
1111 .vjs-loading-spinner:after {
1112 content: "";
1113 position: absolute;
1114 margin: -6px;
1115 box-sizing: inherit;
1116 width: inherit;
1117 height: inherit;
1118 border-radius: inherit;
1119 opacity: 1;
1120 border: inherit;
1121 border-color: transparent;
1122 border-top-color: white; }
1124 .vjs-seeking .vjs-loading-spinner:before,
1125 .vjs-seeking .vjs-loading-spinner:after,
1126 .vjs-waiting .vjs-loading-spinner:before,
1127 .vjs-waiting .vjs-loading-spinner:after {
1128 -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1129 animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
1131 .vjs-seeking .vjs-loading-spinner:before,
1132 .vjs-waiting .vjs-loading-spinner:before {
1133 border-top-color: white; }
1135 .vjs-seeking .vjs-loading-spinner:after,
1136 .vjs-waiting .vjs-loading-spinner:after {
1137 border-top-color: white;
1138 -webkit-animation-delay: 0.44s;
1139 animation-delay: 0.44s; }
1141 @keyframes vjs-spinner-spin {
1142 100% {
1143 transform: rotate(360deg); } }
1145 @-webkit-keyframes vjs-spinner-spin {
1146 100% {
1147 -webkit-transform: rotate(360deg); } }
1149 @keyframes vjs-spinner-fade {
1150 0% {
1151 border-top-color: #73859f; }
1152 20% {
1153 border-top-color: #73859f; }
1154 35% {
1155 border-top-color: white; }
1156 60% {
1157 border-top-color: #73859f; }
1158 100% {
1159 border-top-color: #73859f; } }
1161 @-webkit-keyframes vjs-spinner-fade {
1162 0% {
1163 border-top-color: #73859f; }
1164 20% {
1165 border-top-color: #73859f; }
1166 35% {
1167 border-top-color: white; }
1168 60% {
1169 border-top-color: #73859f; }
1170 100% {
1171 border-top-color: #73859f; } }
1173 .vjs-chapters-button .vjs-menu ul {
1174 width: 24em; }
1176 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
1177 -webkit-box-flex: auto;
1178 -moz-box-flex: auto;
1179 -webkit-flex: auto;
1180 -ms-flex: auto;
1181 flex: auto; }
1183 .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
1184 width: auto; }
1186 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
1187 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
1188 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
1189 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
1190 .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
1191 display: none; }
1193 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
1194 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
1195 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
1196 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
1197 .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
1198 display: none; }
1200 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
1201 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
1202 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
1203 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
1204 .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
1205 display: none; }
1207 .vjs-caption-settings {
1208 position: relative;
1209 top: 1em;
1210 background-color: #2B333F;
1211 background-color: rgba(43, 51, 63, 0.75);
1212 color: #fff;
1213 margin: 0 auto;
1214 padding: 0.5em;
1215 height: 16em;
1216 font-size: 12px;
1217 width: 40em; }
1219 .vjs-caption-settings .vjs-tracksettings {
1220 top: 0;
1221 bottom: 1em;
1222 left: 0;
1223 right: 0;
1224 position: absolute;
1225 overflow: auto; }
1227 .vjs-caption-settings .vjs-tracksettings-colors,
1228 .vjs-caption-settings .vjs-tracksettings-font {
1229 float: left; }
1231 .vjs-caption-settings .vjs-tracksettings-colors:after,
1232 .vjs-caption-settings .vjs-tracksettings-font:after,
1233 .vjs-caption-settings .vjs-tracksettings-controls:after {
1234 clear: both; }
1236 .vjs-caption-settings .vjs-tracksettings-controls {
1237 position: absolute;
1238 bottom: 1em;
1239 right: 1em; }
1241 .vjs-caption-settings .vjs-tracksetting {
1242 margin: 5px;
1243 padding: 3px;
1244 min-height: 40px;
1245 border: none; }
1247 .vjs-caption-settings .vjs-tracksetting label,
1248 .vjs-caption-settings .vjs-tracksetting legend {
1249 display: block;
1250 width: 100px;
1251 margin-bottom: 5px; }
1253 .vjs-caption-settings .vjs-tracksetting span {
1254 display: inline;
1255 margin-left: 5px;
1256 vertical-align: top;
1257 float: right; }
1259 .vjs-caption-settings .vjs-tracksetting > div {
1260 margin-bottom: 5px;
1261 min-height: 20px; }
1263 .vjs-caption-settings .vjs-tracksetting > div:last-child {
1264 margin-bottom: 0;
1265 padding-bottom: 0;
1266 min-height: 0; }
1268 .vjs-caption-settings label > input {
1269 margin-right: 10px; }
1271 .vjs-caption-settings fieldset {
1272 margin-top: 1em;
1273 margin-left: .5em; }
1275 .vjs-caption-settings fieldset .vjs-label {
1276 position: absolute;
1277 clip: rect(1px 1px 1px 1px);
1278 /* for Internet Explorer */
1279 clip: rect(1px, 1px, 1px, 1px);
1280 padding: 0;
1281 border: 0;
1282 height: 1px;
1283 width: 1px;
1284 overflow: hidden; }
1286 .vjs-caption-settings input[type="button"] {
1287 width: 40px;
1288 height: 40px; }
1290 .video-js .vjs-modal-dialog {
1291 background: rgba(0, 0, 0, 0.8);
1292 background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
1293 background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }
1295 .vjs-modal-dialog .vjs-modal-dialog-content {
1296 font-size: 1.2em;
1297 line-height: 1.5;
1298 padding: 20px 24px;
1299 z-index: 1; }
1301 @media print {
1302 .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1303 visibility: hidden; } }
1305 /* Modifications of player made by Moodle: */
1307 /* Audio: Remove big play button (leave only the button in controls). */
1308 .video-js.vjs-audio .vjs-big-play-button {
1309 display: none;
1311 /* Audio: Make the controlbar visible by default */
1312 .video-js.vjs-audio .vjs-control-bar {
1313 display: -webkit-box;
1314 display: -webkit-flex;
1315 display: -ms-flexbox;
1316 display: flex;
1318 /* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
1319 .video-js.vjs-audio {
1320 min-height: 3em;
1322 /* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
1323 .video-js.vjs-error {
1324 height: 150px;