@flashphoner/websdk 2.0.228 → 2.0.229

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.
Files changed (29) hide show
  1. package/docTemplate/README.md +1 -1
  2. package/examples/demo/dependencies/js/utils.js +39 -0
  3. package/examples/demo/streaming/hls-js-player/hls-js-player.html +1 -0
  4. package/examples/demo/streaming/hls-js-player/hls-js-player.js +7 -4
  5. package/examples/demo/streaming/hls-js-player/hls.js +25012 -25818
  6. package/examples/demo/streaming/hls-js-player/hls.min.js +2 -2
  7. package/examples/demo/streaming/hls-native/hls-native.html +1 -0
  8. package/examples/demo/streaming/hls-native/hls-native.js +5 -1
  9. package/examples/demo/streaming/hls-player/hls-player.html +1 -0
  10. package/examples/demo/streaming/hls-player/hls-player.js +38 -4
  11. package/examples/demo/streaming/hls-player/player-page.html +2 -0
  12. package/examples/demo/streaming/hls-player/video-js.css +320 -243
  13. package/examples/demo/streaming/hls-player/video.js +18841 -23735
  14. package/examples/demo/streaming/hls-player/video.min.js +30 -17
  15. package/flashphoner-no-flash.js +2 -2
  16. package/flashphoner-no-flash.min.js +2 -2
  17. package/flashphoner-no-webrtc.js +2 -2
  18. package/flashphoner-no-webrtc.min.js +2 -2
  19. package/flashphoner-no-wsplayer.js +2 -2
  20. package/flashphoner-no-wsplayer.min.js +2 -2
  21. package/flashphoner-room-api.js +3 -3
  22. package/flashphoner-room-api.min.js +3 -3
  23. package/flashphoner-temasys-flash-websocket-without-adapterjs.js +2 -2
  24. package/flashphoner-temasys-flash-websocket.js +2 -2
  25. package/flashphoner-temasys-flash-websocket.min.js +1 -1
  26. package/flashphoner.js +2 -2
  27. package/flashphoner.min.js +2 -2
  28. package/package.json +1 -1
  29. package/src/media-source-media-provider.js +3 -3
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .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
2
  position: absolute;
4
3
  top: 0;
@@ -13,7 +12,7 @@
13
12
 
14
13
  @font-face {
15
14
  font-family: VideoJS;
16
- src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
15
+ src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
17
16
  font-weight: normal;
18
17
  font-style: normal;
19
18
  }
@@ -98,22 +97,13 @@
98
97
  content: "\f109";
99
98
  }
100
99
 
101
- .vjs-icon-square {
102
- font-family: VideoJS;
103
- font-weight: normal;
104
- font-style: normal;
105
- }
106
- .vjs-icon-square:before {
107
- content: "\f10a";
108
- }
109
-
110
100
  .vjs-icon-spinner {
111
101
  font-family: VideoJS;
112
102
  font-weight: normal;
113
103
  font-style: normal;
114
104
  }
115
105
  .vjs-icon-spinner:before {
116
- content: "\f10b";
106
+ content: "\f10a";
117
107
  }
118
108
 
119
109
  .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
@@ -130,7 +120,7 @@
130
120
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
131
121
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
132
122
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
133
- content: "\f10c";
123
+ content: "\f10b";
134
124
  }
135
125
 
136
126
  .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
@@ -141,6 +131,15 @@
141
131
  }
142
132
  .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
143
133
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
134
+ content: "\f10c";
135
+ }
136
+
137
+ .vjs-icon-hd {
138
+ font-family: VideoJS;
139
+ font-weight: normal;
140
+ font-style: normal;
141
+ }
142
+ .vjs-icon-hd:before {
144
143
  content: "\f10d";
145
144
  }
146
145
 
@@ -153,148 +152,184 @@
153
152
  content: "\f10e";
154
153
  }
155
154
 
156
- .vjs-icon-share {
155
+ .vjs-icon-downloading {
157
156
  font-family: VideoJS;
158
157
  font-weight: normal;
159
158
  font-style: normal;
160
159
  }
161
- .vjs-icon-share:before {
160
+ .vjs-icon-downloading:before {
162
161
  content: "\f10f";
163
162
  }
164
163
 
165
- .vjs-icon-cog {
164
+ .vjs-icon-file-download {
166
165
  font-family: VideoJS;
167
166
  font-weight: normal;
168
167
  font-style: normal;
169
168
  }
170
- .vjs-icon-cog:before {
169
+ .vjs-icon-file-download:before {
171
170
  content: "\f110";
172
171
  }
173
172
 
174
- .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
173
+ .vjs-icon-file-download-done {
175
174
  font-family: VideoJS;
176
175
  font-weight: normal;
177
176
  font-style: normal;
178
177
  }
179
- .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 {
178
+ .vjs-icon-file-download-done:before {
180
179
  content: "\f111";
181
180
  }
182
181
 
183
- .vjs-icon-circle-outline {
182
+ .vjs-icon-file-download-off {
184
183
  font-family: VideoJS;
185
184
  font-weight: normal;
186
185
  font-style: normal;
187
186
  }
188
- .vjs-icon-circle-outline:before {
187
+ .vjs-icon-file-download-off:before {
189
188
  content: "\f112";
190
189
  }
191
190
 
192
- .vjs-icon-circle-inner-circle {
191
+ .vjs-icon-share {
193
192
  font-family: VideoJS;
194
193
  font-weight: normal;
195
194
  font-style: normal;
196
195
  }
197
- .vjs-icon-circle-inner-circle:before {
196
+ .vjs-icon-share:before {
198
197
  content: "\f113";
199
198
  }
200
199
 
201
- .vjs-icon-hd {
200
+ .vjs-icon-cog {
202
201
  font-family: VideoJS;
203
202
  font-weight: normal;
204
203
  font-style: normal;
205
204
  }
206
- .vjs-icon-hd:before {
205
+ .vjs-icon-cog:before {
207
206
  content: "\f114";
208
207
  }
209
208
 
210
- .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
209
+ .vjs-icon-square {
211
210
  font-family: VideoJS;
212
211
  font-weight: normal;
213
212
  font-style: normal;
214
213
  }
215
- .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
214
+ .vjs-icon-square:before {
216
215
  content: "\f115";
217
216
  }
218
217
 
219
- .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
218
+ .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
220
219
  font-family: VideoJS;
221
220
  font-weight: normal;
222
221
  font-style: normal;
223
222
  }
224
- .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
223
+ .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 {
225
224
  content: "\f116";
226
225
  }
227
226
 
228
- .vjs-icon-facebook {
227
+ .vjs-icon-circle-outline {
229
228
  font-family: VideoJS;
230
229
  font-weight: normal;
231
230
  font-style: normal;
232
231
  }
233
- .vjs-icon-facebook:before {
232
+ .vjs-icon-circle-outline:before {
234
233
  content: "\f117";
235
234
  }
236
235
 
237
- .vjs-icon-gplus {
236
+ .vjs-icon-circle-inner-circle {
238
237
  font-family: VideoJS;
239
238
  font-weight: normal;
240
239
  font-style: normal;
241
240
  }
242
- .vjs-icon-gplus:before {
241
+ .vjs-icon-circle-inner-circle:before {
243
242
  content: "\f118";
244
243
  }
245
244
 
246
- .vjs-icon-linkedin {
245
+ .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
247
246
  font-family: VideoJS;
248
247
  font-weight: normal;
249
248
  font-style: normal;
250
249
  }
251
- .vjs-icon-linkedin:before {
250
+ .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
252
251
  content: "\f119";
253
252
  }
254
253
 
255
- .vjs-icon-twitter {
254
+ .vjs-icon-repeat {
256
255
  font-family: VideoJS;
257
256
  font-weight: normal;
258
257
  font-style: normal;
259
258
  }
260
- .vjs-icon-twitter:before {
259
+ .vjs-icon-repeat:before {
261
260
  content: "\f11a";
262
261
  }
263
262
 
264
- .vjs-icon-tumblr {
263
+ .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
265
264
  font-family: VideoJS;
266
265
  font-weight: normal;
267
266
  font-style: normal;
268
267
  }
269
- .vjs-icon-tumblr:before {
268
+ .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
270
269
  content: "\f11b";
271
270
  }
272
271
 
273
- .vjs-icon-pinterest {
272
+ .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
274
273
  font-family: VideoJS;
275
274
  font-weight: normal;
276
275
  font-style: normal;
277
276
  }
278
- .vjs-icon-pinterest:before {
277
+ .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
279
278
  content: "\f11c";
280
279
  }
281
280
 
282
- .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
281
+ .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
283
282
  font-family: VideoJS;
284
283
  font-weight: normal;
285
284
  font-style: normal;
286
285
  }
287
- .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
286
+ .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
288
287
  content: "\f11d";
289
288
  }
290
289
 
290
+ .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
291
+ font-family: VideoJS;
292
+ font-weight: normal;
293
+ font-style: normal;
294
+ }
295
+ .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
296
+ content: "\f11e";
297
+ }
298
+
299
+ .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
300
+ font-family: VideoJS;
301
+ font-weight: normal;
302
+ font-style: normal;
303
+ }
304
+ .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
305
+ content: "\f11f";
306
+ }
307
+
308
+ .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
309
+ font-family: VideoJS;
310
+ font-weight: normal;
311
+ font-style: normal;
312
+ }
313
+ .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
314
+ content: "\f120";
315
+ }
316
+
317
+ .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
318
+ font-family: VideoJS;
319
+ font-weight: normal;
320
+ font-style: normal;
321
+ }
322
+ .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
323
+ content: "\f121";
324
+ }
325
+
291
326
  .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
292
327
  font-family: VideoJS;
293
328
  font-weight: normal;
294
329
  font-style: normal;
295
330
  }
296
331
  .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
297
- content: "\f11e";
332
+ content: "\f122";
298
333
  }
299
334
 
300
335
  .vjs-icon-next-item {
@@ -303,7 +338,7 @@
303
338
  font-style: normal;
304
339
  }
305
340
  .vjs-icon-next-item:before {
306
- content: "\f11f";
341
+ content: "\f123";
307
342
  }
308
343
 
309
344
  .vjs-icon-previous-item {
@@ -312,7 +347,25 @@
312
347
  font-style: normal;
313
348
  }
314
349
  .vjs-icon-previous-item:before {
315
- content: "\f120";
350
+ content: "\f124";
351
+ }
352
+
353
+ .vjs-icon-shuffle {
354
+ font-family: VideoJS;
355
+ font-weight: normal;
356
+ font-style: normal;
357
+ }
358
+ .vjs-icon-shuffle:before {
359
+ content: "\f125";
360
+ }
361
+
362
+ .vjs-icon-cast {
363
+ font-family: VideoJS;
364
+ font-weight: normal;
365
+ font-style: normal;
366
+ }
367
+ .vjs-icon-cast:before {
368
+ content: "\f126";
316
369
  }
317
370
 
318
371
  .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
@@ -321,7 +374,7 @@
321
374
  font-style: normal;
322
375
  }
323
376
  .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
324
- content: "\f121";
377
+ content: "\f127";
325
378
  }
326
379
 
327
380
  .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
@@ -330,11 +383,65 @@
330
383
  font-style: normal;
331
384
  }
332
385
  .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
333
- content: "\f122";
386
+ content: "\f128";
387
+ }
388
+
389
+ .vjs-icon-facebook {
390
+ font-family: VideoJS;
391
+ font-weight: normal;
392
+ font-style: normal;
393
+ }
394
+ .vjs-icon-facebook:before {
395
+ content: "\f129";
396
+ }
397
+
398
+ .vjs-icon-linkedin {
399
+ font-family: VideoJS;
400
+ font-weight: normal;
401
+ font-style: normal;
402
+ }
403
+ .vjs-icon-linkedin:before {
404
+ content: "\f12a";
405
+ }
406
+
407
+ .vjs-icon-twitter {
408
+ font-family: VideoJS;
409
+ font-weight: normal;
410
+ font-style: normal;
411
+ }
412
+ .vjs-icon-twitter:before {
413
+ content: "\f12b";
414
+ }
415
+
416
+ .vjs-icon-tumblr {
417
+ font-family: VideoJS;
418
+ font-weight: normal;
419
+ font-style: normal;
420
+ }
421
+ .vjs-icon-tumblr:before {
422
+ content: "\f12c";
423
+ }
424
+
425
+ .vjs-icon-pinterest {
426
+ font-family: VideoJS;
427
+ font-weight: normal;
428
+ font-style: normal;
429
+ }
430
+ .vjs-icon-pinterest:before {
431
+ content: "\f12d";
432
+ }
433
+
434
+ .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
435
+ font-family: VideoJS;
436
+ font-weight: normal;
437
+ font-style: normal;
438
+ }
439
+ .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
440
+ content: "\f12e";
334
441
  }
335
442
 
336
443
  .video-js {
337
- display: block;
444
+ display: inline-block;
338
445
  vertical-align: top;
339
446
  box-sizing: border-box;
340
447
  color: #fff;
@@ -384,26 +491,33 @@
384
491
  .video-js.vjs-1-1 {
385
492
  width: 100%;
386
493
  max-width: 100%;
494
+ }
495
+
496
+ .video-js.vjs-fluid:not(.vjs-audio-only-mode),
497
+ .video-js.vjs-16-9:not(.vjs-audio-only-mode),
498
+ .video-js.vjs-4-3:not(.vjs-audio-only-mode),
499
+ .video-js.vjs-9-16:not(.vjs-audio-only-mode),
500
+ .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
387
501
  height: 0;
388
502
  }
389
503
 
390
- .video-js.vjs-16-9 {
504
+ .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
391
505
  padding-top: 56.25%;
392
506
  }
393
507
 
394
- .video-js.vjs-4-3 {
508
+ .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
395
509
  padding-top: 75%;
396
510
  }
397
511
 
398
- .video-js.vjs-9-16 {
512
+ .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
399
513
  padding-top: 177.7777777778%;
400
514
  }
401
515
 
402
- .video-js.vjs-1-1 {
516
+ .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
403
517
  padding-top: 100%;
404
518
  }
405
519
 
406
- .video-js.vjs-fill {
520
+ .video-js.vjs-fill:not(.vjs-audio-only-mode) {
407
521
  width: 100%;
408
522
  height: 100%;
409
523
  }
@@ -416,13 +530,19 @@
416
530
  height: 100%;
417
531
  }
418
532
 
419
- body.vjs-full-window {
533
+ .video-js.vjs-audio-only-mode .vjs-tech {
534
+ display: none;
535
+ }
536
+
537
+ body.vjs-full-window,
538
+ body.vjs-pip-window {
420
539
  padding: 0;
421
540
  margin: 0;
422
541
  height: 100%;
423
542
  }
424
543
 
425
- .vjs-full-window .video-js.vjs-fullscreen {
544
+ .vjs-full-window .video-js.vjs-fullscreen,
545
+ body.vjs-pip-window .video-js {
426
546
  position: fixed;
427
547
  overflow: hidden;
428
548
  z-index: 1000;
@@ -432,7 +552,8 @@ body.vjs-full-window {
432
552
  right: 0;
433
553
  }
434
554
 
435
- .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
555
+ .video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
556
+ body.vjs-pip-window .video-js {
436
557
  width: 100% !important;
437
558
  height: 100% !important;
438
559
  padding-top: 0 !important;
@@ -442,6 +563,23 @@ body.vjs-full-window {
442
563
  cursor: none;
443
564
  }
444
565
 
566
+ .vjs-pip-container .vjs-pip-text {
567
+ position: absolute;
568
+ bottom: 10%;
569
+ font-size: 2em;
570
+ background-color: rgba(0, 0, 0, 0.7);
571
+ padding: 0.5em;
572
+ text-align: center;
573
+ width: 100%;
574
+ }
575
+
576
+ .vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
577
+ .vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
578
+ .vjs-layout-small.vjs-pip-container .vjs-pip-text {
579
+ bottom: 0;
580
+ font-size: 1.4em;
581
+ }
582
+
445
583
  .vjs-hidden {
446
584
  display: none !important;
447
585
  }
@@ -489,9 +627,11 @@ body.vjs-full-window {
489
627
  width: 3em;
490
628
  display: block;
491
629
  position: absolute;
492
- top: 10px;
493
- left: 10px;
630
+ top: 50%;
631
+ left: 50%;
494
632
  padding: 0;
633
+ margin-top: -0.81666em;
634
+ margin-left: -1.5em;
495
635
  cursor: pointer;
496
636
  opacity: 1;
497
637
  border: 0.06666em solid #fff;
@@ -500,13 +640,6 @@ body.vjs-full-window {
500
640
  border-radius: 0.3em;
501
641
  transition: all 0.4s;
502
642
  }
503
- .vjs-big-play-centered .vjs-big-play-button {
504
- top: 50%;
505
- left: 50%;
506
- margin-top: -0.81666em;
507
- margin-left: -1.5em;
508
- }
509
-
510
643
  .video-js:hover .vjs-big-play-button,
511
644
  .video-js .vjs-big-play-button:focus {
512
645
  border-color: #fff;
@@ -651,6 +784,11 @@ body.vjs-full-window {
651
784
  border-top-color: rgba(43, 51, 63, 0.7);
652
785
  }
653
786
 
787
+ .vjs-pip-window .vjs-menu-button-popup .vjs-menu {
788
+ left: unset;
789
+ right: 1em;
790
+ }
791
+
654
792
  .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
655
793
  background-color: #2B333F;
656
794
  background-color: rgba(43, 51, 63, 0.7);
@@ -695,8 +833,7 @@ body.vjs-full-window {
695
833
 
696
834
  .video-js .vjs-menu-button-inline:hover,
697
835
  .video-js .vjs-menu-button-inline:focus,
698
- .video-js .vjs-menu-button-inline.vjs-slider-active,
699
- .video-js.vjs-no-flex .vjs-menu-button-inline {
836
+ .video-js .vjs-menu-button-inline.vjs-slider-active {
700
837
  width: 12em;
701
838
  }
702
839
 
@@ -719,19 +856,6 @@ body.vjs-full-window {
719
856
  opacity: 1;
720
857
  }
721
858
 
722
- .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
723
- display: block;
724
- opacity: 1;
725
- position: relative;
726
- width: auto;
727
- }
728
-
729
- .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
730
- .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
731
- .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
732
- width: auto;
733
- }
734
-
735
859
  .vjs-menu-button-inline .vjs-menu-content {
736
860
  width: auto;
737
861
  height: 100%;
@@ -751,7 +875,8 @@ body.vjs-full-window {
751
875
  background-color: rgba(43, 51, 63, 0.7);
752
876
  }
753
877
 
754
- .vjs-has-started .vjs-control-bar {
878
+ .vjs-has-started .vjs-control-bar,
879
+ .vjs-audio-only-mode .vjs-control-bar {
755
880
  display: flex;
756
881
  visibility: visible;
757
882
  opacity: 1;
@@ -771,13 +896,11 @@ body.vjs-full-window {
771
896
  display: none !important;
772
897
  }
773
898
 
774
- .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
899
+ .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
900
+ .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
775
901
  opacity: 1;
776
902
  visibility: visible;
777
- }
778
-
779
- .vjs-has-started.vjs-no-flex .vjs-control-bar {
780
- display: table;
903
+ pointer-events: auto;
781
904
  }
782
905
 
783
906
  .video-js .vjs-control {
@@ -790,6 +913,12 @@ body.vjs-full-window {
790
913
  flex: none;
791
914
  }
792
915
 
916
+ .video-js .vjs-control.vjs-visible-text {
917
+ width: auto;
918
+ padding-left: 1em;
919
+ padding-right: 1em;
920
+ }
921
+
793
922
  .vjs-button > .vjs-icon-placeholder:before {
794
923
  font-size: 1.8em;
795
924
  line-height: 1.67;
@@ -805,7 +934,7 @@ body.vjs-full-window {
805
934
  text-shadow: 0em 0em 1em white;
806
935
  }
807
936
 
808
- .video-js .vjs-control-text {
937
+ .video-js *:not(.vjs-visible-text) > .vjs-control-text {
809
938
  border: 0;
810
939
  clip: rect(0 0 0 0);
811
940
  height: 1px;
@@ -815,11 +944,6 @@ body.vjs-full-window {
815
944
  width: 1px;
816
945
  }
817
946
 
818
- .vjs-no-flex .vjs-control {
819
- display: table-cell;
820
- vertical-align: middle;
821
- }
822
-
823
947
  .video-js .vjs-custom-control-spacer {
824
948
  display: none;
825
949
  }
@@ -846,10 +970,6 @@ body.vjs-full-window {
846
970
  align-items: center;
847
971
  }
848
972
 
849
- .vjs-no-flex .vjs-progress-control {
850
- width: auto;
851
- }
852
-
853
973
  .video-js .vjs-progress-holder {
854
974
  flex: auto;
855
975
  transition: all 0.2s;
@@ -886,7 +1006,7 @@ body.vjs-full-window {
886
1006
  font-size: 0.9em;
887
1007
  position: absolute;
888
1008
  right: -0.5em;
889
- top: -0.3333333333em;
1009
+ line-height: 0.35em;
890
1010
  z-index: 1;
891
1011
  }
892
1012
 
@@ -938,10 +1058,6 @@ body.vjs-full-window {
938
1058
  z-index: 1;
939
1059
  }
940
1060
 
941
- .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
942
- z-index: 0;
943
- }
944
-
945
1061
  .video-js .vjs-progress-control:hover .vjs-mouse-display {
946
1062
  display: block;
947
1063
  }
@@ -952,10 +1068,6 @@ body.vjs-full-window {
952
1068
  transition: visibility 1s, opacity 1s;
953
1069
  }
954
1070
 
955
- .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
956
- display: none;
957
- }
958
-
959
1071
  .vjs-mouse-display .vjs-time-tooltip {
960
1072
  color: #fff;
961
1073
  background-color: #000;
@@ -975,7 +1087,6 @@ body.vjs-full-window {
975
1087
  /* Firefox */
976
1088
  -moz-user-select: none;
977
1089
  /* Internet Explorer/Edge */
978
- -ms-user-select: none;
979
1090
  /* Non-prefixed version, currently supported by Chrome and Opera */
980
1091
  user-select: none;
981
1092
  background-color: #73859f;
@@ -1050,22 +1161,6 @@ body.vjs-full-window {
1050
1161
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1051
1162
  }
1052
1163
 
1053
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1054
- width: 5em;
1055
- height: 3em;
1056
- visibility: visible;
1057
- opacity: 1;
1058
- position: relative;
1059
- transition: none;
1060
- }
1061
-
1062
- .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
1063
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1064
- position: absolute;
1065
- bottom: 3em;
1066
- left: 0.5em;
1067
- }
1068
-
1069
1164
  .video-js .vjs-volume-panel {
1070
1165
  display: flex;
1071
1166
  }
@@ -1110,7 +1205,7 @@ body.vjs-full-window {
1110
1205
  height: 0.3em;
1111
1206
  }
1112
1207
  .vjs-slider-horizontal .vjs-volume-level:before {
1113
- top: -0.3em;
1208
+ line-height: 0.35em;
1114
1209
  right: -0.5em;
1115
1210
  }
1116
1211
 
@@ -1185,10 +1280,6 @@ body.vjs-full-window {
1185
1280
  height: 100%;
1186
1281
  }
1187
1282
 
1188
- .vjs-no-flex .vjs-volume-control .vjs-mouse-display {
1189
- z-index: 0;
1190
- }
1191
-
1192
1283
  .video-js .vjs-volume-control:hover .vjs-mouse-display {
1193
1284
  display: block;
1194
1285
  }
@@ -1199,10 +1290,6 @@ body.vjs-full-window {
1199
1290
  transition: visibility 1s, opacity 1s;
1200
1291
  }
1201
1292
 
1202
- .video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
1203
- display: none;
1204
- }
1205
-
1206
1293
  .vjs-mouse-display .vjs-volume-tooltip {
1207
1294
  color: #fff;
1208
1295
  background-color: #000;
@@ -1212,10 +1299,6 @@ body.vjs-full-window {
1212
1299
  .vjs-poster {
1213
1300
  display: inline-block;
1214
1301
  vertical-align: middle;
1215
- background-repeat: no-repeat;
1216
- background-position: 50% 50%;
1217
- background-size: contain;
1218
- background-color: #000000;
1219
1302
  cursor: pointer;
1220
1303
  margin: 0;
1221
1304
  padding: 0;
@@ -1227,16 +1310,22 @@ body.vjs-full-window {
1227
1310
  height: 100%;
1228
1311
  }
1229
1312
 
1230
- .vjs-has-started .vjs-poster {
1313
+ .vjs-has-started .vjs-poster,
1314
+ .vjs-using-native-controls .vjs-poster {
1231
1315
  display: none;
1232
1316
  }
1233
1317
 
1234
- .vjs-audio.vjs-has-started .vjs-poster {
1318
+ .vjs-audio.vjs-has-started .vjs-poster,
1319
+ .vjs-has-started.vjs-audio-poster-mode .vjs-poster,
1320
+ .vjs-pip-container.vjs-has-started .vjs-poster {
1235
1321
  display: block;
1236
1322
  }
1237
1323
 
1238
- .vjs-using-native-controls .vjs-poster {
1239
- display: none;
1324
+ .vjs-poster img {
1325
+ width: 100%;
1326
+ height: 100%;
1327
+ -o-object-fit: contain;
1328
+ object-fit: contain;
1240
1329
  }
1241
1330
 
1242
1331
  .video-js .vjs-live-control {
@@ -1247,12 +1336,6 @@ body.vjs-full-window {
1247
1336
  line-height: 3em;
1248
1337
  }
1249
1338
 
1250
- .vjs-no-flex .vjs-live-control {
1251
- display: table-cell;
1252
- width: auto;
1253
- text-align: left;
1254
- }
1255
-
1256
1339
  .video-js:not(.vjs-live) .vjs-live-control,
1257
1340
  .video-js.vjs-liveui .vjs-live-control {
1258
1341
  display: none;
@@ -1272,12 +1355,6 @@ body.vjs-full-window {
1272
1355
  min-width: 4em;
1273
1356
  }
1274
1357
 
1275
- .vjs-no-flex .vjs-seek-to-live-control {
1276
- display: table-cell;
1277
- width: auto;
1278
- text-align: left;
1279
- }
1280
-
1281
1358
  .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1282
1359
  .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1283
1360
  display: none;
@@ -1306,17 +1383,10 @@ body.vjs-full-window {
1306
1383
  padding-right: 1em;
1307
1384
  }
1308
1385
 
1309
- .vjs-live .vjs-time-control {
1310
- display: none;
1311
- }
1312
-
1386
+ .vjs-live .vjs-time-control,
1387
+ .vjs-live .vjs-time-divider,
1313
1388
  .video-js .vjs-current-time,
1314
- .vjs-no-flex .vjs-current-time {
1315
- display: none;
1316
- }
1317
-
1318
- .video-js .vjs-duration,
1319
- .vjs-no-flex .vjs-duration {
1389
+ .video-js .vjs-duration {
1320
1390
  display: none;
1321
1391
  }
1322
1392
 
@@ -1325,10 +1395,6 @@ body.vjs-full-window {
1325
1395
  line-height: 3em;
1326
1396
  }
1327
1397
 
1328
- .vjs-live .vjs-time-divider {
1329
- display: none;
1330
- }
1331
-
1332
1398
  .video-js .vjs-play-control {
1333
1399
  cursor: pointer;
1334
1400
  }
@@ -1346,6 +1412,7 @@ body.vjs-full-window {
1346
1412
  pointer-events: none;
1347
1413
  }
1348
1414
 
1415
+ .video-js.vjs-controls-disabled .vjs-text-track-display,
1349
1416
  .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1350
1417
  bottom: 1em;
1351
1418
  }
@@ -1372,6 +1439,7 @@ video::-webkit-media-text-track-display {
1372
1439
  transform: translateY(-3em);
1373
1440
  }
1374
1441
 
1442
+ .video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
1375
1443
  .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1376
1444
  transform: translateY(-1.5em);
1377
1445
  }
@@ -1380,10 +1448,20 @@ video::-webkit-media-text-track-display {
1380
1448
  cursor: pointer;
1381
1449
  flex: none;
1382
1450
  }
1451
+ .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
1452
+ .vjs-pip-window .vjs-picture-in-picture-control {
1453
+ display: none;
1454
+ }
1455
+
1383
1456
  .video-js .vjs-fullscreen-control {
1384
1457
  cursor: pointer;
1385
1458
  flex: none;
1386
1459
  }
1460
+ .video-js.vjs-audio-only-mode .vjs-fullscreen-control,
1461
+ .vjs-pip-window .vjs-fullscreen-control {
1462
+ display: none;
1463
+ }
1464
+
1387
1465
  .vjs-playback-rate > .vjs-menu-button,
1388
1466
  .vjs-playback-rate .vjs-playback-rate-value {
1389
1467
  position: absolute;
@@ -1446,8 +1524,7 @@ video::-webkit-media-text-track-display {
1446
1524
  .vjs-seeking .vjs-loading-spinner,
1447
1525
  .vjs-waiting .vjs-loading-spinner {
1448
1526
  display: block;
1449
- -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
1450
- animation: vjs-spinner-show 0s linear 0.3s forwards;
1527
+ animation: vjs-spinner-show 0s linear 0.3s forwards;
1451
1528
  }
1452
1529
 
1453
1530
  .vjs-loading-spinner:before,
@@ -1469,19 +1546,17 @@ video::-webkit-media-text-track-display {
1469
1546
  .vjs-seeking .vjs-loading-spinner:after,
1470
1547
  .vjs-waiting .vjs-loading-spinner:before,
1471
1548
  .vjs-waiting .vjs-loading-spinner:after {
1472
- -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1473
1549
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1474
1550
  }
1475
1551
 
1476
1552
  .vjs-seeking .vjs-loading-spinner:before,
1477
1553
  .vjs-waiting .vjs-loading-spinner:before {
1478
- border-top-color: white;
1554
+ border-top-color: rgb(255, 255, 255);
1479
1555
  }
1480
1556
 
1481
1557
  .vjs-seeking .vjs-loading-spinner:after,
1482
1558
  .vjs-waiting .vjs-loading-spinner:after {
1483
- border-top-color: white;
1484
- -webkit-animation-delay: 0.44s;
1559
+ border-top-color: rgb(255, 255, 255);
1485
1560
  animation-delay: 0.44s;
1486
1561
  }
1487
1562
 
@@ -1490,21 +1565,11 @@ video::-webkit-media-text-track-display {
1490
1565
  visibility: visible;
1491
1566
  }
1492
1567
  }
1493
- @-webkit-keyframes vjs-spinner-show {
1494
- to {
1495
- visibility: visible;
1496
- }
1497
- }
1498
1568
  @keyframes vjs-spinner-spin {
1499
1569
  100% {
1500
1570
  transform: rotate(360deg);
1501
1571
  }
1502
1572
  }
1503
- @-webkit-keyframes vjs-spinner-spin {
1504
- 100% {
1505
- -webkit-transform: rotate(360deg);
1506
- }
1507
- }
1508
1573
  @keyframes vjs-spinner-fade {
1509
1574
  0% {
1510
1575
  border-top-color: #73859f;
@@ -1522,27 +1587,18 @@ video::-webkit-media-text-track-display {
1522
1587
  border-top-color: #73859f;
1523
1588
  }
1524
1589
  }
1525
- @-webkit-keyframes vjs-spinner-fade {
1526
- 0% {
1527
- border-top-color: #73859f;
1528
- }
1529
- 20% {
1530
- border-top-color: #73859f;
1531
- }
1532
- 35% {
1533
- border-top-color: white;
1534
- }
1535
- 60% {
1536
- border-top-color: #73859f;
1537
- }
1538
- 100% {
1539
- border-top-color: #73859f;
1540
- }
1590
+ .video-js.vjs-audio-only-mode .vjs-captions-button {
1591
+ display: none;
1541
1592
  }
1593
+
1542
1594
  .vjs-chapters-button .vjs-menu ul {
1543
1595
  width: 24em;
1544
1596
  }
1545
1597
 
1598
+ .video-js.vjs-audio-only-mode .vjs-descriptions-button {
1599
+ display: none;
1600
+ }
1601
+
1546
1602
  .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1547
1603
  vertical-align: middle;
1548
1604
  display: inline-block;
@@ -1551,11 +1607,15 @@ video::-webkit-media-text-track-display {
1551
1607
 
1552
1608
  .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1553
1609
  font-family: VideoJS;
1554
- content: "";
1610
+ content: "\f10c";
1555
1611
  font-size: 1.5em;
1556
1612
  line-height: inherit;
1557
1613
  }
1558
1614
 
1615
+ .video-js.vjs-audio-only-mode .vjs-subs-caps-button {
1616
+ display: none;
1617
+ }
1618
+
1559
1619
  .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1560
1620
  vertical-align: middle;
1561
1621
  display: inline-block;
@@ -1564,7 +1624,7 @@ video::-webkit-media-text-track-display {
1564
1624
 
1565
1625
  .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1566
1626
  font-family: VideoJS;
1567
- content: " ";
1627
+ content: " \f12e";
1568
1628
  font-size: 1.5em;
1569
1629
  line-height: inherit;
1570
1630
  }
@@ -1574,57 +1634,30 @@ video::-webkit-media-text-track-display {
1574
1634
  .video-js.vjs-layout-small .vjs-duration,
1575
1635
  .video-js.vjs-layout-small .vjs-remaining-time,
1576
1636
  .video-js.vjs-layout-small .vjs-playback-rate,
1577
- .video-js.vjs-layout-small .vjs-chapters-button,
1578
- .video-js.vjs-layout-small .vjs-descriptions-button,
1579
- .video-js.vjs-layout-small .vjs-captions-button,
1580
- .video-js.vjs-layout-small .vjs-subtitles-button,
1581
- .video-js.vjs-layout-small .vjs-audio-button,
1582
1637
  .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
1583
1638
  .video-js.vjs-layout-x-small .vjs-time-divider,
1584
1639
  .video-js.vjs-layout-x-small .vjs-duration,
1585
1640
  .video-js.vjs-layout-x-small .vjs-remaining-time,
1586
1641
  .video-js.vjs-layout-x-small .vjs-playback-rate,
1587
- .video-js.vjs-layout-x-small .vjs-chapters-button,
1588
- .video-js.vjs-layout-x-small .vjs-descriptions-button,
1589
- .video-js.vjs-layout-x-small .vjs-captions-button,
1590
- .video-js.vjs-layout-x-small .vjs-subtitles-button,
1591
- .video-js.vjs-layout-x-small .vjs-audio-button,
1592
1642
  .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
1593
1643
  .video-js.vjs-layout-tiny .vjs-time-divider,
1594
1644
  .video-js.vjs-layout-tiny .vjs-duration,
1595
1645
  .video-js.vjs-layout-tiny .vjs-remaining-time,
1596
1646
  .video-js.vjs-layout-tiny .vjs-playback-rate,
1597
- .video-js.vjs-layout-tiny .vjs-chapters-button,
1598
- .video-js.vjs-layout-tiny .vjs-descriptions-button,
1599
- .video-js.vjs-layout-tiny .vjs-captions-button,
1600
- .video-js.vjs-layout-tiny .vjs-subtitles-button,
1601
- .video-js.vjs-layout-tiny .vjs-audio-button,
1602
1647
  .video-js.vjs-layout-tiny .vjs-volume-control {
1603
- display: none !important;
1648
+ display: none;
1604
1649
  }
1605
- .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1606
- .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1607
- .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1608
- .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1609
- .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1610
- .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1611
- .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1650
+ .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
1612
1651
  width: auto;
1613
1652
  width: initial;
1614
1653
  }
1615
- .video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
1654
+ .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
1616
1655
  display: none;
1617
1656
  }
1618
- .video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
1657
+ .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
1619
1658
  flex: auto;
1620
1659
  display: block;
1621
1660
  }
1622
- .video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
1623
- width: auto;
1624
- }
1625
- .video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
1626
- display: none;
1627
- }
1628
1661
 
1629
1662
  .vjs-modal-dialog.vjs-text-track-settings {
1630
1663
  background-color: #2B333F;
@@ -1655,18 +1688,15 @@ video::-webkit-media-text-track-display {
1655
1688
  grid-template-rows: 1fr;
1656
1689
  padding: 20px 24px 0px 24px;
1657
1690
  }
1658
-
1659
1691
  .vjs-track-settings-controls .vjs-default-button {
1660
1692
  margin-bottom: 20px;
1661
1693
  }
1662
-
1663
1694
  .vjs-text-track-settings .vjs-track-settings-controls {
1664
1695
  grid-column: 1/-1;
1665
1696
  }
1666
-
1667
1697
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1668
- .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1669
- .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1698
+ .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1699
+ .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1670
1700
  grid-template-columns: 1fr;
1671
1701
  }
1672
1702
  }
@@ -1676,13 +1706,13 @@ video::-webkit-media-text-track-display {
1676
1706
  }
1677
1707
 
1678
1708
  .vjs-text-track-settings fieldset {
1679
- margin: 5px;
1680
- padding: 3px;
1709
+ margin: 10px;
1681
1710
  border: none;
1682
1711
  }
1683
1712
 
1684
1713
  .vjs-text-track-settings fieldset span {
1685
1714
  display: inline-block;
1715
+ padding: 0 6px 8px;
1686
1716
  }
1687
1717
 
1688
1718
  .vjs-text-track-settings fieldset span > select {
@@ -1691,16 +1721,14 @@ video::-webkit-media-text-track-display {
1691
1721
 
1692
1722
  .vjs-text-track-settings legend {
1693
1723
  color: #fff;
1694
- margin: 0 0 5px 0;
1724
+ font-weight: bold;
1725
+ font-size: 14px;
1695
1726
  }
1696
1727
 
1697
1728
  .vjs-text-track-settings .vjs-label {
1698
- position: absolute;
1699
1729
  clip: rect(1px 1px 1px 1px);
1700
1730
  clip: rect(1px, 1px, 1px, 1px);
1701
- display: block;
1702
- margin: 0 0 5px 0;
1703
- padding: 0;
1731
+ margin: 0 5px 5px 0;
1704
1732
  border: 0;
1705
1733
  height: 1px;
1706
1734
  width: 1px;
@@ -1730,6 +1758,55 @@ video::-webkit-media-text-track-display {
1730
1758
  margin-right: 1em;
1731
1759
  }
1732
1760
 
1761
+ .vjs-title-bar {
1762
+ background: rgba(0, 0, 0, 0.9);
1763
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
1764
+ font-size: 1.2em;
1765
+ line-height: 1.5;
1766
+ transition: opacity 0.1s;
1767
+ padding: 0.666em 1.333em 4em;
1768
+ pointer-events: none;
1769
+ position: absolute;
1770
+ top: 0;
1771
+ width: 100%;
1772
+ }
1773
+
1774
+ .vjs-title-bar-title,
1775
+ .vjs-title-bar-description {
1776
+ margin: 0;
1777
+ overflow: hidden;
1778
+ text-overflow: ellipsis;
1779
+ white-space: nowrap;
1780
+ }
1781
+
1782
+ .vjs-title-bar-title {
1783
+ font-weight: bold;
1784
+ margin-bottom: 0.333em;
1785
+ }
1786
+
1787
+ .vjs-playing.vjs-user-inactive .vjs-title-bar {
1788
+ opacity: 0;
1789
+ transition: opacity 1s;
1790
+ }
1791
+
1792
+ .video-js .vjs-skip-forward-5 {
1793
+ cursor: pointer;
1794
+ }
1795
+ .video-js .vjs-skip-forward-10 {
1796
+ cursor: pointer;
1797
+ }
1798
+ .video-js .vjs-skip-forward-30 {
1799
+ cursor: pointer;
1800
+ }
1801
+ .video-js .vjs-skip-backward-5 {
1802
+ cursor: pointer;
1803
+ }
1804
+ .video-js .vjs-skip-backward-10 {
1805
+ cursor: pointer;
1806
+ }
1807
+ .video-js .vjs-skip-backward-30 {
1808
+ cursor: pointer;
1809
+ }
1733
1810
  @media print {
1734
1811
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1735
1812
  visibility: hidden;