@vidispine/vdt-videojs-react 21.3.0 → 22.1.0-pre.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css DELETED
@@ -1,1857 +0,0 @@
1
- @charset "UTF-8";
2
- .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
3
- position: absolute;
4
- top: 0;
5
- left: 0;
6
- width: 100%;
7
- height: 100%; }
8
-
9
- .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
10
- text-align: center; }
11
-
12
- @font-face {
13
- font-family: VideoJS;
14
- src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
15
- font-weight: normal;
16
- font-style: normal; }
17
-
18
- .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
19
- font-family: VideoJS;
20
- font-weight: normal;
21
- font-style: normal; }
22
-
23
- .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
24
- content: "\f101"; }
25
-
26
- .vjs-icon-play-circle {
27
- font-family: VideoJS;
28
- font-weight: normal;
29
- font-style: normal; }
30
-
31
- .vjs-icon-play-circle:before {
32
- content: "\f102"; }
33
-
34
- .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
35
- font-family: VideoJS;
36
- font-weight: normal;
37
- font-style: normal; }
38
-
39
- .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
40
- content: "\f103"; }
41
-
42
- .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
43
- font-family: VideoJS;
44
- font-weight: normal;
45
- font-style: normal; }
46
-
47
- .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
48
- content: "\f104"; }
49
-
50
- .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
51
- font-family: VideoJS;
52
- font-weight: normal;
53
- font-style: normal; }
54
-
55
- .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
56
- content: "\f105"; }
57
-
58
- .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
59
- font-family: VideoJS;
60
- font-weight: normal;
61
- font-style: normal; }
62
-
63
- .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
64
- content: "\f106"; }
65
-
66
- .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
67
- font-family: VideoJS;
68
- font-weight: normal;
69
- font-style: normal; }
70
-
71
- .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
72
- content: "\f107"; }
73
-
74
- .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
75
- font-family: VideoJS;
76
- font-weight: normal;
77
- font-style: normal; }
78
-
79
- .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
80
- content: "\f108"; }
81
-
82
- .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
83
- font-family: VideoJS;
84
- font-weight: normal;
85
- font-style: normal; }
86
-
87
- .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
88
- content: "\f109"; }
89
-
90
- .vjs-icon-square {
91
- font-family: VideoJS;
92
- font-weight: normal;
93
- font-style: normal; }
94
-
95
- .vjs-icon-square:before {
96
- content: "\f10a"; }
97
-
98
- .vjs-icon-spinner {
99
- font-family: VideoJS;
100
- font-weight: normal;
101
- font-style: normal; }
102
-
103
- .vjs-icon-spinner:before {
104
- content: "\f10b"; }
105
-
106
- .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
107
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
108
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
109
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
110
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
111
- font-family: VideoJS;
112
- font-weight: normal;
113
- font-style: normal; }
114
-
115
- .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
116
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
117
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
118
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
119
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
120
- content: "\f10c"; }
121
-
122
- .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
123
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
124
- font-family: VideoJS;
125
- font-weight: normal;
126
- font-style: normal; }
127
-
128
- .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
129
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
130
- content: "\f10d"; }
131
-
132
- .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
133
- font-family: VideoJS;
134
- font-weight: normal;
135
- font-style: normal; }
136
-
137
- .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
138
- content: "\f10e"; }
139
-
140
- .vjs-icon-share {
141
- font-family: VideoJS;
142
- font-weight: normal;
143
- font-style: normal; }
144
-
145
- .vjs-icon-share:before {
146
- content: "\f10f"; }
147
-
148
- .vjs-icon-cog {
149
- font-family: VideoJS;
150
- font-weight: normal;
151
- font-style: normal; }
152
-
153
- .vjs-icon-cog:before {
154
- content: "\f110"; }
155
-
156
- .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
157
- font-family: VideoJS;
158
- font-weight: normal;
159
- font-style: normal; }
160
-
161
- .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
162
- content: "\f111"; }
163
-
164
- .vjs-icon-circle-outline {
165
- font-family: VideoJS;
166
- font-weight: normal;
167
- font-style: normal; }
168
-
169
- .vjs-icon-circle-outline:before {
170
- content: "\f112"; }
171
-
172
- .vjs-icon-circle-inner-circle {
173
- font-family: VideoJS;
174
- font-weight: normal;
175
- font-style: normal; }
176
-
177
- .vjs-icon-circle-inner-circle:before {
178
- content: "\f113"; }
179
-
180
- .vjs-icon-hd {
181
- font-family: VideoJS;
182
- font-weight: normal;
183
- font-style: normal; }
184
-
185
- .vjs-icon-hd:before {
186
- content: "\f114"; }
187
-
188
- .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
189
- font-family: VideoJS;
190
- font-weight: normal;
191
- font-style: normal; }
192
-
193
- .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
194
- content: "\f115"; }
195
-
196
- .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
197
- font-family: VideoJS;
198
- font-weight: normal;
199
- font-style: normal; }
200
-
201
- .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
202
- content: "\f116"; }
203
-
204
- .vjs-icon-facebook {
205
- font-family: VideoJS;
206
- font-weight: normal;
207
- font-style: normal; }
208
-
209
- .vjs-icon-facebook:before {
210
- content: "\f117"; }
211
-
212
- .vjs-icon-gplus {
213
- font-family: VideoJS;
214
- font-weight: normal;
215
- font-style: normal; }
216
-
217
- .vjs-icon-gplus:before {
218
- content: "\f118"; }
219
-
220
- .vjs-icon-linkedin {
221
- font-family: VideoJS;
222
- font-weight: normal;
223
- font-style: normal; }
224
-
225
- .vjs-icon-linkedin:before {
226
- content: "\f119"; }
227
-
228
- .vjs-icon-twitter {
229
- font-family: VideoJS;
230
- font-weight: normal;
231
- font-style: normal; }
232
-
233
- .vjs-icon-twitter:before {
234
- content: "\f11a"; }
235
-
236
- .vjs-icon-tumblr {
237
- font-family: VideoJS;
238
- font-weight: normal;
239
- font-style: normal; }
240
-
241
- .vjs-icon-tumblr:before {
242
- content: "\f11b"; }
243
-
244
- .vjs-icon-pinterest {
245
- font-family: VideoJS;
246
- font-weight: normal;
247
- font-style: normal; }
248
-
249
- .vjs-icon-pinterest:before {
250
- content: "\f11c"; }
251
-
252
- .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
253
- font-family: VideoJS;
254
- font-weight: normal;
255
- font-style: normal; }
256
-
257
- .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
258
- content: "\f11d"; }
259
-
260
- .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
261
- font-family: VideoJS;
262
- font-weight: normal;
263
- font-style: normal; }
264
-
265
- .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
266
- content: "\f11e"; }
267
-
268
- .vjs-icon-next-item {
269
- font-family: VideoJS;
270
- font-weight: normal;
271
- font-style: normal; }
272
-
273
- .vjs-icon-next-item:before {
274
- content: "\f11f"; }
275
-
276
- .vjs-icon-previous-item {
277
- font-family: VideoJS;
278
- font-weight: normal;
279
- font-style: normal; }
280
-
281
- .vjs-icon-previous-item:before {
282
- content: "\f120"; }
283
-
284
- .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
285
- font-family: VideoJS;
286
- font-weight: normal;
287
- font-style: normal; }
288
-
289
- .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
290
- content: "\f121"; }
291
-
292
- .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
293
- font-family: VideoJS;
294
- font-weight: normal;
295
- font-style: normal; }
296
-
297
- .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
298
- content: "\f122"; }
299
-
300
- .video-js {
301
- display: block;
302
- vertical-align: top;
303
- box-sizing: border-box;
304
- color: #fff;
305
- background-color: #000;
306
- position: relative;
307
- padding: 0;
308
- font-size: 10px;
309
- line-height: 1;
310
- font-weight: normal;
311
- font-style: normal;
312
- font-family: Arial, Helvetica, sans-serif;
313
- word-break: initial; }
314
-
315
- .video-js:-moz-full-screen {
316
- position: absolute; }
317
-
318
- .video-js:-webkit-full-screen {
319
- width: 100% !important;
320
- height: 100% !important; }
321
-
322
- .video-js[tabindex="-1"] {
323
- outline: none; }
324
-
325
- .video-js *,
326
- .video-js *:before,
327
- .video-js *:after {
328
- box-sizing: inherit; }
329
-
330
- .video-js ul {
331
- font-family: inherit;
332
- font-size: inherit;
333
- line-height: inherit;
334
- list-style-position: outside;
335
- margin-left: 0;
336
- margin-right: 0;
337
- margin-top: 0;
338
- margin-bottom: 0; }
339
-
340
- .video-js.vjs-fluid,
341
- .video-js.vjs-16-9,
342
- .video-js.vjs-4-3 {
343
- width: 100%;
344
- max-width: 100%;
345
- height: 0; }
346
-
347
- .video-js.vjs-16-9 {
348
- padding-top: 56.25%; }
349
-
350
- .video-js.vjs-4-3 {
351
- padding-top: 75%; }
352
-
353
- .video-js.vjs-fill {
354
- width: 100%;
355
- height: 100%; }
356
-
357
- .video-js .vjs-tech {
358
- position: absolute;
359
- top: 0;
360
- left: 0;
361
- width: 100%;
362
- height: 100%; }
363
-
364
- body.vjs-full-window {
365
- padding: 0;
366
- margin: 0;
367
- height: 100%; }
368
-
369
- .vjs-full-window .video-js.vjs-fullscreen {
370
- position: fixed;
371
- overflow: hidden;
372
- z-index: 1000;
373
- left: 0;
374
- top: 0;
375
- bottom: 0;
376
- right: 0; }
377
-
378
- .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
379
- width: 100% !important;
380
- height: 100% !important;
381
- padding-top: 0 !important; }
382
-
383
- .video-js.vjs-fullscreen.vjs-user-inactive {
384
- cursor: none; }
385
-
386
- .vjs-hidden {
387
- display: none !important; }
388
-
389
- .vjs-disabled {
390
- opacity: 0.5;
391
- cursor: default; }
392
-
393
- .video-js .vjs-offscreen {
394
- height: 1px;
395
- left: -9999px;
396
- position: absolute;
397
- top: 0;
398
- width: 1px; }
399
-
400
- .vjs-lock-showing {
401
- display: block !important;
402
- opacity: 1;
403
- visibility: visible; }
404
-
405
- .vjs-no-js {
406
- padding: 20px;
407
- color: #fff;
408
- background-color: #000;
409
- font-size: 18px;
410
- font-family: Arial, Helvetica, sans-serif;
411
- text-align: center;
412
- width: 300px;
413
- height: 150px;
414
- margin: 0px auto; }
415
-
416
- .vjs-no-js a,
417
- .vjs-no-js a:visited {
418
- color: #66A8CC; }
419
-
420
- .video-js .vjs-big-play-button {
421
- font-size: 3em;
422
- line-height: 1.5em;
423
- height: 1.63332em;
424
- width: 3em;
425
- display: block;
426
- position: absolute;
427
- top: 10px;
428
- left: 10px;
429
- padding: 0;
430
- cursor: pointer;
431
- opacity: 1;
432
- border: 0.06666em solid #fff;
433
- background-color: #2B333F;
434
- background-color: rgba(43, 51, 63, 0.7);
435
- border-radius: 0.3em;
436
- transition: all 0.4s; }
437
-
438
- .vjs-big-play-centered .vjs-big-play-button {
439
- top: 50%;
440
- left: 50%;
441
- margin-top: -0.81666em;
442
- margin-left: -1.5em; }
443
-
444
- .video-js:hover .vjs-big-play-button,
445
- .video-js .vjs-big-play-button:focus {
446
- border-color: #fff;
447
- background-color: #73859f;
448
- background-color: rgba(115, 133, 159, 0.5);
449
- transition: all 0s; }
450
-
451
- .vjs-controls-disabled .vjs-big-play-button,
452
- .vjs-has-started .vjs-big-play-button,
453
- .vjs-using-native-controls .vjs-big-play-button,
454
- .vjs-error .vjs-big-play-button {
455
- display: none; }
456
-
457
- .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
458
- display: block; }
459
-
460
- .video-js button {
461
- background: none;
462
- border: none;
463
- color: inherit;
464
- display: inline-block;
465
- font-size: inherit;
466
- line-height: inherit;
467
- text-transform: none;
468
- text-decoration: none;
469
- transition: none;
470
- -webkit-appearance: none;
471
- -moz-appearance: none;
472
- appearance: none; }
473
-
474
- .vjs-control .vjs-button {
475
- width: 100%;
476
- height: 100%; }
477
-
478
- .video-js .vjs-control.vjs-close-button {
479
- cursor: pointer;
480
- height: 3em;
481
- position: absolute;
482
- right: 0;
483
- top: 0.5em;
484
- z-index: 2; }
485
-
486
- .video-js .vjs-modal-dialog {
487
- background: rgba(0, 0, 0, 0.8);
488
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
489
- overflow: auto; }
490
-
491
- .video-js .vjs-modal-dialog > * {
492
- box-sizing: border-box; }
493
-
494
- .vjs-modal-dialog .vjs-modal-dialog-content {
495
- font-size: 1.2em;
496
- line-height: 1.5;
497
- padding: 20px 24px;
498
- z-index: 1; }
499
-
500
- .vjs-menu-button {
501
- cursor: pointer; }
502
-
503
- .vjs-menu-button.vjs-disabled {
504
- cursor: default; }
505
-
506
- .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
507
- display: none; }
508
-
509
- .vjs-menu .vjs-menu-content {
510
- display: block;
511
- padding: 0;
512
- margin: 0;
513
- font-family: Arial, Helvetica, sans-serif;
514
- overflow: auto; }
515
-
516
- .vjs-menu .vjs-menu-content > * {
517
- box-sizing: border-box; }
518
-
519
- .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
520
- display: none; }
521
-
522
- .vjs-menu li {
523
- list-style: none;
524
- margin: 0;
525
- padding: 0.2em 0;
526
- line-height: 1.4em;
527
- font-size: 1.2em;
528
- text-align: center;
529
- text-transform: lowercase; }
530
-
531
- .vjs-menu li.vjs-menu-item:focus,
532
- .vjs-menu li.vjs-menu-item:hover,
533
- .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
534
- background-color: #73859f;
535
- background-color: rgba(115, 133, 159, 0.5); }
536
-
537
- .vjs-menu li.vjs-selected,
538
- .vjs-menu li.vjs-selected:focus,
539
- .vjs-menu li.vjs-selected:hover,
540
- .js-focus-visible .vjs-menu li.vjs-selected:hover {
541
- background-color: #fff;
542
- color: #2B333F; }
543
-
544
- .vjs-menu li.vjs-menu-title {
545
- text-align: center;
546
- text-transform: uppercase;
547
- font-size: 1em;
548
- line-height: 2em;
549
- padding: 0;
550
- margin: 0 0 0.3em 0;
551
- font-weight: bold;
552
- cursor: default; }
553
-
554
- .vjs-menu-button-popup .vjs-menu {
555
- display: none;
556
- position: absolute;
557
- bottom: 0;
558
- width: 10em;
559
- left: -3em;
560
- height: 0em;
561
- margin-bottom: 1.5em;
562
- border-top-color: rgba(43, 51, 63, 0.7); }
563
-
564
- .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
565
- background-color: #2B333F;
566
- background-color: rgba(43, 51, 63, 0.7);
567
- position: absolute;
568
- width: 100%;
569
- bottom: 1.5em;
570
- max-height: 15em; }
571
-
572
- .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
573
- .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
574
- max-height: 5em; }
575
-
576
- .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
577
- max-height: 10em; }
578
-
579
- .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
580
- max-height: 14em; }
581
-
582
- .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
583
- .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
584
- .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
585
- max-height: 25em; }
586
-
587
- .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
588
- .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
589
- display: block; }
590
-
591
- .video-js .vjs-menu-button-inline {
592
- transition: all 0.4s;
593
- overflow: hidden; }
594
-
595
- .video-js .vjs-menu-button-inline:before {
596
- width: 2.222222222em; }
597
-
598
- .video-js .vjs-menu-button-inline:hover,
599
- .video-js .vjs-menu-button-inline:focus,
600
- .video-js .vjs-menu-button-inline.vjs-slider-active,
601
- .video-js.vjs-no-flex .vjs-menu-button-inline {
602
- width: 12em; }
603
-
604
- .vjs-menu-button-inline .vjs-menu {
605
- opacity: 0;
606
- height: 100%;
607
- width: auto;
608
- position: absolute;
609
- left: 4em;
610
- top: 0;
611
- padding: 0;
612
- margin: 0;
613
- transition: all 0.4s; }
614
-
615
- .vjs-menu-button-inline:hover .vjs-menu,
616
- .vjs-menu-button-inline:focus .vjs-menu,
617
- .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
618
- display: block;
619
- opacity: 1; }
620
-
621
- .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
622
- display: block;
623
- opacity: 1;
624
- position: relative;
625
- width: auto; }
626
-
627
- .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
628
- .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
629
- .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
630
- width: auto; }
631
-
632
- .vjs-menu-button-inline .vjs-menu-content {
633
- width: auto;
634
- height: 100%;
635
- margin: 0;
636
- overflow: hidden; }
637
-
638
- .video-js .vjs-control-bar {
639
- display: none;
640
- width: 100%;
641
- position: absolute;
642
- bottom: 0;
643
- left: 0;
644
- right: 0;
645
- height: 3em;
646
- background-color: #2B333F;
647
- background-color: rgba(43, 51, 63, 0.7); }
648
-
649
- .vjs-has-started .vjs-control-bar {
650
- display: flex;
651
- visibility: visible;
652
- opacity: 1;
653
- transition: visibility 0.1s, opacity 0.1s; }
654
-
655
- .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
656
- visibility: visible;
657
- opacity: 0;
658
- transition: visibility 1s, opacity 1s; }
659
-
660
- .vjs-controls-disabled .vjs-control-bar,
661
- .vjs-using-native-controls .vjs-control-bar,
662
- .vjs-error .vjs-control-bar {
663
- display: none !important; }
664
-
665
- .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
666
- opacity: 1;
667
- visibility: visible; }
668
-
669
- .vjs-has-started.vjs-no-flex .vjs-control-bar {
670
- display: table; }
671
-
672
- .video-js .vjs-control {
673
- position: relative;
674
- text-align: center;
675
- margin: 0;
676
- padding: 0;
677
- height: 100%;
678
- width: 4em;
679
- flex: none; }
680
-
681
- .vjs-button > .vjs-icon-placeholder:before {
682
- font-size: 1.8em;
683
- line-height: 1.67; }
684
-
685
- .video-js .vjs-control:focus:before,
686
- .video-js .vjs-control:hover:before,
687
- .video-js .vjs-control:focus {
688
- text-shadow: 0em 0em 1em white; }
689
-
690
- .video-js .vjs-control-text {
691
- border: 0;
692
- clip: rect(0 0 0 0);
693
- height: 1px;
694
- overflow: hidden;
695
- padding: 0;
696
- position: absolute;
697
- width: 1px; }
698
-
699
- .vjs-no-flex .vjs-control {
700
- display: table-cell;
701
- vertical-align: middle; }
702
-
703
- .video-js .vjs-custom-control-spacer {
704
- display: none; }
705
-
706
- .video-js .vjs-progress-control {
707
- cursor: pointer;
708
- flex: auto;
709
- display: flex;
710
- align-items: center;
711
- min-width: 4em;
712
- touch-action: none; }
713
-
714
- .video-js .vjs-progress-control.disabled {
715
- cursor: default; }
716
-
717
- .vjs-live .vjs-progress-control {
718
- display: none; }
719
-
720
- .vjs-liveui .vjs-progress-control {
721
- display: flex;
722
- align-items: center; }
723
-
724
- .vjs-no-flex .vjs-progress-control {
725
- width: auto; }
726
-
727
- .video-js .vjs-progress-holder {
728
- flex: auto;
729
- transition: all 0.2s;
730
- height: 0.3em; }
731
-
732
- .video-js .vjs-progress-control .vjs-progress-holder {
733
- margin: 0 10px; }
734
-
735
- .video-js .vjs-progress-control:hover .vjs-progress-holder {
736
- font-size: 1.6666666667em; }
737
-
738
- .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
739
- font-size: 1em; }
740
-
741
- .video-js .vjs-progress-holder .vjs-play-progress,
742
- .video-js .vjs-progress-holder .vjs-load-progress,
743
- .video-js .vjs-progress-holder .vjs-load-progress div {
744
- position: absolute;
745
- display: block;
746
- height: 100%;
747
- margin: 0;
748
- padding: 0;
749
- width: 0; }
750
-
751
- .video-js .vjs-play-progress {
752
- background-color: #fff; }
753
-
754
- .video-js .vjs-play-progress:before {
755
- font-size: 0.9em;
756
- position: absolute;
757
- right: -0.5em;
758
- top: -0.3333333333em;
759
- z-index: 1; }
760
-
761
- .video-js .vjs-load-progress {
762
- background: rgba(115, 133, 159, 0.5); }
763
-
764
- .video-js .vjs-load-progress div {
765
- background: rgba(115, 133, 159, 0.75); }
766
-
767
- .video-js .vjs-time-tooltip {
768
- background-color: #fff;
769
- background-color: rgba(255, 255, 255, 0.8);
770
- border-radius: 0.3em;
771
- color: #000;
772
- float: right;
773
- font-family: Arial, Helvetica, sans-serif;
774
- font-size: 1em;
775
- padding: 6px 8px 8px 8px;
776
- pointer-events: none;
777
- position: absolute;
778
- top: -3.4em;
779
- visibility: hidden;
780
- z-index: 1; }
781
-
782
- .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
783
- display: none; }
784
-
785
- .video-js .vjs-progress-control:hover .vjs-time-tooltip,
786
- .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
787
- display: block;
788
- font-size: 0.6em;
789
- visibility: visible; }
790
-
791
- .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
792
- font-size: 1em; }
793
-
794
- .video-js .vjs-progress-control .vjs-mouse-display {
795
- display: none;
796
- position: absolute;
797
- width: 1px;
798
- height: 100%;
799
- background-color: #000;
800
- z-index: 1; }
801
-
802
- .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
803
- z-index: 0; }
804
-
805
- .video-js .vjs-progress-control:hover .vjs-mouse-display {
806
- display: block; }
807
-
808
- .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
809
- visibility: hidden;
810
- opacity: 0;
811
- transition: visibility 1s, opacity 1s; }
812
-
813
- .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
814
- display: none; }
815
-
816
- .vjs-mouse-display .vjs-time-tooltip {
817
- color: #fff;
818
- background-color: #000;
819
- background-color: rgba(0, 0, 0, 0.8); }
820
-
821
- .video-js .vjs-slider {
822
- position: relative;
823
- cursor: pointer;
824
- padding: 0;
825
- margin: 0 0.45em 0 0.45em;
826
- /* iOS Safari */
827
- -webkit-touch-callout: none;
828
- /* Safari */
829
- -webkit-user-select: none;
830
- /* Konqueror HTML */
831
- /* Firefox */
832
- -moz-user-select: none;
833
- /* Internet Explorer/Edge */
834
- -ms-user-select: none;
835
- /* Non-prefixed version, currently supported by Chrome and Opera */
836
- user-select: none;
837
- background-color: #73859f;
838
- background-color: rgba(115, 133, 159, 0.5); }
839
-
840
- .video-js .vjs-slider.disabled {
841
- cursor: default; }
842
-
843
- .video-js .vjs-slider:focus {
844
- text-shadow: 0em 0em 1em white;
845
- box-shadow: 0 0 1em #fff; }
846
-
847
- .video-js .vjs-mute-control {
848
- cursor: pointer;
849
- flex: none; }
850
-
851
- .video-js .vjs-volume-control {
852
- cursor: pointer;
853
- margin-right: 1em;
854
- display: flex; }
855
-
856
- .video-js .vjs-volume-control.vjs-volume-horizontal {
857
- width: 5em; }
858
-
859
- .video-js .vjs-volume-panel .vjs-volume-control {
860
- visibility: visible;
861
- opacity: 0;
862
- width: 1px;
863
- height: 1px;
864
- margin-left: -1px; }
865
-
866
- .video-js .vjs-volume-panel {
867
- transition: width 1s; }
868
-
869
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
870
- visibility: visible;
871
- opacity: 1;
872
- position: relative;
873
- transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
874
-
875
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
876
- width: 5em;
877
- height: 3em;
878
- margin-right: 0; }
879
-
880
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
881
- left: -3.5em;
882
- transition: left 0s; }
883
-
884
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
885
- width: 10em;
886
- transition: width 0.1s; }
887
-
888
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
889
- width: 4em; }
890
-
891
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
892
- height: 8em;
893
- width: 3em;
894
- left: -3000em;
895
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
896
-
897
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
898
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
899
-
900
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
901
- width: 5em;
902
- height: 3em;
903
- visibility: visible;
904
- opacity: 1;
905
- position: relative;
906
- transition: none; }
907
-
908
- .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
909
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
910
- position: absolute;
911
- bottom: 3em;
912
- left: 0.5em; }
913
-
914
- .video-js .vjs-volume-panel {
915
- display: flex; }
916
-
917
- .video-js .vjs-volume-bar {
918
- margin: 1.35em 0.45em; }
919
-
920
- .vjs-volume-bar.vjs-slider-horizontal {
921
- width: 5em;
922
- height: 0.3em; }
923
-
924
- .vjs-volume-bar.vjs-slider-vertical {
925
- width: 0.3em;
926
- height: 5em;
927
- margin: 1.35em auto; }
928
-
929
- .video-js .vjs-volume-level {
930
- position: absolute;
931
- bottom: 0;
932
- left: 0;
933
- background-color: #fff; }
934
-
935
- .video-js .vjs-volume-level:before {
936
- position: absolute;
937
- font-size: 0.9em; }
938
-
939
- .vjs-slider-vertical .vjs-volume-level {
940
- width: 0.3em; }
941
-
942
- .vjs-slider-vertical .vjs-volume-level:before {
943
- top: -0.5em;
944
- left: -0.3em; }
945
-
946
- .vjs-slider-horizontal .vjs-volume-level {
947
- height: 0.3em; }
948
-
949
- .vjs-slider-horizontal .vjs-volume-level:before {
950
- top: -0.3em;
951
- right: -0.5em; }
952
-
953
- .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
954
- width: 4em; }
955
-
956
- .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
957
- height: 100%; }
958
-
959
- .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
960
- width: 100%; }
961
-
962
- .video-js .vjs-volume-vertical {
963
- width: 3em;
964
- height: 8em;
965
- bottom: 8em;
966
- background-color: #2B333F;
967
- background-color: rgba(43, 51, 63, 0.7); }
968
-
969
- .video-js .vjs-volume-horizontal .vjs-menu {
970
- left: -2em; }
971
-
972
- .vjs-poster {
973
- display: inline-block;
974
- vertical-align: middle;
975
- background-repeat: no-repeat;
976
- background-position: 50% 50%;
977
- background-size: contain;
978
- background-color: #000000;
979
- cursor: pointer;
980
- margin: 0;
981
- padding: 0;
982
- position: absolute;
983
- top: 0;
984
- right: 0;
985
- bottom: 0;
986
- left: 0;
987
- height: 100%; }
988
-
989
- .vjs-has-started .vjs-poster {
990
- display: none; }
991
-
992
- .vjs-audio.vjs-has-started .vjs-poster {
993
- display: block; }
994
-
995
- .vjs-using-native-controls .vjs-poster {
996
- display: none; }
997
-
998
- .video-js .vjs-live-control {
999
- display: flex;
1000
- align-items: flex-start;
1001
- flex: auto;
1002
- font-size: 1em;
1003
- line-height: 3em; }
1004
-
1005
- .vjs-no-flex .vjs-live-control {
1006
- display: table-cell;
1007
- width: auto;
1008
- text-align: left; }
1009
-
1010
- .video-js:not(.vjs-live) .vjs-live-control,
1011
- .video-js.vjs-liveui .vjs-live-control {
1012
- display: none; }
1013
-
1014
- .video-js .vjs-seek-to-live-control {
1015
- cursor: pointer;
1016
- flex: none;
1017
- display: inline-flex;
1018
- height: 100%;
1019
- padding-left: 0.5em;
1020
- padding-right: 0.5em;
1021
- font-size: 1em;
1022
- line-height: 3em;
1023
- width: auto;
1024
- min-width: 4em; }
1025
-
1026
- .vjs-no-flex .vjs-seek-to-live-control {
1027
- display: table-cell;
1028
- width: auto;
1029
- text-align: left; }
1030
-
1031
- .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1032
- .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1033
- display: none; }
1034
-
1035
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1036
- cursor: auto; }
1037
-
1038
- .vjs-seek-to-live-control .vjs-icon-placeholder {
1039
- margin-right: 0.5em;
1040
- color: #888; }
1041
-
1042
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1043
- color: red; }
1044
-
1045
- .video-js .vjs-time-control {
1046
- flex: none;
1047
- font-size: 1em;
1048
- line-height: 3em;
1049
- min-width: 2em;
1050
- width: auto;
1051
- padding-left: 1em;
1052
- padding-right: 1em; }
1053
-
1054
- .vjs-live .vjs-time-control {
1055
- display: none; }
1056
-
1057
- .video-js .vjs-current-time,
1058
- .vjs-no-flex .vjs-current-time {
1059
- display: none; }
1060
-
1061
- .video-js .vjs-duration,
1062
- .vjs-no-flex .vjs-duration {
1063
- display: none; }
1064
-
1065
- .vjs-time-divider {
1066
- display: none;
1067
- line-height: 3em; }
1068
-
1069
- .vjs-live .vjs-time-divider {
1070
- display: none; }
1071
-
1072
- .video-js .vjs-play-control {
1073
- cursor: pointer; }
1074
-
1075
- .video-js .vjs-play-control .vjs-icon-placeholder {
1076
- flex: none; }
1077
-
1078
- .vjs-text-track-display {
1079
- position: absolute;
1080
- bottom: 3em;
1081
- left: 0;
1082
- right: 0;
1083
- top: 0;
1084
- pointer-events: none; }
1085
-
1086
- .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1087
- bottom: 1em; }
1088
-
1089
- .video-js .vjs-text-track {
1090
- font-size: 1.4em;
1091
- text-align: center;
1092
- margin-bottom: 0.1em; }
1093
-
1094
- .vjs-subtitles {
1095
- color: #fff; }
1096
-
1097
- .vjs-captions {
1098
- color: #fc6; }
1099
-
1100
- .vjs-tt-cue {
1101
- display: block; }
1102
-
1103
- video::-webkit-media-text-track-display {
1104
- transform: translateY(-3em); }
1105
-
1106
- .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1107
- transform: translateY(-1.5em); }
1108
-
1109
- .video-js .vjs-picture-in-picture-control {
1110
- cursor: pointer;
1111
- flex: none; }
1112
-
1113
- .video-js .vjs-fullscreen-control {
1114
- cursor: pointer;
1115
- flex: none; }
1116
-
1117
- .vjs-playback-rate > .vjs-menu-button,
1118
- .vjs-playback-rate .vjs-playback-rate-value {
1119
- position: absolute;
1120
- top: 0;
1121
- left: 0;
1122
- width: 100%;
1123
- height: 100%; }
1124
-
1125
- .vjs-playback-rate .vjs-playback-rate-value {
1126
- pointer-events: none;
1127
- font-size: 1.5em;
1128
- line-height: 2;
1129
- text-align: center; }
1130
-
1131
- .vjs-playback-rate .vjs-menu {
1132
- width: 4em;
1133
- left: 0em; }
1134
-
1135
- .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1136
- font-size: 1.4em;
1137
- text-align: center; }
1138
-
1139
- .vjs-error .vjs-error-display:before {
1140
- color: #fff;
1141
- content: "X";
1142
- font-family: Arial, Helvetica, sans-serif;
1143
- font-size: 4em;
1144
- left: 0;
1145
- line-height: 1;
1146
- margin-top: -0.5em;
1147
- position: absolute;
1148
- text-shadow: 0.05em 0.05em 0.1em #000;
1149
- text-align: center;
1150
- top: 50%;
1151
- vertical-align: middle;
1152
- width: 100%; }
1153
-
1154
- .vjs-loading-spinner {
1155
- display: none;
1156
- position: absolute;
1157
- top: 50%;
1158
- left: 50%;
1159
- margin: -25px 0 0 -25px;
1160
- opacity: 0.85;
1161
- text-align: left;
1162
- border: 6px solid rgba(43, 51, 63, 0.7);
1163
- box-sizing: border-box;
1164
- background-clip: padding-box;
1165
- width: 50px;
1166
- height: 50px;
1167
- border-radius: 25px;
1168
- visibility: hidden; }
1169
-
1170
- .vjs-seeking .vjs-loading-spinner,
1171
- .vjs-waiting .vjs-loading-spinner {
1172
- display: block;
1173
- -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
1174
- animation: vjs-spinner-show 0s linear 0.3s forwards; }
1175
-
1176
- .vjs-loading-spinner:before,
1177
- .vjs-loading-spinner:after {
1178
- content: "";
1179
- position: absolute;
1180
- margin: -6px;
1181
- box-sizing: inherit;
1182
- width: inherit;
1183
- height: inherit;
1184
- border-radius: inherit;
1185
- opacity: 1;
1186
- border: inherit;
1187
- border-color: transparent;
1188
- border-top-color: white; }
1189
-
1190
- .vjs-seeking .vjs-loading-spinner:before,
1191
- .vjs-seeking .vjs-loading-spinner:after,
1192
- .vjs-waiting .vjs-loading-spinner:before,
1193
- .vjs-waiting .vjs-loading-spinner:after {
1194
- -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1195
- animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
1196
-
1197
- .vjs-seeking .vjs-loading-spinner:before,
1198
- .vjs-waiting .vjs-loading-spinner:before {
1199
- border-top-color: white; }
1200
-
1201
- .vjs-seeking .vjs-loading-spinner:after,
1202
- .vjs-waiting .vjs-loading-spinner:after {
1203
- border-top-color: white;
1204
- -webkit-animation-delay: 0.44s;
1205
- animation-delay: 0.44s; }
1206
-
1207
- @keyframes vjs-spinner-show {
1208
- to {
1209
- visibility: visible; } }
1210
-
1211
- @-webkit-keyframes vjs-spinner-show {
1212
- to {
1213
- visibility: visible; } }
1214
-
1215
- @keyframes vjs-spinner-spin {
1216
- 100% {
1217
- transform: rotate(360deg); } }
1218
-
1219
- @-webkit-keyframes vjs-spinner-spin {
1220
- 100% {
1221
- -webkit-transform: rotate(360deg); } }
1222
-
1223
- @keyframes vjs-spinner-fade {
1224
- 0% {
1225
- border-top-color: #73859f; }
1226
- 20% {
1227
- border-top-color: #73859f; }
1228
- 35% {
1229
- border-top-color: white; }
1230
- 60% {
1231
- border-top-color: #73859f; }
1232
- 100% {
1233
- border-top-color: #73859f; } }
1234
-
1235
- @-webkit-keyframes vjs-spinner-fade {
1236
- 0% {
1237
- border-top-color: #73859f; }
1238
- 20% {
1239
- border-top-color: #73859f; }
1240
- 35% {
1241
- border-top-color: white; }
1242
- 60% {
1243
- border-top-color: #73859f; }
1244
- 100% {
1245
- border-top-color: #73859f; } }
1246
-
1247
- .vjs-chapters-button .vjs-menu ul {
1248
- width: 24em; }
1249
-
1250
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1251
- vertical-align: middle;
1252
- display: inline-block;
1253
- margin-bottom: -0.1em; }
1254
-
1255
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1256
- font-family: VideoJS;
1257
- content: "";
1258
- font-size: 1.5em;
1259
- line-height: inherit; }
1260
-
1261
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1262
- vertical-align: middle;
1263
- display: inline-block;
1264
- margin-bottom: -0.1em; }
1265
-
1266
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1267
- font-family: VideoJS;
1268
- content: " ";
1269
- font-size: 1.5em;
1270
- line-height: inherit; }
1271
-
1272
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
1273
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
1274
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
1275
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
1276
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
1277
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
1278
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
1279
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
1280
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
1281
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
1282
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
1283
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
1284
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
1285
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
1286
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
1287
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
1288
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
1289
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
1290
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
1291
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
1292
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
1293
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
1294
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
1295
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
1296
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
1297
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
1298
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
1299
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
1300
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
1301
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
1302
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
1303
- display: none; }
1304
-
1305
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1306
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1307
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1308
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1309
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1310
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1311
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1312
- width: auto;
1313
- width: initial; }
1314
-
1315
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
1316
- display: none; }
1317
-
1318
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
1319
- flex: auto;
1320
- display: block; }
1321
-
1322
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
1323
- width: auto; }
1324
-
1325
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
1326
- display: none; }
1327
-
1328
- .vjs-modal-dialog.vjs-text-track-settings {
1329
- background-color: #2B333F;
1330
- background-color: rgba(43, 51, 63, 0.75);
1331
- color: #fff;
1332
- height: 70%; }
1333
-
1334
- .vjs-text-track-settings .vjs-modal-dialog-content {
1335
- display: table; }
1336
-
1337
- .vjs-text-track-settings .vjs-track-settings-colors,
1338
- .vjs-text-track-settings .vjs-track-settings-font,
1339
- .vjs-text-track-settings .vjs-track-settings-controls {
1340
- display: table-cell; }
1341
-
1342
- .vjs-text-track-settings .vjs-track-settings-controls {
1343
- text-align: right;
1344
- vertical-align: bottom; }
1345
-
1346
- @supports (display: grid) {
1347
- .vjs-text-track-settings .vjs-modal-dialog-content {
1348
- display: grid;
1349
- grid-template-columns: 1fr 1fr;
1350
- grid-template-rows: 1fr;
1351
- padding: 20px 24px 0px 24px; }
1352
- .vjs-track-settings-controls .vjs-default-button {
1353
- margin-bottom: 20px; }
1354
- .vjs-text-track-settings .vjs-track-settings-controls {
1355
- grid-column: 1/-1; }
1356
- .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1357
- .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1358
- .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1359
- grid-template-columns: 1fr; } }
1360
-
1361
- .vjs-track-setting > select {
1362
- margin-right: 1em;
1363
- margin-bottom: 0.5em; }
1364
-
1365
- .vjs-text-track-settings fieldset {
1366
- margin: 5px;
1367
- padding: 3px;
1368
- border: none; }
1369
-
1370
- .vjs-text-track-settings fieldset span {
1371
- display: inline-block; }
1372
-
1373
- .vjs-text-track-settings fieldset span > select {
1374
- max-width: 7.3em; }
1375
-
1376
- .vjs-text-track-settings legend {
1377
- color: #fff;
1378
- margin: 0 0 5px 0; }
1379
-
1380
- .vjs-text-track-settings .vjs-label {
1381
- position: absolute;
1382
- clip: rect(1px 1px 1px 1px);
1383
- clip: rect(1px, 1px, 1px, 1px);
1384
- display: block;
1385
- margin: 0 0 5px 0;
1386
- padding: 0;
1387
- border: 0;
1388
- height: 1px;
1389
- width: 1px;
1390
- overflow: hidden; }
1391
-
1392
- .vjs-track-settings-controls button:focus,
1393
- .vjs-track-settings-controls button:active {
1394
- outline-style: solid;
1395
- outline-width: medium;
1396
- background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
1397
-
1398
- .vjs-track-settings-controls button:hover {
1399
- color: rgba(43, 51, 63, 0.75); }
1400
-
1401
- .vjs-track-settings-controls button {
1402
- background-color: #fff;
1403
- background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1404
- color: #2B333F;
1405
- cursor: pointer;
1406
- border-radius: 2px; }
1407
-
1408
- .vjs-track-settings-controls .vjs-default-button {
1409
- margin-right: 1em; }
1410
-
1411
- @media print {
1412
- .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1413
- visibility: hidden; } }
1414
-
1415
- .vjs-resize-manager {
1416
- position: absolute;
1417
- top: 0;
1418
- left: 0;
1419
- width: 100%;
1420
- height: 100%;
1421
- border: none;
1422
- z-index: -1000; }
1423
-
1424
- .js-focus-visible .video-js *:focus:not(.focus-visible) {
1425
- outline: none;
1426
- background: none; }
1427
-
1428
- .video-js *:focus:not(:focus-visible),
1429
- .video-js .vjs-menu *:focus:not(:focus-visible) {
1430
- outline: none;
1431
- background: none; }
1432
-
1433
- button, input, select, textarea, video {
1434
- outline: none; }
1435
-
1436
- .video-js .vjs-menu-item, button:focus {
1437
- outline: initial; }
1438
-
1439
- .video-js {
1440
- max-width: 100%;
1441
- overflow: hidden; }
1442
-
1443
- .video-js.init {
1444
- height: 0 !important;
1445
- display: none; }
1446
-
1447
- .video-js video {
1448
- transform: translateZ(0);
1449
- -webkit-transform: translateZ(0);
1450
- display: block; }
1451
-
1452
- .video-js .vjs-poster {
1453
- background-size: cover; }
1454
-
1455
- .video-js .vjs-control-bar {
1456
- height: 50px;
1457
- padding-top: 6px;
1458
- display: flex;
1459
- background: -moz-linear-gradient(top, transparent 0, transparent 15%, rgba(0, 0, 0, 0.3) 100%);
1460
- background: -webkit-linear-gradient(top, transparent, transparent 15%, rgba(0, 0, 0, 0.3));
1461
- background: linear-gradient(180deg, transparent 0, transparent 15%, rgba(0, 0, 0, 0.3));
1462
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);
1463
- transform: translateZ(0);
1464
- -webkit-transform: translateZ(0);
1465
- z-index: 2; }
1466
-
1467
- .video-js .vjs-control-bar .vdt-seekbar-wrapper {
1468
- top: 0;
1469
- left: 0;
1470
- height: 10px;
1471
- width: 100%;
1472
- position: absolute;
1473
- margin: 0 auto; }
1474
-
1475
- .video-js .vjs-big-play-button {
1476
- font-size: 90px;
1477
- border: 0;
1478
- background-color: transparent;
1479
- text-shadow: 1px 2px 40px rgba(0, 0, 0, 0.4);
1480
- z-index: 2; }
1481
-
1482
- .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
1483
- padding-top: 5px; }
1484
-
1485
- .video-js:hover .vjs-big-play-button, .video-js:hover .vjs-big-play-button:focus {
1486
- background-color: transparent; }
1487
-
1488
- .video-js .vjs-progress-control {
1489
- top: 0;
1490
- left: 0;
1491
- position: absolute;
1492
- display: block;
1493
- width: 100%;
1494
- height: 10px; }
1495
-
1496
- .video-js .vjs-progress-control .vjs-load-progress {
1497
- background: rgba(255, 255, 255, 0.2); }
1498
-
1499
- .video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip {
1500
- display: none; }
1501
-
1502
- .video-js .vjs-time-control.duration, .video-js .vjs-time-control.vjs-duration {
1503
- margin-right: auto; }
1504
-
1505
- .video-js .vdt-screenshot-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder {
1506
- opacity: .6; }
1507
-
1508
- .video-js.has-vdt-menu .vjs-subs-caps-button {
1509
- display: none; }
1510
-
1511
- .video-js.subtitles-active .vjs-subs-caps-button .vjs-icon-placeholder {
1512
- opacity: 1; }
1513
-
1514
- .video-js .vjs-control {
1515
- font-size: 14px; }
1516
-
1517
- .video-js .vjs-play-progress.vjs-slider-bar {
1518
- background-color: red; }
1519
-
1520
- .video-js .vjs-current-time, .video-js .vjs-no-flex .vjs-current-time, .video-js .vjs-time-control {
1521
- display: block; }
1522
-
1523
- .video-js .vjs-time-control {
1524
- font-size: 14px;
1525
- padding: 0;
1526
- min-width: 14px;
1527
- text-align: center; }
1528
-
1529
- .video-js .vjs-volume-panel, .video-js .vjs-volume-panel .vjs-mute-control {
1530
- width: 3em; }
1531
-
1532
- .video-js .vjs-menu-button-popup .vjs-menu {
1533
- bottom: 20px; }
1534
-
1535
- .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
1536
- background-color: rgba(28, 28, 28, 0.9);
1537
- border-radius: 7px; }
1538
-
1539
- .video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected) {
1540
- background-color: transparent; }
1541
-
1542
- .video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected) {
1543
- background-color: rgba(255, 255, 255, 0.2); }
1544
-
1545
- .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item-text {
1546
- color: #fff; }
1547
-
1548
- .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text {
1549
- color: #333; }
1550
-
1551
- .video-js .vdt-player-osd {
1552
- pointer-events: none;
1553
- position: absolute;
1554
- top: 0;
1555
- left: 0;
1556
- height: 100%;
1557
- width: 100%;
1558
- opacity: 0;
1559
- z-index: 4;
1560
- -webkit-transform: translateZ(0) scale3d(0.5, 0.5, 0.5);
1561
- -webkit-backface-visibility: hidden;
1562
- backface-visibility: hidden;
1563
- transform: translateZ(0) scale3d(0.5, 0.5, 0.5);
1564
- transition: all .2s ease-out; }
1565
-
1566
- .video-js .vdt-player-osd.active {
1567
- opacity: 1;
1568
- -webkit-transform: scaleX(1);
1569
- transform: scaleX(1); }
1570
-
1571
- .video-js .vdt-player-osd table {
1572
- width: 100%;
1573
- height: 100%; }
1574
-
1575
- .video-js .vdt-player-osd table td {
1576
- vertical-align: middle;
1577
- text-align: center; }
1578
-
1579
- .video-js .vdt-player-osd table td .osd-feedback-icon:before {
1580
- font-family: VideoJS;
1581
- content: "\f101";
1582
- font-size: 50px;
1583
- padding: 15px;
1584
- display: inline-block;
1585
- height: 80px;
1586
- width: 80px;
1587
- text-align: center;
1588
- background: rgba(0, 0, 0, 0.2);
1589
- border-radius: 100%; }
1590
-
1591
- .video-js .vdt-player-osd table td .pause:before {
1592
- content: "\f103"; }
1593
-
1594
- .video-js .vdt-player-osd table td .volchange.high:before {
1595
- content: "\f107"; }
1596
-
1597
- .video-js .vdt-player-osd table td .volchange.mid:before {
1598
- content: "\f106"; }
1599
-
1600
- .video-js .vdt-player-osd table td .volchange.low:before {
1601
- content: "\f105"; }
1602
-
1603
- .video-js .vdt-player-osd table td .mute:before, .video-js .vdt-player-osd table td .volchange.null:before {
1604
- content: "\f104"; }
1605
-
1606
- .video-js .vdt-player-osd table td .unmute:before {
1607
- content: "\f107"; }
1608
-
1609
- .video-js .vdt-player-osd table td .backward-jump:before, .video-js .vdt-player-osd table td .forward-jump:before {
1610
- content: "\f101\f101";
1611
- letter-spacing: -38px;
1612
- padding-left: 0;
1613
- padding-right: 34px; }
1614
-
1615
- .video-js .vdt-player-osd table td .backward-jump:before {
1616
- -webkit-transform: scaleX(-1);
1617
- transform: scaleX(-1); }
1618
-
1619
- @keyframes vjs-spinner-fade {
1620
- 0% {
1621
- border-top-color: rgba(255, 255, 255, 0.6); }
1622
- 35% {
1623
- border-top-color: #fff; }
1624
- to {
1625
- border-top-color: rgba(255, 255, 255, 0.6); } }
1626
-
1627
- .video-js .vjs-loading-spinner {
1628
- margin: -40px 0 0 -40px;
1629
- opacity: .85;
1630
- border: 5px solid rgba(255, 255, 255, 0.7);
1631
- width: 80px;
1632
- height: 80px;
1633
- border-radius: 100px;
1634
- z-index: 5; }
1635
-
1636
- .video-js .vjs-loading-spinner:after, .video-js .vjs-loading-spinner:before {
1637
- margin: -5px; }
1638
-
1639
- .video-js .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1640
- bottom: 0;
1641
- transition: transform .3s ease-out;
1642
- -webkit-transform: translateZ(0);
1643
- -webkit-backface-visibility: hidden;
1644
- backface-visibility: hidden; }
1645
-
1646
- .video-js .vjs-text-track-display > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display > div {
1647
- display: table;
1648
- width: 100%;
1649
- height: 100%;
1650
- margin: 0 !important; }
1651
-
1652
- .video-js .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue {
1653
- width: 100% !important;
1654
- bottom: 0 !important;
1655
- top: auto !important;
1656
- left: auto !important;
1657
- right: auto !important;
1658
- font-size: 18px !important;
1659
- height: auto !important;
1660
- padding-bottom: 1.5%;
1661
- display: table-cell; }
1662
-
1663
- .video-js .vjs-text-track-display .vjs-text-track-cue > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue > div {
1664
- padding: 2px 4px;
1665
- line-height: 1.25;
1666
- border-radius: 2px; }
1667
-
1668
- .video-js.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue {
1669
- -webkit-backface-visibility: hidden;
1670
- backface-visibility: hidden;
1671
- font-size: 24px !important; }
1672
-
1673
- .video-js.vjs-controls-enabled.vjs-user-active .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar, .video-jsdiv .vjs-control-bar {
1674
- opacity: 1; }
1675
-
1676
- .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar, .video-js:not(.controls-below-player) .vjs-control-bar {
1677
- -webkit-backface-visibility: hidden;
1678
- backface-visibility: hidden;
1679
- transform: translate3d(0, 50px, 0);
1680
- transition: transform .3s ease-in-out; }
1681
-
1682
- .video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player) .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player) .vjs-control-bar {
1683
- transform: translateZ(0);
1684
- -webkit-transform: translateZ(0); }
1685
-
1686
- .video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display {
1687
- transform: translate3d(0, -50px, 0); }
1688
-
1689
- .video-js .vdt-timecode {
1690
- display: inline;
1691
- font-family: "monospace",sans-serif;
1692
- margin-left: 20px; }
1693
-
1694
- .video-js .vdt-timecode input, .video-js .vdt-timecode span {
1695
- font-size: 16px; }
1696
-
1697
- .video-js .vdt-timecode span {
1698
- text-align: center;
1699
- display: inline-block; }
1700
-
1701
- .video-js .vdt-timecode input {
1702
- display: inline-block;
1703
- width: auto;
1704
- border: 0;
1705
- background: transparent;
1706
- color: inherit;
1707
- width: 21px; }
1708
-
1709
- @media (max-width: 640px) {
1710
- .video-js .vdt-timecode {
1711
- flex-grow: 3; } }
1712
-
1713
- .video-js .vdt-timecode.duration {
1714
- margin-left: 0;
1715
- margin-right: auto; }
1716
-
1717
- .video-js .vdt-timecode.duration span {
1718
- cursor: default; }
1719
-
1720
- .video-js .vdt-timecode.duration:before {
1721
- content: "/";
1722
- display: inline-block;
1723
- margin: 0 5px;
1724
- font-size: 16px; }
1725
-
1726
- @media (max-width: 640px) {
1727
- .video-js .vdt-timecode.duration {
1728
- display: none; } }
1729
-
1730
- .video-js .vdt-cinema-button, .video-js .vdt-screenshot-button, .video-js .vdt-settings-menu-button {
1731
- cursor: pointer; }
1732
-
1733
- .video-js .vdt-cinema-button:after, .video-js .vdt-screenshot-button:after, .video-js .vdt-settings-menu-button:after {
1734
- content: "\f10b";
1735
- font-family: VideoJS;
1736
- font-size: 22px; }
1737
-
1738
- .video-js .vdt-cinema-button:active, .video-js .vdt-cinema-button:focus, .video-js .vdt-screenshot-button:active, .video-js .vdt-screenshot-button:focus, .video-js .vdt-settings-menu-button:active, .video-js .vdt-settings-menu-button:focus {
1739
- opacity: .6; }
1740
-
1741
- .video-js .vdt-cinema-button:after {
1742
- content: "\f10a"; }
1743
-
1744
- .video-js .vdt-settings-menu-button:after {
1745
- content: "\f110"; }
1746
-
1747
- .video-js .vdt-help-overlay, .video-js .vdt-waveform-visual {
1748
- position: absolute;
1749
- top: 0;
1750
- left: 0;
1751
- background: #888;
1752
- height: 100%;
1753
- width: 100%;
1754
- display: none;
1755
- background: #88bfe8;
1756
- background: -moz-linear-gradient(top, #88bfe8 0, #71a1c4 100%);
1757
- background: -webkit-linear-gradient(top, #88bfe8, #71a1c4);
1758
- background: linear-gradient(180deg, #88bfe8 0, #71a1c4);
1759
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88bfe8",endColorstr="#71a1c4",GradientType=0); }
1760
-
1761
- .video-js .vdt-help-overlay canvas, .video-js .vdt-waveform-visual canvas {
1762
- height: 100%;
1763
- width: 100%; }
1764
-
1765
- .video-js.vjs-has-started .vdt-waveform-visual {
1766
- display: block; }
1767
-
1768
- .video-js .vdt-help-overlay {
1769
- font-size: 15px;
1770
- background: transparent;
1771
- z-index: 2;
1772
- transition: opacity 1s ease-in-out;
1773
- opacity: 0;
1774
- padding-bottom: 12px; }
1775
-
1776
- .video-js .vdt-help-overlay > table {
1777
- height: 100%;
1778
- margin: 0 auto; }
1779
-
1780
- .video-js .vdt-help-overlay > table td.vdt-help-contents table {
1781
- border-radius: 7px;
1782
- max-height: 400px;
1783
- -webkit-backdrop-filter: blur(10px);
1784
- background: rgba(0, 0, 0, 0.6); }
1785
-
1786
- .video-js .vdt-help-overlay > table td.vdt-help-contents table td {
1787
- padding: 6px; }
1788
-
1789
- .video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2), .video-js .vdt-help-overlay > table td.vdt-help-contents table td td:nth-child(4) {
1790
- padding: 4px 9px; }
1791
-
1792
- .video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2) {
1793
- padding-right: 32px; }
1794
-
1795
- .video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child div, .video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(3) div {
1796
- text-align: center;
1797
- padding: 3px;
1798
- border: 1px solid #fff;
1799
- border-radius: 2px;
1800
- background: rgba(255, 255, 255, 0.1);
1801
- font-size: 13px;
1802
- min-width: 21px; }
1803
-
1804
- .video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child {
1805
- padding-left: 16px; }
1806
-
1807
- .video-js .vdt-help-overlay > table td.vdt-help-contents table td:last-child {
1808
- padding-right: 16px; }
1809
-
1810
- .video-js .vdt-help-overlay > table td.vdt-help-contents table tr:first-child td {
1811
- padding-top: 16px; }
1812
-
1813
- .video-js .vdt-help-overlay > table td.vdt-help-contents table tr:last-child td {
1814
- padding-bottom: 16px; }
1815
-
1816
- .video-js .vdt-help-overlay > table td {
1817
- vertical-align: middle; }
1818
-
1819
- .video-js .vdt-help-overlay.active {
1820
- display: block;
1821
- opacity: 1; }
1822
-
1823
- .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen .vjs-text-track-display, .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1824
- bottom: 60px; }
1825
-
1826
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) {
1827
- overflow: visible;
1828
- width: auto;
1829
- height: auto;
1830
- background-color: transparent;
1831
- margin-bottom: 70px; }
1832
-
1833
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) video {
1834
- position: relative; }
1835
-
1836
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar {
1837
- transform: translate3d(0, 60px, 0);
1838
- transition: all .3s ease-in-out;
1839
- background: transparent; }
1840
-
1841
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text) {
1842
- color: #333; }
1843
-
1844
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vjs-button:not(.vjs-menu-item-text) {
1845
- color: #efefef; }
1846
-
1847
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-progress-holder {
1848
- margin: 0 auto; }
1849
-
1850
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-menu {
1851
- bottom: 35px; }
1852
-
1853
- .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-poster {
1854
- height: auto; }
1855
-
1856
- .video-js .vjs-picture-in-picture-control, .video-js .vjs-play-progress .vjs-time-tooltip, .video-js .vjs-play-progress:before, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltips, .video-js .vjs-remaining-time {
1857
- display: none; }