@viewlift/player-backup 2.0.348-backup → 2.0.349-backup

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 (9) hide show
  1. package/cjs/bundle.css +1153 -1153
  2. package/cjs/index.js +1 -1
  3. package/cjs/skin-2043b52e.js +1 -0
  4. package/esm/bundle.css +1153 -1153
  5. package/esm/index.js +1 -1
  6. package/esm/skin-8506f41a.js +1 -0
  7. package/package.json +4 -1
  8. package/cjs/skin-168e66ac.js +0 -1
  9. package/esm/skin-97b13f03.js +0 -1
package/esm/bundle.css CHANGED
@@ -2,8 +2,6 @@
2
2
 
3
3
 
4
4
 
5
-
6
-
7
5
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
8
6
  height: 0.7em !important;
9
7
  position: absolute !important;
@@ -205,31 +203,28 @@
205
203
  .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
206
204
  text-decoration: underline;
207
205
  }
208
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
206
+
207
+
208
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
209
209
  font-size: 2.2em;
210
210
  line-height: 2.6;
211
211
  }
212
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
213
- background: white;
212
+ .video-js.skin_mini{
213
+ overflow: hidden;
214
214
  }
215
- .video-js.skin_news .vjs-control-bar{
215
+ .video-js.skin_mini .vjs-control-bar{
216
216
  z-index: 1 !important;
217
- height: 5em !important;
217
+ height: 4em !important;
218
218
  background: black !important;
219
219
  }
220
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
221
- display: flex;
222
- align-items: center;
223
- justify-content: center;
224
- }
225
220
 
226
- .video-js.skin_news .vjs-fade>* {
221
+ .video-js.skin_mini .vjs-fade>* {
227
222
  visibility: hidden !important;
228
223
  opacity: 0 !important;
229
224
  transition: visibility 1s, opacity 1s !important;
230
225
  }
231
226
 
232
- .video-js.skin_news .custom-spaced-progress-bar {
227
+ .video-js.skin_mini .custom-spaced-progress-bar {
233
228
  position: absolute;
234
229
  width: 100%;
235
230
  display: flex;
@@ -237,7 +232,7 @@
237
232
  top: -0.5em;
238
233
  }
239
234
 
240
- .video-js.skin_news .vjs-progress-control {
235
+ .video-js.skin_mini .vjs-progress-control {
241
236
  /* left: -6px; */
242
237
  position: relative;
243
238
  width: 100%;
@@ -248,19 +243,19 @@
248
243
 
249
244
 
250
245
 
251
- .video-js.skin_news .vjs-custom-control-spacer {
246
+ .video-js.skin_mini .vjs-custom-control-spacer {
252
247
  display: block;
253
248
  flex: 1 1 auto;
254
249
  }
255
250
 
256
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
251
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
257
252
  margin: 0 0px 0 0px;
258
253
  }
259
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
254
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
260
255
  display: none;
261
256
  }
262
257
 
263
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
258
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
264
259
  font-size: 14px;
265
260
  font-weight: 500;
266
261
  align-self: center;
@@ -269,143 +264,158 @@
269
264
  border-radius: 8px;
270
265
  }
271
266
 
272
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
273
- height: 6px !important;
267
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
268
+ height: 5px !important;
274
269
  }
275
270
 
276
- .video-js.skin_news .vjs-play-progress:before {
277
- font-size: 1.5em;
271
+ .video-js.skin_mini .vjs-play-progress:before {
272
+ font-size: 1.3em;
278
273
  line-height: unset;
279
274
  top: -0.3333333333em;
280
275
  }
281
276
 
282
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
277
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
283
278
  display: none !important;
284
279
  }
285
280
 
286
281
  /* */
287
- .video-js.skin_news .vjs-mouse-display{
282
+ .video-js.skin_mini .vjs-mouse-display{
288
283
  font-size: 1.6666666667em;
289
284
  }
290
285
 
291
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
286
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
292
287
  font-size: 1em !important;
293
288
  }
294
289
 
295
- .video-js.skin_news .vjs-button{
296
- width: 5.3em;
290
+ .video-js.skin_mini .vjs-button{
291
+ width: 3em;
297
292
  display: flex;
298
293
  align-items: center;
299
294
  justify-content: center;
300
295
  }
301
296
 
302
297
 
303
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
298
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
304
299
  .icon-maximize {
305
300
  display: block;
306
301
  height: 32px;
307
302
  }
308
303
 
309
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
304
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
310
305
  line-height: 4;
311
306
  }
312
307
 
313
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
308
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
314
309
  .icon-minimize {
315
310
  display: none;
316
311
  height: 32px;
317
312
  }
318
313
 
319
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
314
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
320
315
  outline: none !important;
321
316
  }
322
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
317
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
323
318
  .vjs-icon-fullscreen-enter:before {
324
319
  /* content: '' !important; */
325
320
  }
326
321
 
327
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
322
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
328
323
  display: flex;
329
324
  justify-content: center;
330
325
  align-items: center;
331
326
  /* transform: rotate(90deg); */
332
327
  }
333
328
 
334
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
329
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
335
330
  display: none;
336
331
  }
337
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
332
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
338
333
  margin-left: -10px;
334
+ display: none;
339
335
  }
340
336
 
341
- .video-js.skin_news .skipbtn:hover{
337
+ .video-js.skin_mini .vjs-loading-spinner {
338
+ position: absolute;
339
+ top: 50%;
340
+ left: 50%;
341
+ transform: translate(-50%, -50%);
342
+ opacity: .85;
343
+ text-align: left;
344
+ border: .2em solid rgba(43, 51, 63, .7);
345
+ box-sizing: border-box;
346
+ background-clip: padding-box;
347
+ width: 3em;
348
+ height: 3em;
349
+ border-radius: 50%;
350
+ visibility: hidden;
351
+ }
352
+
353
+ .video-js.skin_mini .skipbtn:hover{
342
354
  cursor: pointer;
343
355
  }
344
356
 
345
- .video-js.skin_news .rewindbtn:hover{
357
+ .video-js.skin_mini .rewindbtn:hover{
346
358
  cursor: pointer;
347
359
  }
348
360
 
349
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
361
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
350
362
  position: relative;
351
363
  padding-left: 0;
352
364
  }
353
365
 
354
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
355
- display: none !important;
366
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
367
+ width: 40px;
368
+ height: 40px;
369
+ display: flex;
370
+ justify-content: center;
371
+ align-items: center;
372
+ border: none;
373
+ position: absolute;
374
+ top: 0;
375
+ left: 0;
376
+ right: 0;
377
+ bottom: 0;
378
+ margin: auto;
379
+ font-size: 3em;
380
+ line-height: 1.3em;
381
+ transform: none !important;
382
+ border-radius: 1.3em;
356
383
  }
357
384
 
358
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
359
- width: 90px;
360
- height: 90px;
361
- display: flex;
362
- justify-content: center;
363
- align-items: center;
364
- border-radius: 50%;
365
- position: absolute;
366
- top: 0;
367
- left: 0;
368
- right: 0;
369
- bottom: 0;
370
- margin: auto;
371
- font-size: 6em;
372
- line-height: 1.4em;
373
- border: 0.05em solid;
374
- color: inherit;
375
- }
376
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
385
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
377
386
  font-weight: bold;
378
387
  }
379
388
 
380
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
381
- bottom: 2.4em !important;
382
- right: -1em;
389
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
390
+ bottom: 1.1em !important;
391
+ right: 1em;
383
392
  z-index: 1;
393
+ font-size: 10px;
384
394
  }
385
395
 
386
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
396
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
387
397
  width: 24px !important;
388
398
  height: 24px !important;
389
399
  }
390
- .settings-selector-icon>svg{
400
+ .video-js.skin_mini .settings-selector-icon>svg{
391
401
  height: 19px !important;
392
402
  width: 19px !important;
393
403
  }
394
404
 
395
405
 
396
- .video-js.skin_news button.vjs-rewind-button{
406
+ .video-js.skin_mini button.vjs-rewind-button{
397
407
  cursor: pointer;
398
408
  }
399
409
 
400
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
410
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
401
411
  padding-right: 0;
402
412
  }
403
413
 
404
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
414
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
405
415
  padding-left: 0;
406
416
  }
407
417
 
408
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
418
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
409
419
  padding-left: 0;
410
420
  padding-right: 0;
411
421
  display: flex;
@@ -413,46 +423,48 @@
413
423
  width: min-content;
414
424
  }
415
425
 
416
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
426
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
417
427
  display: none
418
428
  }
419
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
429
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
420
430
  display: none
421
431
  }
422
432
 
423
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
424
- display: flex;
425
- align-items: center;
426
- font-weight: 700;
427
- font-size: 12px;
428
- min-width: 1.2em;
433
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
434
+ display: flex;
435
+ align-items: center;
436
+ font-weight: 700;
437
+ font-size: 9px;
438
+ min-width: 0.8em;
439
+ padding-left: 0;
429
440
  }
430
441
 
431
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
442
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
432
443
  display: none;
433
444
  font-size: 11px;
434
445
  justify-content: center;
435
446
  align-items: center;
436
447
  user-select: none;
437
448
  }
438
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
449
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
439
450
  display: none;
440
451
  }
441
452
 
442
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
453
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
443
454
  height: min-content;
444
455
  width: min-content;
445
456
  }
446
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
447
- width: 6em;
457
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
458
+ width: 3em;
459
+ margin-right: 4px;
448
460
  }
449
461
 
450
- .video-js.skin_news .content{
462
+ .video-js.skin_mini .content{
451
463
  bottom: 3.4rem !important;
452
464
  right: -4rem !important;
453
465
  }
454
466
 
455
- .setting-icon > svg{
467
+ .video-js.skin_mini .setting-icon > svg{
456
468
  height:18px !important;
457
469
  }
458
470
 
@@ -466,15 +478,16 @@
466
478
  pointer-events:none
467
479
  }
468
480
 
469
- .video-js.skin_news iframe{
481
+ .video-js.skin_mini iframe{
470
482
  width: 100%;
471
483
  height: 100%;
472
484
  }
473
485
 
474
- .video-js.skin_news .vjs-live-control{
486
+ .video-js.skin_mini .vjs-live-control{
475
487
  align-items: center;
488
+ max-width: 5em;
476
489
  }
477
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
490
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
478
491
  height: 2.2em;
479
492
  display: flex;
480
493
  align-items: center;
@@ -482,1123 +495,774 @@
482
495
  width: 4em;
483
496
  justify-content: center;
484
497
  background: red;
485
- margin: 4px 0px 4px 12px;
498
+ margin: 4px 0px 4px 2px;
486
499
  }
487
500
 
488
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
501
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
489
502
  text-shadow: none;
490
503
  }
491
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
504
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
492
505
  display: none;
493
506
  font-size: 12px;
494
507
  }
495
508
 
496
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
497
- height: 2.2em;
509
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
510
+ height: 1.8em;
498
511
  display: inline-flex;
499
512
  align-items: center;
500
- /* font-family: monospace; */
513
+ font-family: monospace;
501
514
  justify-content: center;
502
- border: 2px solid;
503
- margin: 4px 0px 4px 6px;
515
+ border: 1.5px solid;
516
+ margin: 4px 0px 4px 2px;
504
517
  white-space: pre;
505
- padding: 0px 6px;
518
+ padding: 2px 4px;
506
519
  font-size: 1.2em;
507
520
  font-weight: 500;
508
521
  color: rgba(255, 255, 2555, 0.7);
509
-
510
- letter-spacing: -.1px;
511
- line-height: normal;
512
- text-transform: uppercase;
513
- color: #FFFFFF;
514
- opacity: .7;
515
- font-family: "Proxima Nova";
516
- }
517
-
518
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
519
- opacity: 1;
520
522
  }
521
523
 
522
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
524
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
523
525
  content: "NOT LIVE";
524
- }
525
-
526
- .settings-selection.vjs-control.vjs-button{
527
- display: flex !important;
528
- }
529
-
530
- @media(max-width:576px){
531
- .settings-selection.vjs-control.vjs-button{
532
- display: none !important;
533
- }
526
+ word-spacing: -4px;
534
527
  }
535
528
 
536
529
 
537
- @media(max-width:576px){
530
+ @media(max-width:600px){
538
531
  .tvProviderImage{
539
532
  display: none
540
533
  }
541
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
534
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
542
535
  .icon-maximize {
543
536
  height: 30px !important;
544
537
  }
545
538
 
546
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
539
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
547
540
  .icon-minimize {
548
541
  height: 30px !important;
549
542
  }
550
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
551
- width: 4.5em;
543
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
544
+ width: 3.5em;
552
545
  }
553
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
546
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
554
547
  height: min-content;
555
548
  }
556
549
 
557
- .video-js.skin_news button.vjs-slowmo-button{
550
+ .video-js.skin_mini button.vjs-slowmo-button{
558
551
  display: none;
559
552
  }
560
- .video-js.skin_news button.vjs-rewind-button{
553
+ .video-js.skin_mini button.vjs-rewind-button{
561
554
  display: none;
562
555
  }
563
- .video-js.skin_news button.vjs-rewind-button>svg{
556
+ .video-js.skin_mini button.vjs-rewind-button>svg{
564
557
  height: 20px;
565
558
  }
566
- .video-js.skin_news .vjs-button{
567
- width: 4.8em;
559
+ .video-js.skin_mini .vjs-button{
560
+ width: 3em;
568
561
  }
569
- .video-js.skin_news .widget-selection{
562
+ .video-js.skin_mini .widget-selection{
570
563
  display: none;
571
564
  }
572
- .video-js.skin_news .container{
565
+ .video-js.skin_mini .container{
573
566
  display: none !important;
574
567
  }
575
- .video-js.skin_news .vjs-control-bar{
568
+ .video-js.skin_mini .vjs-control-bar{
576
569
  height: 4em !important;
577
570
  }
578
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
571
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
579
572
  font-size: 2.5em;
580
573
  line-height: 1.5;
581
574
  }
582
- .video-js.skin_news .vjs-play-progress:before {
575
+ .video-js.skin_mini .vjs-play-progress:before {
583
576
  font-size: 1.2em;
584
577
  position: absolute;
585
578
  right: -0.5em;
586
579
  z-index: 1;
587
580
  }
588
- .video-js.skin_news button.vjs-skip-button>svg{
581
+ .video-js.skin_mini button.vjs-skip-button>svg{
589
582
  height: 20px;
590
583
  }
591
- .video-js.skin_news button.vjs-big-play-button {
592
- width: 50px !important;
593
- height: 50px !important;
594
- font-size: 2.1rem !important;
595
- }
596
584
 
597
585
  .stream-selector-icon>svg{
598
586
  width: 24px;
599
587
  height: 24px;
600
588
  }
601
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
602
- margin: 0 12px 0 12px;
603
- }
604
- .video-js.skin_news .vjs-seek-to-live-text{
589
+ .video-js.skin_mini .vjs-seek-to-live-text{
605
590
  font-size: 12px;
606
591
  }
607
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
608
- margin: 0 12px 0 12px;
609
- }
610
592
  }
611
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
612
- width: 90px;
613
- height: 90px;
614
- display: flex;
615
- justify-content: center;
616
- align-items: center;
617
- border-radius: 50%;
618
- position: absolute;
619
- top: 0;
620
- left: 0;
621
- right: 0;
622
- bottom: 0;
623
- margin: auto;
624
- font-size: 6em;
625
- line-height: 1.4em;
593
+
594
+
595
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
596
+ background-color: rgba(0, 0, 0, 0.2);
626
597
  }
627
598
 
628
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
599
+
600
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
629
601
  display: flex;
630
602
  justify-content: center;
631
603
  align-items: center;
632
604
  height: 100%;
633
605
  transition: width 0.1s;
634
606
  }
607
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
608
+ margin: 2px;
609
+ }
635
610
 
636
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
611
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
637
612
  display: flex;
638
613
  justify-content: center;
639
614
  align-items: center;
640
615
  height: 100%;
641
616
  transition: width 0.1s;
642
617
  }
643
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
644
- display: none !important;
618
+
619
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
620
+ display: block;
621
+ font-size: 10px;
622
+ padding: 6px 10px;
623
+ margin: 0;
624
+ max-height: 100%;
625
+ overflow-y: auto;
645
626
  }
646
- .video-js.skin_news .ssai-ad-container{
647
- position: absolute;
648
- bottom: 14px;
627
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
628
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
629
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
630
+ display: block;
631
+ width: 100%;
632
+ }
633
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
634
+ margin: 4px 0;
635
+ }
636
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
637
+ display: block;
638
+ padding: 0 0 6px;
639
+ }
640
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
641
+ max-width: 100%;
649
642
  }
650
643
 
651
- @media (max-width: 576px) {
652
- .video-js.skin_news .ssai-ad-container{
653
- bottom: 2px;
654
- }
655
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
644
+ @media (max-width: 600px) {
645
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
656
646
  height: 5px !important;
657
647
  }
658
- .video-js.skin_news button.vjs-big-play-button {
659
- width: 50px !important;
660
- height: 50px !important;
661
- font-size: 2.1rem !important;
662
- }
663
648
 
664
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
649
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
665
650
  display: none;
666
651
  }
667
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
668
- bottom: 2.4em !important;
669
- right: -1em;
670
- z-index: 1;
671
- }
672
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
673
- display: none !important;
674
- }
675
-
676
- .video-js.skin_news .vjs-text-track-display-ttml span {
677
- color: white;
678
- font-size: 13px;
679
- background-color: black;
680
- }
681
- }
682
-
683
- .video-js.skin_news .vjs-text-track-display-ttml span {
684
- color: white;
685
- font-size: 16px;
686
- background-color: black;
687
- }
688
-
689
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
690
- margin-bottom: 2rem !important;
691
- }
692
-
693
- .video-js.skin_news .vjs-text-track-display-ttml p {
694
- font-size: 18px !important;
695
- }
696
652
 
697
-
698
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
699
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
700
- font-size: 1.2em !important;
701
- line-height: 1.5em !important;
702
- padding: 0.2em 0.8em !important;
703
653
  }
704
654
 
705
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
655
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
706
656
  content: none !important;
707
657
  fill: none !important;
708
658
  filter: none !important;
709
659
  }
710
660
 
711
661
  /* svg icons opacity and hover effect */
712
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
662
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
713
663
  opacity: 0.7 !important;
714
664
  }
715
665
 
716
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
717
- opacity: 1 !important;
718
- }
719
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
720
- opacity: 0.7 !important;
721
- }
722
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
666
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
723
667
  opacity: 1 !important;
724
668
  }
725
669
 
726
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
670
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
727
671
  color: rgba(255, 255, 2555, 0.7)!important;
728
672
  }
729
673
 
730
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
674
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
731
675
  color: rgba(255, 255, 2555, 1)!important;
732
676
  }
733
677
 
734
678
 
735
-
736
-
737
- .video-js.skin_cn_news .vjs-control-bar {
738
- z-index: 1 !important;
739
- height: auto !important;
740
- padding: 0.8em 30px 0.6em;
741
- background: transparent !important;
679
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
680
+ font-size: 2.2em;
681
+ line-height: 2.6;
682
+ }
683
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
684
+ background: white;
685
+ }
686
+ .video-js.skin_news .vjs-control-bar{
687
+ z-index: 1 !important;
688
+ height: 5em !important;
689
+ background: black !important;
690
+ }
691
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
742
692
  display: flex;
743
- flex-wrap: wrap;
744
693
  align-items: center;
745
- column-gap: 10px;
694
+ justify-content: center;
746
695
  }
747
696
 
697
+ .video-js.skin_news .vjs-fade>* {
698
+ visibility: hidden !important;
699
+ opacity: 0 !important;
700
+ transition: visibility 1s, opacity 1s !important;
701
+ }
748
702
 
749
- .video-js.skin_cn_news .vjs-control-bar::before {
750
- content: '';
703
+ .video-js.skin_news .custom-spaced-progress-bar {
751
704
  position: absolute;
752
- left: 0;
753
- right: 0;
754
- bottom: 0;
755
- top: -3em;
756
- background: linear-gradient(
757
- to top,
758
- rgba(0, 0, 0, 0.85) 0%,
759
- rgba(0, 0, 0, 0.7) 40%,
760
- rgba(0, 0, 0, 0.55) 70%,
761
- rgba(0, 0, 0, 0.38) 86%,
762
- transparent 100%
763
- );
764
- pointer-events: none;
765
- z-index: -1;
705
+ width: 100%;
706
+ display: flex;
707
+ height: 0.5em;
708
+ top: -0.5em;
766
709
  }
767
710
 
768
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
769
- order: -1;
770
- flex: 0 0 100%;
771
- width: 80%;
772
- margin: 0 0 5em;
711
+ .video-js.skin_news .vjs-progress-control {
712
+ /* left: -6px; */
773
713
  position: relative;
714
+ width: 100%;
715
+ height: 0.5em;
716
+ transition: height 0.1s, top 0.1s;
774
717
  }
775
718
 
776
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
777
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
778
- width: auto;
779
- min-width: 0;
780
- }
781
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
782
- display: inline-flex;
783
- align-items: center;
784
- justify-content: center;
785
- height: 7em;
786
- padding: 0 10px;
787
- color: #fff;
788
- }
789
719
 
790
- .video-js.skin_cn_news .vjs-svg-icon::before {
791
- content: none !important;
792
- }
793
720
 
794
721
 
795
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
796
- display: inline-flex;
797
- align-items: center;
798
- justify-content: center;
799
- }
800
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
801
- .video-js.skin_cn_news .vjs-rewind-button svg {
802
- width: 24px;
803
- height: 24px;
722
+ .video-js.skin_news .vjs-custom-control-spacer {
804
723
  display: block;
724
+ flex: 1 1 auto;
805
725
  }
806
726
 
727
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
728
+ margin: 0 0px 0 0px;
729
+ }
730
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
731
+ display: none;
732
+ }
807
733
 
734
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
735
+ font-size: 14px;
736
+ font-weight: 500;
737
+ align-self: center;
738
+ height: min-content;
739
+ padding: 5px 2px;
740
+ border-radius: 8px;
741
+ }
808
742
 
809
- .video-js.skin_cn_news .vjs-subs-caps-button {
810
- opacity: 1;
743
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
744
+ height: 6px !important;
811
745
  }
812
746
 
747
+ .video-js.skin_news .vjs-play-progress:before {
748
+ font-size: 1.5em;
749
+ line-height: unset;
750
+ top: -0.3333333333em;
751
+ }
813
752
 
753
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
754
+ display: none !important;
755
+ }
814
756
 
815
- .video-js.skin_cn_news .vjs-volume-panel {
816
- margin: 0;
817
- display: inline-flex;
818
- align-items: center;
819
- align-self: center;
820
- height: 2.2em;
821
- min-width: 7em;
822
- transition: none;
823
- }
824
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
825
- width: 0;
826
- height: 100%;
827
- display: flex;
828
- align-items: center;
829
- overflow: hidden;
830
- opacity: 0;
831
- transition: width 0.15s ease, opacity 0.15s ease;
757
+ /* */
758
+ .video-js.skin_news .vjs-mouse-display{
759
+ font-size: 1.6666666667em;
832
760
  }
833
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
834
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
835
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
836
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
837
- width: 5em;
838
- opacity: 1;
761
+
762
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
763
+ font-size: 1em !important;
839
764
  }
840
765
 
841
- .video-js.skin_cn_news .vjs-volume-bar {
842
- width: 4em;
843
- height: 0.3em;
844
- margin: 0 0.45em;
766
+ .video-js.skin_news .vjs-button{
767
+ width: 5.3em;
768
+ display: flex;
769
+ align-items: center;
770
+ justify-content: center;
845
771
  }
846
772
 
847
773
 
848
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
849
- display: none !important;
774
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
775
+ .icon-maximize {
776
+ display: block;
777
+ height: 32px;
850
778
  }
851
779
 
852
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
853
- width: 0 !important;
780
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
781
+ line-height: 4;
854
782
  }
855
783
 
856
-
857
- .video-js.skin_cn_news .vjs-custom-control-spacer {
858
- display: block !important;
859
- flex: 1 1 auto;
784
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
785
+ .icon-minimize {
786
+ display: none;
787
+ height: 32px;
860
788
  }
861
789
 
862
-
863
- .video-js.skin_cn_news .vjs-big-play-button {
864
- display: none;
790
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
791
+ outline: none !important;
865
792
  }
866
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
867
- position: relative !important;
868
- display: flex;
869
- left: 0;
870
- top: -1px;
793
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
794
+ .vjs-icon-fullscreen-enter:before {
795
+ /* content: '' !important; */
871
796
  }
872
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
797
+
798
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
873
799
  display: flex;
874
800
  justify-content: center;
875
801
  align-items: center;
876
- position: absolute;
877
- top: 0;
878
- left: 0;
879
- right: 0;
880
- bottom: 0;
881
- margin: auto;
882
- width: 80px;
883
- height: 80px;
884
- border: none;
885
- border-radius: 50%;
886
- background: rgba(0, 0, 0, 0.55);
887
- font-size: 5em;
888
- line-height: 1.3em;
889
- transform: none !important;
802
+ /* transform: rotate(90deg); */
890
803
  }
891
804
 
805
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
806
+ display: none;
807
+ }
808
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
809
+ margin-left: -10px;
810
+ }
892
811
 
893
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
894
- height: 4px !important;
895
- margin: 0;
896
- border-radius: 20px;
897
- background-color: #393944;
812
+ .video-js.skin_news .skipbtn:hover{
813
+ cursor: pointer;
898
814
  }
899
815
 
900
- .video-js.skin_cn_news .vjs-play-progress {
901
- background-color: #ffffff;
902
- border-radius: 20px;
816
+ .video-js.skin_news .rewindbtn:hover{
817
+ cursor: pointer;
903
818
  }
904
819
 
905
- .video-js.skin_cn_news .vjs-load-progress,
906
- .video-js.skin_cn_news .vjs-load-progress div {
907
- background: rgba(255, 255, 255, 0.15);
908
- border-radius: 20px;
820
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
821
+ position: relative;
822
+ padding-left: 0;
909
823
  }
910
824
 
825
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
826
+ display: none !important;
827
+ }
911
828
 
912
- .video-js.skin_cn_news .vjs-play-progress:before {
913
- content: '';
914
- width: 16px;
915
- height: 16px;
916
- border-radius: 50%;
917
- background: #ffffff;
918
- border: 2px solid rgba(0, 0, 0, 0.6);
919
- box-sizing: border-box;
920
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
921
- top: -6px;
922
- right: -8px;
923
- position: absolute;
829
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
830
+ width: 90px;
831
+ height: 90px;
832
+ display: flex;
833
+ justify-content: center;
834
+ align-items: center;
835
+ border-radius: 50%;
836
+ position: absolute;
837
+ top: 0;
838
+ left: 0;
839
+ right: 0;
840
+ bottom: 0;
841
+ margin: auto;
842
+ font-size: 6em;
843
+ line-height: 1.4em;
844
+ border: 0.05em solid;
845
+ color: inherit;
924
846
  }
925
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
926
- display: none !important;
847
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
848
+ font-weight: bold;
927
849
  }
928
850
 
929
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
930
- background: #ffffff;
931
- color: #0a0e17;
932
- font-weight: 700;
933
- border-radius: 3px;
851
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
852
+ bottom: 2.4em !important;
853
+ right: -1em;
854
+ z-index: 1;
934
855
  }
935
856
 
936
- .video-js.skin_cn_news .vjs-live-control {
937
- display: none !important;
857
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
858
+ width: 24px !important;
859
+ height: 24px !important;
938
860
  }
939
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
940
- display: inline-flex;
941
- align-items: center;
942
- align-self: center;
943
- height: 2.2em;
944
- gap: 5px;
945
- width: auto;
946
- padding: 0 10px;
947
- border: 1px solid rgba(255, 255, 255, 0.45);
948
- border-radius: 4px;
949
- cursor: pointer;
861
+ .settings-selector-icon>svg{
862
+ height: 19px !important;
863
+ width: 19px !important;
950
864
  }
951
865
 
952
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
953
- display: none;
866
+
867
+ .video-js.skin_news button.vjs-rewind-button{
868
+ cursor: pointer;
954
869
  }
955
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
956
- display: inline-flex;
957
- align-items: center;
870
+
871
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
872
+ padding-right: 0;
958
873
  }
959
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
960
- content: '';
961
- display: inline-block;
962
- width: 8px;
963
- height: 8px;
964
- border-radius: 50%;
965
- background: #ff2d2d; /* red live dot */
874
+
875
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
876
+ padding-left: 0;
966
877
  }
967
- .video-js.skin_cn_news .vjs-seek-to-live-text {
968
- color: #ffffff;
969
- font-weight: 700;
970
- font-size: 12px;
971
- letter-spacing: 0.03em;
878
+
879
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
880
+ padding-left: 0;
881
+ padding-right: 0;
882
+ display: flex;
883
+ justify-content: center;
884
+ width: min-content;
972
885
  }
973
886
 
974
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
975
- border-color: transparent;
887
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
888
+ display: none
976
889
  }
977
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
978
- color: #ff2d2d;
890
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
891
+ display: none
979
892
  }
980
893
 
981
- /* ---- time controls ---- */
982
- .video-js.skin_cn_news .vjs-current-time,
983
- .video-js.skin_cn_news .vjs-duration,
984
- .video-js.skin_cn_news .vjs-time-divider {
985
- display: none !important;
986
- }
987
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
988
- display: none;
894
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
895
+ display: flex;
989
896
  align-items: center;
990
- justify-content: center;
991
- font-size: 11px;
992
897
  font-weight: 700;
993
- color: #fff;
994
- padding: 0 6px;
995
- user-select: none;
898
+ font-size: 12px;
899
+ min-width: 1.2em;
996
900
  }
997
901
 
998
-
999
- .video-js.skin_cn_news .vjs-chapter-marker {
1000
- z-index: 2;
1001
- width: var(--vl-chapter-size, 8px);
1002
- height: var(--vl-chapter-size, 8px);
1003
- top: 50%;
1004
- bottom: auto;
1005
- background: var(--vl-chapter-color, #ffffff);
1006
- opacity: var(--vl-chapter-opacity, 1);
1007
- border-radius: 50%;
1008
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1009
- transform: translate(-50%, -50%) scale(1);
1010
- transition: background-color 0.12s ease;
1011
- }
1012
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1013
- background: var(--vl-chapter-hover, #0a5cff);
902
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
903
+ display: none;
904
+ font-size: 11px;
905
+ justify-content: center;
906
+ align-items: center;
907
+ user-select: none;
1014
908
  }
1015
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1016
- background: var(--vl-chapter-active, #0a5cff);
909
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
910
+ display: none;
1017
911
  }
1018
912
 
1019
-
1020
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1021
- width: 16px;
1022
- height: 16px;
1023
- bottom: 160%;
1024
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1025
- }
1026
-
1027
-
1028
- .video-js.skin_cn_news .vjs-chapter-preview {
1029
- background: var(--vl-chapter-tooltip, #0a5cff);
1030
- border-radius: 6px;
1031
- padding: 8px 10px;
1032
- width: max-content;
1033
- max-width: 300px;
1034
- text-align: left;
1035
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1036
- }
1037
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1038
- color: #ffffff;
1039
- font-size: 13px;
1040
- font-weight: 400;
1041
- margin-bottom: 2px;
1042
- }
1043
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1044
- color: #ffffff;
1045
- font-size: 13px;
1046
- font-weight: 400;
1047
- line-height: 1.3;
1048
- white-space: normal;
1049
- text-align: left;
1050
- }
1051
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1052
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
913
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
914
+ height: min-content;
915
+ width: min-content;
1053
916
  }
1054
-
1055
- /* ---- responsive ---- */
1056
- @media (max-width: 576px) {
1057
- .video-js.skin_cn_news .vjs-control-bar {
1058
- height: 3.2em !important;
1059
- padding: 0 8px;
1060
- }
1061
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1062
- padding: 0 6px;
1063
- }
1064
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1065
- display: none !important;
1066
- }
917
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
918
+ width: 6em;
1067
919
  }
1068
920
 
1069
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1070
- font-size: 2.2em;
1071
- line-height: 2.6;
1072
- }
1073
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1074
- background: #fcb700;
1075
- }
1076
- .video-js.skin_news_live .vjs-control-bar{
1077
- z-index: 1 !important;
1078
- height: 5em !important;
1079
- background: black !important;
1080
- }
1081
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1082
- display: flex;
1083
- align-items: center;
1084
- justify-content: center;
921
+ .video-js.skin_news .content{
922
+ bottom: 3.4rem !important;
923
+ right: -4rem !important;
1085
924
  }
1086
925
 
1087
- .video-js.skin_news_live .vjs-fade>* {
1088
- visibility: hidden !important;
1089
- opacity: 0 !important;
1090
- transition: visibility 1s, opacity 1s !important;
926
+ .setting-icon > svg{
927
+ height:18px !important;
1091
928
  }
1092
929
 
1093
- .video-js.skin_news_live .custom-spaced-progress-bar {
930
+ .output-overlay{
1094
931
  position: absolute;
932
+ bottom: 0;
933
+ height: 100%;
1095
934
  width: 100%;
1096
- display: flex;
1097
- height: 0.5em;
1098
- top: -0.5em;
935
+ z-index: 0;
936
+ border: 0;
937
+ pointer-events:none
1099
938
  }
1100
939
 
1101
- .video-js.skin_news_live .vjs-progress-control {
1102
- /* left: -6px; */
1103
- position: relative;
940
+ .video-js.skin_news iframe{
1104
941
  width: 100%;
1105
- height: 0.5em;
1106
- transition: height 0.1s, top 0.1s;
942
+ height: 100%;
1107
943
  }
1108
944
 
1109
- .video-js.skin_news_live .vjs-volume-panel{
1110
- min-width: 5.3em;
945
+ .video-js.skin_news .vjs-live-control{
946
+ align-items: center;
1111
947
  }
1112
-
1113
-
1114
-
1115
- .video-js.skin_news_live .vjs-custom-control-spacer {
1116
- /* display: block; */
1117
- /* flex: 1 1 auto; */
948
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
949
+ height: 2.2em;
950
+ display: flex;
951
+ align-items: center;
952
+ font-family: monospace;
953
+ width: 4em;
954
+ justify-content: center;
955
+ background: red;
956
+ margin: 4px 0px 4px 12px;
1118
957
  }
1119
958
 
1120
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1121
- margin: 0 0px 0 0px;
959
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
960
+ text-shadow: none;
1122
961
  }
1123
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
962
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1124
963
  display: none;
964
+ font-size: 12px;
1125
965
  }
1126
966
 
1127
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1128
- font-size: 14px;
967
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
968
+ height: 2.2em;
969
+ display: inline-flex;
970
+ align-items: center;
971
+ /* font-family: monospace; */
972
+ justify-content: center;
973
+ border: 2px solid;
974
+ margin: 4px 0px 4px 6px;
975
+ white-space: pre;
976
+ padding: 0px 6px;
977
+ font-size: 1.2em;
1129
978
  font-weight: 500;
1130
- align-self: center;
1131
- height: min-content;
1132
- padding: 5px 2px;
1133
- border-radius: 8px;
1134
- }
1135
-
1136
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1137
- height: 6px !important;
1138
- }
979
+ color: rgba(255, 255, 2555, 0.7);
1139
980
 
1140
- .video-js.skin_news_live .vjs-play-progress:before {
1141
- font-size: 1.5em;
1142
- line-height: unset;
1143
- top: -0.3333333333em;
981
+ letter-spacing: -.1px;
982
+ line-height: normal;
983
+ text-transform: uppercase;
984
+ color: #FFFFFF;
985
+ opacity: .7;
986
+ font-family: "Proxima Nova";
1144
987
  }
1145
988
 
1146
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1147
- display: none !important;
989
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
990
+ opacity: 1;
1148
991
  }
1149
992
 
1150
- /* */
1151
- .video-js.skin_news_live .vjs-mouse-display{
1152
- font-size: 1.6666666667em;
993
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
994
+ content: "NOT LIVE";
1153
995
  }
1154
996
 
1155
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1156
- font-size: 1em !important;
997
+ .settings-selection.vjs-control.vjs-button{
998
+ display: flex !important;
1157
999
  }
1158
1000
 
1159
- .video-js.skin_news_live .vjs-button{
1160
- width: 5.3em;
1161
- display: flex;
1162
- align-items: center;
1163
- justify-content: center;
1001
+ @media(max-width:576px){
1002
+ .settings-selection.vjs-control.vjs-button{
1003
+ display: none !important;
1004
+ }
1164
1005
  }
1165
1006
 
1166
1007
 
1167
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1168
- .icon-maximize {
1169
- display: block;
1170
- height: 32px;
1171
- }
1008
+ @media(max-width:576px){
1009
+ .tvProviderImage{
1010
+ display: none
1011
+ }
1012
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1013
+ .icon-maximize {
1014
+ height: 30px !important;
1015
+ }
1172
1016
 
1173
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1174
- line-height: 4;
1175
- }
1017
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1018
+ .icon-minimize {
1019
+ height: 30px !important;
1020
+ }
1021
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1022
+ width: 4.5em;
1023
+ }
1024
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1025
+ height: min-content;
1026
+ }
1176
1027
 
1177
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1178
- .icon-minimize {
1028
+ .video-js.skin_news button.vjs-slowmo-button{
1179
1029
  display: none;
1180
- height: 32px;
1030
+ }
1031
+ .video-js.skin_news button.vjs-rewind-button{
1032
+ display: none;
1033
+ }
1034
+ .video-js.skin_news button.vjs-rewind-button>svg{
1035
+ height: 20px;
1036
+ }
1037
+ .video-js.skin_news .vjs-button{
1038
+ width: 4.8em;
1039
+ }
1040
+ .video-js.skin_news .widget-selection{
1041
+ display: none;
1042
+ }
1043
+ .video-js.skin_news .container{
1044
+ display: none !important;
1045
+ }
1046
+ .video-js.skin_news .vjs-control-bar{
1047
+ height: 4em !important;
1048
+ }
1049
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1050
+ font-size: 2.5em;
1051
+ line-height: 1.5;
1052
+ }
1053
+ .video-js.skin_news .vjs-play-progress:before {
1054
+ font-size: 1.2em;
1055
+ position: absolute;
1056
+ right: -0.5em;
1057
+ z-index: 1;
1181
1058
  }
1182
-
1183
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1184
- outline: none !important;
1185
- /* flex: 1; */
1059
+ .video-js.skin_news button.vjs-skip-button>svg{
1060
+ height: 20px;
1186
1061
  }
1187
- .video-js.skin_news_live .vjs-play-toggle-container{
1188
- display: flex;
1189
- flex: 1;
1190
- justify-content: center;
1062
+ .video-js.skin_news button.vjs-big-play-button {
1063
+ width: 50px !important;
1064
+ height: 50px !important;
1065
+ font-size: 2.1rem !important;
1191
1066
  }
1192
1067
 
1193
-
1194
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1195
- .vjs-icon-fullscreen-enter:before {
1196
- /* content: '' !important; */
1068
+ .stream-selector-icon>svg{
1069
+ width: 24px;
1070
+ height: 24px;
1197
1071
  }
1198
-
1199
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1072
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1073
+ margin: 0 12px 0 12px;
1074
+ }
1075
+ .video-js.skin_news .vjs-seek-to-live-text{
1076
+ font-size: 12px;
1077
+ }
1078
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1079
+ margin: 0 12px 0 12px;
1080
+ }
1081
+ }
1082
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1083
+ width: 90px;
1084
+ height: 90px;
1200
1085
  display: flex;
1201
1086
  justify-content: center;
1202
1087
  align-items: center;
1203
- /* transform: rotate(90deg); */
1088
+ border-radius: 50%;
1089
+ position: absolute;
1090
+ top: 0;
1091
+ left: 0;
1092
+ right: 0;
1093
+ bottom: 0;
1094
+ margin: auto;
1095
+ font-size: 6em;
1096
+ line-height: 1.4em;
1204
1097
  }
1205
1098
 
1206
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1207
- display: none;
1208
- }
1209
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1210
- margin-left: -10px;
1099
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1100
+ display: flex;
1101
+ justify-content: center;
1102
+ align-items: center;
1103
+ height: 100%;
1104
+ transition: width 0.1s;
1211
1105
  }
1212
1106
 
1213
- .video-js.skin_news_live .skipbtn:hover{
1214
- cursor: pointer;
1107
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1108
+ display: flex;
1109
+ justify-content: center;
1110
+ align-items: center;
1111
+ height: 100%;
1112
+ transition: width 0.1s;
1215
1113
  }
1216
-
1217
- .video-js.skin_news_live .rewindbtn:hover{
1218
- cursor: pointer;
1114
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1115
+ display: none !important;
1219
1116
  }
1220
-
1221
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1222
- position: relative;
1223
- padding-left: 0;
1117
+ .video-js.skin_news .ssai-ad-container{
1118
+ position: absolute;
1119
+ bottom: 14px;
1224
1120
  }
1225
1121
 
1226
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1227
- display: none !important;
1228
- }
1122
+ @media (max-width: 576px) {
1123
+ .video-js.skin_news .ssai-ad-container{
1124
+ bottom: 2px;
1125
+ }
1126
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1127
+ height: 5px !important;
1128
+ }
1129
+ .video-js.skin_news button.vjs-big-play-button {
1130
+ width: 50px !important;
1131
+ height: 50px !important;
1132
+ font-size: 2.1rem !important;
1133
+ }
1229
1134
 
1230
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1231
- /* width: 90px;
1232
- height: 90px;
1233
- display: flex;
1234
- justify-content: center;
1235
- align-items: center;
1236
- border-radius: 50%;
1237
- position: absolute;
1238
- top: 0;
1239
- left: 0;
1240
- right: 0;
1241
- bottom: 0;
1242
- margin: auto;
1243
- font-size: 6em;
1244
- line-height: 1.4em;
1245
- border: 0.05em solid;
1246
- color: inherit; */
1247
- display: none !important;
1248
- }
1249
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1250
- font-weight: bold;
1135
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1136
+ display: none;
1137
+ }
1138
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1139
+ bottom: 2.4em !important;
1140
+ right: -1em;
1141
+ z-index: 1;
1251
1142
  }
1143
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1144
+ display: none !important;
1145
+ }
1252
1146
 
1253
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1254
- bottom: 2.4em !important;
1255
- right: -1em;
1256
- z-index: 1;
1147
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1148
+ color: white;
1149
+ font-size: 13px;
1150
+ background-color: black;
1151
+ }
1257
1152
  }
1258
1153
 
1259
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1260
- width: 24px !important;
1261
- height: 24px !important;
1262
- }
1263
- .settings-selector-icon>svg{
1264
- height: 19px !important;
1265
- width: 19px !important;
1154
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1155
+ color: white;
1156
+ font-size: 16px;
1157
+ background-color: black;
1266
1158
  }
1267
1159
 
1268
-
1269
- .video-js.skin_news_live button.vjs-rewind-button{
1270
- cursor: pointer;
1160
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1161
+ margin-bottom: 2rem !important;
1271
1162
  }
1272
1163
 
1273
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1274
- padding-right: 0;
1275
- display: none;
1164
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1165
+ font-size: 18px !important;
1276
1166
  }
1277
1167
 
1278
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1279
- padding-left: 0;
1280
- display: none;
1281
- }
1282
1168
 
1283
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1284
- padding-left: 0;
1285
- padding-right: 0;
1286
- display: none;
1169
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1170
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1171
+ font-size: 1.2em !important;
1172
+ line-height: 1.5em !important;
1173
+ padding: 0.2em 0.8em !important;
1287
1174
  }
1288
1175
 
1289
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1290
- display: none
1291
- }
1292
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1293
- display: none
1176
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1177
+ content: none !important;
1178
+ fill: none !important;
1179
+ filter: none !important;
1294
1180
  }
1295
1181
 
1296
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1297
- display: flex;
1298
- align-items: center;
1299
- font-weight: 700;
1300
- font-size: 12px;
1301
- min-width: 1.2em;
1182
+ /* svg icons opacity and hover effect */
1183
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1184
+ opacity: 0.7 !important;
1302
1185
  }
1303
1186
 
1304
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1305
- display: none;
1306
- font-size: 11px;
1307
- justify-content: center;
1308
- align-items: center;
1309
- user-select: none;
1310
- }
1311
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1312
- display: none;
1187
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1188
+ opacity: 1 !important;
1313
1189
  }
1314
-
1315
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1316
- height: min-content;
1317
- width: min-content;
1190
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1191
+ opacity: 0.7 !important;
1318
1192
  }
1319
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1320
- width: 6em;
1193
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1194
+ opacity: 1 !important;
1321
1195
  }
1322
1196
 
1323
- .video-js.skin_news_live .content{
1324
- bottom: 3.4rem !important;
1325
- right: -4rem !important;
1197
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1198
+ color: rgba(255, 255, 2555, 0.7)!important;
1326
1199
  }
1327
1200
 
1328
- .setting-icon > svg{
1329
- height:18px !important;
1201
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1202
+ color: rgba(255, 255, 2555, 1)!important;
1330
1203
  }
1331
1204
 
1332
- .output-overlay{
1333
- position: absolute;
1334
- bottom: 0;
1335
- height: 100%;
1336
- width: 100%;
1337
- z-index: 0;
1338
- border: 0;
1339
- pointer-events:none
1340
- }
1341
1205
 
1342
- .video-js.skin_news_live iframe{
1343
- width: 100%;
1344
- height: 100%;
1345
- }
1346
1206
 
1347
- .video-js.skin_news_live .vjs-live-control{
1348
- align-items: center;
1349
- display: none;
1207
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1208
+ font-size: 2.2em;
1209
+ line-height: 2.6;
1350
1210
  }
1351
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1352
- height: 2.2em;
1211
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1212
+ background: #fcb700;
1213
+ }
1214
+ .video-js.skin_news_live .vjs-control-bar{
1215
+ z-index: 1 !important;
1216
+ height: 5em !important;
1217
+ background: black !important;
1218
+ }
1219
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1353
1220
  display: flex;
1354
1221
  align-items: center;
1355
- font-family: monospace;
1356
- width: 4em;
1357
1222
  justify-content: center;
1358
- background: red;
1359
- margin: 4px 0px 4px 12px;
1360
1223
  }
1361
1224
 
1362
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1363
- text-shadow: none;
1225
+ .video-js.skin_news_live .vjs-fade>* {
1226
+ visibility: hidden !important;
1227
+ opacity: 0 !important;
1228
+ transition: visibility 1s, opacity 1s !important;
1364
1229
  }
1365
1230
 
1366
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1231
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1232
+ position: absolute;
1233
+ width: 100%;
1367
1234
  display: flex;
1368
- justify-content: center;
1369
- min-width: 5.3em;
1370
- pointer-events: none;
1371
- user-select: none;
1235
+ height: 0.5em;
1236
+ top: -0.5em;
1372
1237
  }
1373
1238
 
1374
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1375
- color: white;
1239
+ .video-js.skin_news_live .vjs-progress-control {
1240
+ /* left: -6px; */
1241
+ position: relative;
1242
+ width: 100%;
1243
+ height: 0.5em;
1244
+ transition: height 0.1s, top 0.1s;
1376
1245
  }
1377
1246
 
1378
-
1379
- .settings-selection.vjs-control.vjs-button{
1380
- display: flex !important;
1247
+ .video-js.skin_news_live .vjs-volume-panel{
1248
+ min-width: 5.3em;
1381
1249
  }
1382
1250
 
1383
- @media(max-width:576px){
1384
- .settings-selection.vjs-control.vjs-button{
1385
- display: none !important;
1386
- }
1387
- }
1388
-
1389
-
1390
- @media(max-width:576px){
1391
- .tvProviderImage{
1392
- display: none
1393
- }
1394
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1395
- .icon-maximize {
1396
- height: 30px !important;
1397
- }
1398
1251
 
1399
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1400
- .icon-minimize {
1401
- height: 30px !important;
1402
- }
1403
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1404
- width: 4.5em;
1405
- }
1406
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1407
- height: min-content;
1408
- }
1409
1252
 
1410
- .video-js.skin_news_live button.vjs-slowmo-button{
1411
- display: none;
1412
- }
1413
- .video-js.skin_news_live button.vjs-rewind-button{
1414
- display: none;
1415
- }
1416
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1417
- height: 20px;
1418
- }
1419
- .video-js.skin_news_live .vjs-button{
1420
- width: 4.8em;
1421
- }
1422
- .video-js.skin_news_live .widget-selection{
1423
- display: none;
1424
- }
1425
- .video-js.skin_news_live .container{
1426
- display: none !important;
1427
- }
1428
- .video-js.skin_news_live .vjs-control-bar{
1429
- height: 4em !important;
1430
- }
1431
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1432
- font-size: 2.5em;
1433
- line-height: 1.5;
1434
- }
1435
- .video-js.skin_news_live .vjs-play-progress:before {
1436
- font-size: 1.2em;
1437
- position: absolute;
1438
- right: -0.5em;
1439
- z-index: 1;
1440
- }
1441
- .video-js.skin_news_live button.vjs-skip-button>svg{
1442
- height: 20px;
1443
- }
1444
- .video-js.skin_news_live button.vjs-big-play-button {
1445
- width: 50px !important;
1446
- height: 50px !important;
1447
- font-size: 2.1rem !important;
1253
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1254
+ /* display: block; */
1255
+ /* flex: 1 1 auto; */
1448
1256
  }
1449
1257
 
1450
- .stream-selector-icon>svg{
1451
- width: 24px;
1452
- height: 24px;
1453
- }
1454
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1455
- margin: 0 12px 0 12px;
1456
- }
1457
- .video-js.skin_news_live .vjs-seek-to-live-text{
1458
- font-size: 12px;
1459
- }
1460
1258
  .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1461
- margin: 0 12px 0 12px;
1462
- }
1463
- }
1464
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1465
- width: 90px;
1466
- height: 90px;
1467
- display: flex;
1468
- justify-content: center;
1469
- align-items: center;
1470
- border-radius: 50%;
1471
- position: absolute;
1472
- top: 0;
1473
- left: 0;
1474
- right: 0;
1475
- bottom: 0;
1476
- margin: auto;
1477
- font-size: 6em;
1478
- line-height: 1.4em;
1479
- }
1480
-
1481
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1482
- display: flex;
1483
- justify-content: center;
1484
- align-items: center;
1485
- height: 100%;
1486
- transition: width 0.1s;
1487
- }
1488
-
1489
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1490
- display: flex;
1491
- justify-content: center;
1492
- align-items: center;
1493
- height: 100%;
1494
- transition: width 0.1s;
1495
- }
1496
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1497
- display: none !important;
1498
- }
1499
-
1500
- @media (max-width: 576px) {
1501
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1502
- height: 5px !important;
1503
- }
1504
- .video-js.skin_news_live button.vjs-big-play-button {
1505
- width: 50px !important;
1506
- height: 50px !important;
1507
- font-size: 2.1rem !important;
1508
- }
1509
-
1510
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1511
- display: none;
1512
- }
1513
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1514
- bottom: 2.4em !important;
1515
- right: -1em;
1516
- z-index: 1;
1517
- }
1518
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1519
- display: none !important;
1520
- }
1521
-
1522
- }
1523
-
1524
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1525
- width: 100% !important;
1526
- }
1527
-
1528
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1529
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1530
- font-size: 1.2em !important;
1531
- line-height: 1.5em !important;
1532
- padding: 0.2em 0.8em !important;
1533
- }
1534
-
1535
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1536
- content: none !important;
1537
- fill: none !important;
1538
- filter: none !important;
1539
- }
1540
-
1541
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1542
- color: rgba(255, 255, 2555, 0.7)!important;
1543
- }
1544
-
1545
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1546
- color: rgba(255, 255, 2555, 1)!important;
1547
- }
1548
-
1549
-
1550
-
1551
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1552
- font-size: 2.2em;
1553
- line-height: 2.6;
1554
- }
1555
- .video-js.skin_mini{
1556
- overflow: hidden;
1557
- }
1558
- .video-js.skin_mini .vjs-control-bar{
1559
- z-index: 1 !important;
1560
- height: 4em !important;
1561
- background: black !important;
1562
- }
1563
-
1564
- .video-js.skin_mini .vjs-fade>* {
1565
- visibility: hidden !important;
1566
- opacity: 0 !important;
1567
- transition: visibility 1s, opacity 1s !important;
1568
- }
1569
-
1570
- .video-js.skin_mini .custom-spaced-progress-bar {
1571
- position: absolute;
1572
- width: 100%;
1573
- display: flex;
1574
- height: 0.5em;
1575
- top: -0.5em;
1576
- }
1577
-
1578
- .video-js.skin_mini .vjs-progress-control {
1579
- /* left: -6px; */
1580
- position: relative;
1581
- width: 100%;
1582
- height: 0.5em;
1583
- transition: height 0.1s, top 0.1s;
1584
- }
1585
-
1586
-
1587
-
1588
-
1589
- .video-js.skin_mini .vjs-custom-control-spacer {
1590
- display: block;
1591
- flex: 1 1 auto;
1592
- }
1593
-
1594
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1595
1259
  margin: 0 0px 0 0px;
1596
1260
  }
1597
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1261
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1598
1262
  display: none;
1599
1263
  }
1600
1264
 
1601
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1265
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1602
1266
  font-size: 14px;
1603
1267
  font-weight: 500;
1604
1268
  align-self: center;
@@ -1607,207 +1271,199 @@
1607
1271
  border-radius: 8px;
1608
1272
  }
1609
1273
 
1610
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1611
- height: 5px !important;
1274
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1275
+ height: 6px !important;
1612
1276
  }
1613
1277
 
1614
- .video-js.skin_mini .vjs-play-progress:before {
1615
- font-size: 1.3em;
1278
+ .video-js.skin_news_live .vjs-play-progress:before {
1279
+ font-size: 1.5em;
1616
1280
  line-height: unset;
1617
1281
  top: -0.3333333333em;
1618
1282
  }
1619
1283
 
1620
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1284
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1621
1285
  display: none !important;
1622
1286
  }
1623
1287
 
1624
1288
  /* */
1625
- .video-js.skin_mini .vjs-mouse-display{
1289
+ .video-js.skin_news_live .vjs-mouse-display{
1626
1290
  font-size: 1.6666666667em;
1627
1291
  }
1628
1292
 
1629
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1293
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1630
1294
  font-size: 1em !important;
1631
1295
  }
1632
1296
 
1633
- .video-js.skin_mini .vjs-button{
1634
- width: 3em;
1297
+ .video-js.skin_news_live .vjs-button{
1298
+ width: 5.3em;
1635
1299
  display: flex;
1636
1300
  align-items: center;
1637
1301
  justify-content: center;
1638
1302
  }
1639
1303
 
1640
1304
 
1641
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1305
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1642
1306
  .icon-maximize {
1643
1307
  display: block;
1644
1308
  height: 32px;
1645
1309
  }
1646
1310
 
1647
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1311
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1648
1312
  line-height: 4;
1649
1313
  }
1650
1314
 
1651
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1315
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1652
1316
  .icon-minimize {
1653
1317
  display: none;
1654
1318
  height: 32px;
1655
1319
  }
1656
1320
 
1657
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1321
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1658
1322
  outline: none !important;
1323
+ /* flex: 1; */
1659
1324
  }
1660
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1325
+ .video-js.skin_news_live .vjs-play-toggle-container{
1326
+ display: flex;
1327
+ flex: 1;
1328
+ justify-content: center;
1329
+ }
1330
+
1331
+
1332
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1661
1333
  .vjs-icon-fullscreen-enter:before {
1662
1334
  /* content: '' !important; */
1663
1335
  }
1664
1336
 
1665
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1337
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1666
1338
  display: flex;
1667
1339
  justify-content: center;
1668
1340
  align-items: center;
1669
1341
  /* transform: rotate(90deg); */
1670
1342
  }
1671
1343
 
1672
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1344
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1673
1345
  display: none;
1674
1346
  }
1675
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1347
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1676
1348
  margin-left: -10px;
1677
- display: none;
1678
1349
  }
1679
1350
 
1680
- .video-js.skin_mini .vjs-loading-spinner {
1681
- position: absolute;
1682
- top: 50%;
1683
- left: 50%;
1684
- transform: translate(-50%, -50%);
1685
- opacity: .85;
1686
- text-align: left;
1687
- border: .2em solid rgba(43, 51, 63, .7);
1688
- box-sizing: border-box;
1689
- background-clip: padding-box;
1690
- width: 3em;
1691
- height: 3em;
1692
- border-radius: 50%;
1693
- visibility: hidden;
1694
- }
1695
-
1696
- .video-js.skin_mini .skipbtn:hover{
1351
+ .video-js.skin_news_live .skipbtn:hover{
1697
1352
  cursor: pointer;
1698
1353
  }
1699
1354
 
1700
- .video-js.skin_mini .rewindbtn:hover{
1355
+ .video-js.skin_news_live .rewindbtn:hover{
1701
1356
  cursor: pointer;
1702
1357
  }
1703
1358
 
1704
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1359
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1705
1360
  position: relative;
1706
1361
  padding-left: 0;
1707
1362
  }
1708
1363
 
1709
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1710
- width: 40px;
1711
- height: 40px;
1712
- display: flex;
1713
- justify-content: center;
1714
- align-items: center;
1715
- border: none;
1716
- position: absolute;
1717
- top: 0;
1718
- left: 0;
1719
- right: 0;
1720
- bottom: 0;
1721
- margin: auto;
1722
- font-size: 3em;
1723
- line-height: 1.3em;
1724
- transform: none !important;
1725
- border-radius: 1.3em;
1364
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1365
+ display: none !important;
1726
1366
  }
1727
1367
 
1728
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1368
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1369
+ /* width: 90px;
1370
+ height: 90px;
1371
+ display: flex;
1372
+ justify-content: center;
1373
+ align-items: center;
1374
+ border-radius: 50%;
1375
+ position: absolute;
1376
+ top: 0;
1377
+ left: 0;
1378
+ right: 0;
1379
+ bottom: 0;
1380
+ margin: auto;
1381
+ font-size: 6em;
1382
+ line-height: 1.4em;
1383
+ border: 0.05em solid;
1384
+ color: inherit; */
1385
+ display: none !important;
1386
+ }
1387
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1729
1388
  font-weight: bold;
1730
1389
  }
1731
1390
 
1732
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1733
- bottom: 1.1em !important;
1734
- right: 1em;
1391
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1392
+ bottom: 2.4em !important;
1393
+ right: -1em;
1735
1394
  z-index: 1;
1736
- font-size: 10px;
1737
1395
  }
1738
1396
 
1739
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1397
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1740
1398
  width: 24px !important;
1741
1399
  height: 24px !important;
1742
1400
  }
1743
- .video-js.skin_mini .settings-selector-icon>svg{
1401
+ .settings-selector-icon>svg{
1744
1402
  height: 19px !important;
1745
1403
  width: 19px !important;
1746
1404
  }
1747
1405
 
1748
1406
 
1749
- .video-js.skin_mini button.vjs-rewind-button{
1407
+ .video-js.skin_news_live button.vjs-rewind-button{
1750
1408
  cursor: pointer;
1751
1409
  }
1752
1410
 
1753
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1411
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1754
1412
  padding-right: 0;
1413
+ display: none;
1755
1414
  }
1756
1415
 
1757
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1416
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1758
1417
  padding-left: 0;
1418
+ display: none;
1759
1419
  }
1760
1420
 
1761
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1421
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1762
1422
  padding-left: 0;
1763
1423
  padding-right: 0;
1764
- display: flex;
1765
- justify-content: center;
1766
- width: min-content;
1424
+ display: none;
1767
1425
  }
1768
1426
 
1769
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1427
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1770
1428
  display: none
1771
1429
  }
1772
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1430
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1773
1431
  display: none
1774
1432
  }
1775
1433
 
1776
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1777
- display: flex;
1778
- align-items: center;
1779
- font-weight: 700;
1780
- font-size: 9px;
1781
- min-width: 0.8em;
1782
- padding-left: 0;
1434
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1435
+ display: flex;
1436
+ align-items: center;
1437
+ font-weight: 700;
1438
+ font-size: 12px;
1439
+ min-width: 1.2em;
1783
1440
  }
1784
1441
 
1785
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1442
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1786
1443
  display: none;
1787
1444
  font-size: 11px;
1788
1445
  justify-content: center;
1789
1446
  align-items: center;
1790
1447
  user-select: none;
1791
1448
  }
1792
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1449
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1793
1450
  display: none;
1794
1451
  }
1795
1452
 
1796
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1453
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1797
1454
  height: min-content;
1798
1455
  width: min-content;
1799
1456
  }
1800
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1801
- width: 3em;
1802
- margin-right: 4px;
1457
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1458
+ width: 6em;
1803
1459
  }
1804
1460
 
1805
- .video-js.skin_mini .content{
1461
+ .video-js.skin_news_live .content{
1806
1462
  bottom: 3.4rem !important;
1807
1463
  right: -4rem !important;
1808
1464
  }
1809
1465
 
1810
- .video-js.skin_mini .setting-icon > svg{
1466
+ .setting-icon > svg{
1811
1467
  height:18px !important;
1812
1468
  }
1813
1469
 
@@ -1821,16 +1477,16 @@
1821
1477
  pointer-events:none
1822
1478
  }
1823
1479
 
1824
- .video-js.skin_mini iframe{
1480
+ .video-js.skin_news_live iframe{
1825
1481
  width: 100%;
1826
1482
  height: 100%;
1827
1483
  }
1828
1484
 
1829
- .video-js.skin_mini .vjs-live-control{
1485
+ .video-js.skin_news_live .vjs-live-control{
1830
1486
  align-items: center;
1831
- max-width: 5em;
1487
+ display: none;
1832
1488
  }
1833
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1489
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1834
1490
  height: 2.2em;
1835
1491
  display: flex;
1836
1492
  align-items: center;
@@ -1838,186 +1494,530 @@
1838
1494
  width: 4em;
1839
1495
  justify-content: center;
1840
1496
  background: red;
1841
- margin: 4px 0px 4px 2px;
1497
+ margin: 4px 0px 4px 12px;
1842
1498
  }
1843
1499
 
1844
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1500
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1845
1501
  text-shadow: none;
1846
1502
  }
1847
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1848
- display: none;
1849
- font-size: 12px;
1850
- }
1851
1503
 
1852
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1853
- height: 1.8em;
1854
- display: inline-flex;
1855
- align-items: center;
1856
- font-family: monospace;
1504
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1505
+ display: flex;
1857
1506
  justify-content: center;
1858
- border: 1.5px solid;
1859
- margin: 4px 0px 4px 2px;
1860
- white-space: pre;
1861
- padding: 2px 4px;
1862
- font-size: 1.2em;
1863
- font-weight: 500;
1864
- color: rgba(255, 255, 2555, 0.7);
1507
+ min-width: 5.3em;
1508
+ pointer-events: none;
1509
+ user-select: none;
1865
1510
  }
1866
1511
 
1867
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1868
- content: "NOT LIVE";
1869
- word-spacing: -4px;
1512
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1513
+ color: white;
1870
1514
  }
1871
1515
 
1872
1516
 
1873
- @media(max-width:600px){
1517
+ .settings-selection.vjs-control.vjs-button{
1518
+ display: flex !important;
1519
+ }
1520
+
1521
+ @media(max-width:576px){
1522
+ .settings-selection.vjs-control.vjs-button{
1523
+ display: none !important;
1524
+ }
1525
+ }
1526
+
1527
+
1528
+ @media(max-width:576px){
1874
1529
  .tvProviderImage{
1875
1530
  display: none
1876
1531
  }
1877
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1532
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1878
1533
  .icon-maximize {
1879
1534
  height: 30px !important;
1880
1535
  }
1881
1536
 
1882
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1537
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1883
1538
  .icon-minimize {
1884
1539
  height: 30px !important;
1885
1540
  }
1886
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1887
- width: 3.5em;
1541
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1542
+ width: 4.5em;
1888
1543
  }
1889
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1544
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1890
1545
  height: min-content;
1891
1546
  }
1892
1547
 
1893
- .video-js.skin_mini button.vjs-slowmo-button{
1548
+ .video-js.skin_news_live button.vjs-slowmo-button{
1894
1549
  display: none;
1895
1550
  }
1896
- .video-js.skin_mini button.vjs-rewind-button{
1551
+ .video-js.skin_news_live button.vjs-rewind-button{
1897
1552
  display: none;
1898
1553
  }
1899
- .video-js.skin_mini button.vjs-rewind-button>svg{
1554
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1900
1555
  height: 20px;
1901
1556
  }
1902
- .video-js.skin_mini .vjs-button{
1903
- width: 3em;
1557
+ .video-js.skin_news_live .vjs-button{
1558
+ width: 4.8em;
1904
1559
  }
1905
- .video-js.skin_mini .widget-selection{
1560
+ .video-js.skin_news_live .widget-selection{
1906
1561
  display: none;
1907
1562
  }
1908
- .video-js.skin_mini .container{
1563
+ .video-js.skin_news_live .container{
1909
1564
  display: none !important;
1910
1565
  }
1911
- .video-js.skin_mini .vjs-control-bar{
1566
+ .video-js.skin_news_live .vjs-control-bar{
1912
1567
  height: 4em !important;
1913
1568
  }
1914
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1569
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1915
1570
  font-size: 2.5em;
1916
1571
  line-height: 1.5;
1917
1572
  }
1918
- .video-js.skin_mini .vjs-play-progress:before {
1573
+ .video-js.skin_news_live .vjs-play-progress:before {
1919
1574
  font-size: 1.2em;
1920
1575
  position: absolute;
1921
1576
  right: -0.5em;
1922
1577
  z-index: 1;
1923
1578
  }
1924
- .video-js.skin_mini button.vjs-skip-button>svg{
1579
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1925
1580
  height: 20px;
1926
1581
  }
1582
+ .video-js.skin_news_live button.vjs-big-play-button {
1583
+ width: 50px !important;
1584
+ height: 50px !important;
1585
+ font-size: 2.1rem !important;
1586
+ }
1927
1587
 
1928
1588
  .stream-selector-icon>svg{
1929
1589
  width: 24px;
1930
1590
  height: 24px;
1931
1591
  }
1932
- .video-js.skin_mini .vjs-seek-to-live-text{
1592
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1593
+ margin: 0 12px 0 12px;
1594
+ }
1595
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1933
1596
  font-size: 12px;
1934
1597
  }
1598
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1599
+ margin: 0 12px 0 12px;
1600
+ }
1601
+ }
1602
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1603
+ width: 90px;
1604
+ height: 90px;
1605
+ display: flex;
1606
+ justify-content: center;
1607
+ align-items: center;
1608
+ border-radius: 50%;
1609
+ position: absolute;
1610
+ top: 0;
1611
+ left: 0;
1612
+ right: 0;
1613
+ bottom: 0;
1614
+ margin: auto;
1615
+ font-size: 6em;
1616
+ line-height: 1.4em;
1617
+ }
1618
+
1619
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1620
+ display: flex;
1621
+ justify-content: center;
1622
+ align-items: center;
1623
+ height: 100%;
1624
+ transition: width 0.1s;
1625
+ }
1626
+
1627
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1628
+ display: flex;
1629
+ justify-content: center;
1630
+ align-items: center;
1631
+ height: 100%;
1632
+ transition: width 0.1s;
1633
+ }
1634
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1635
+ display: none !important;
1636
+ }
1637
+
1638
+ @media (max-width: 576px) {
1639
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1640
+ height: 5px !important;
1641
+ }
1642
+ .video-js.skin_news_live button.vjs-big-play-button {
1643
+ width: 50px !important;
1644
+ height: 50px !important;
1645
+ font-size: 2.1rem !important;
1646
+ }
1647
+
1648
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1649
+ display: none;
1650
+ }
1651
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1652
+ bottom: 2.4em !important;
1653
+ right: -1em;
1654
+ z-index: 1;
1655
+ }
1656
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1657
+ display: none !important;
1658
+ }
1659
+
1660
+ }
1661
+
1662
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1663
+ width: 100% !important;
1664
+ }
1665
+
1666
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1667
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1668
+ font-size: 1.2em !important;
1669
+ line-height: 1.5em !important;
1670
+ padding: 0.2em 0.8em !important;
1671
+ }
1672
+
1673
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1674
+ content: none !important;
1675
+ fill: none !important;
1676
+ filter: none !important;
1677
+ }
1678
+
1679
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1680
+ color: rgba(255, 255, 2555, 0.7)!important;
1681
+ }
1682
+
1683
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1684
+ color: rgba(255, 255, 2555, 1)!important;
1685
+ }
1686
+
1687
+
1688
+
1689
+
1690
+ .video-js.skin_cn_news .vjs-control-bar {
1691
+ z-index: 1 !important;
1692
+ height: auto !important;
1693
+ padding: 0.8em 30px 0.6em;
1694
+ background: transparent !important;
1695
+ display: flex;
1696
+ flex-wrap: wrap;
1697
+ align-items: center;
1698
+ column-gap: 10px;
1699
+ }
1700
+
1701
+
1702
+ .video-js.skin_cn_news .vjs-control-bar::before {
1703
+ content: '';
1704
+ position: absolute;
1705
+ left: 0;
1706
+ right: 0;
1707
+ bottom: 0;
1708
+ top: -3em;
1709
+ background: linear-gradient(
1710
+ to top,
1711
+ rgba(0, 0, 0, 0.85) 0%,
1712
+ rgba(0, 0, 0, 0.7) 40%,
1713
+ rgba(0, 0, 0, 0.55) 70%,
1714
+ rgba(0, 0, 0, 0.38) 86%,
1715
+ transparent 100%
1716
+ );
1717
+ pointer-events: none;
1718
+ z-index: -1;
1719
+ }
1720
+
1721
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1722
+ order: -1;
1723
+ flex: 0 0 100%;
1724
+ width: 80%;
1725
+ margin: 0 0 5em;
1726
+ position: relative;
1727
+ }
1728
+
1729
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1730
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1731
+ width: auto;
1732
+ min-width: 0;
1733
+ }
1734
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1735
+ display: inline-flex;
1736
+ align-items: center;
1737
+ justify-content: center;
1738
+ height: 7em;
1739
+ padding: 0 10px;
1740
+ color: #fff;
1741
+ }
1742
+
1743
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1744
+ content: none !important;
1745
+ }
1746
+
1747
+
1748
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1749
+ display: inline-flex;
1750
+ align-items: center;
1751
+ justify-content: center;
1752
+ }
1753
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1754
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1755
+ width: 24px;
1756
+ height: 24px;
1757
+ display: block;
1758
+ }
1759
+
1760
+
1761
+
1762
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1763
+ opacity: 1;
1764
+ }
1765
+
1766
+
1767
+
1768
+ .video-js.skin_cn_news .vjs-volume-panel {
1769
+ margin: 0;
1770
+ display: inline-flex;
1771
+ align-items: center;
1772
+ align-self: center;
1773
+ height: 2.2em;
1774
+ min-width: 7em;
1775
+ transition: none;
1776
+ }
1777
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1778
+ width: 0;
1779
+ height: 100%;
1780
+ display: flex;
1781
+ align-items: center;
1782
+ overflow: hidden;
1783
+ opacity: 0;
1784
+ transition: width 0.15s ease, opacity 0.15s ease;
1785
+ }
1786
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1787
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1788
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1789
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1790
+ width: 5em;
1791
+ opacity: 1;
1792
+ }
1793
+
1794
+ .video-js.skin_cn_news .vjs-volume-bar {
1795
+ width: 4em;
1796
+ height: 0.3em;
1797
+ margin: 0 0.45em;
1798
+ }
1799
+
1800
+
1801
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1802
+ display: none !important;
1803
+ }
1804
+
1805
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1806
+ width: 0 !important;
1807
+ }
1808
+
1809
+
1810
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1811
+ display: block !important;
1812
+ flex: 1 1 auto;
1813
+ }
1814
+
1815
+
1816
+ .video-js.skin_cn_news .vjs-big-play-button {
1817
+ display: none;
1818
+ }
1819
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1820
+ position: relative !important;
1821
+ display: flex;
1822
+ left: 0;
1823
+ top: -1px;
1824
+ }
1825
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1826
+ display: flex;
1827
+ justify-content: center;
1828
+ align-items: center;
1829
+ position: absolute;
1830
+ top: 0;
1831
+ left: 0;
1832
+ right: 0;
1833
+ bottom: 0;
1834
+ margin: auto;
1835
+ width: 80px;
1836
+ height: 80px;
1837
+ border: none;
1838
+ border-radius: 50%;
1839
+ background: rgba(0, 0, 0, 0.55);
1840
+ font-size: 5em;
1841
+ line-height: 1.3em;
1842
+ transform: none !important;
1843
+ }
1844
+
1845
+
1846
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1847
+ height: 4px !important;
1848
+ margin: 0;
1849
+ border-radius: 20px;
1850
+ background-color: #393944;
1851
+ }
1852
+
1853
+ .video-js.skin_cn_news .vjs-play-progress {
1854
+ background-color: #ffffff;
1855
+ border-radius: 20px;
1856
+ }
1857
+
1858
+ .video-js.skin_cn_news .vjs-load-progress,
1859
+ .video-js.skin_cn_news .vjs-load-progress div {
1860
+ background: rgba(255, 255, 255, 0.15);
1861
+ border-radius: 20px;
1862
+ }
1863
+
1864
+
1865
+ .video-js.skin_cn_news .vjs-play-progress:before {
1866
+ content: '';
1867
+ width: 16px;
1868
+ height: 16px;
1869
+ border-radius: 50%;
1870
+ background: #ffffff;
1871
+ border: 2px solid rgba(0, 0, 0, 0.6);
1872
+ box-sizing: border-box;
1873
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1874
+ top: -6px;
1875
+ right: -8px;
1876
+ position: absolute;
1877
+ }
1878
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1879
+ display: none !important;
1880
+ }
1881
+
1882
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1883
+ background: #ffffff;
1884
+ color: #0a0e17;
1885
+ font-weight: 700;
1886
+ border-radius: 3px;
1887
+ }
1888
+
1889
+ .video-js.skin_cn_news .vjs-live-control {
1890
+ display: none !important;
1891
+ }
1892
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1893
+ display: inline-flex;
1894
+ align-items: center;
1895
+ align-self: center;
1896
+ height: 2.2em;
1897
+ gap: 5px;
1898
+ width: auto;
1899
+ padding: 0 10px;
1900
+ border: 1px solid rgba(255, 255, 255, 0.45);
1901
+ border-radius: 4px;
1902
+ cursor: pointer;
1935
1903
  }
1936
1904
 
1937
-
1938
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1939
- background-color: rgba(0, 0, 0, 0.2);
1905
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1906
+ display: none;
1940
1907
  }
1941
-
1942
-
1943
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1944
- display: flex;
1945
- justify-content: center;
1908
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1909
+ display: inline-flex;
1946
1910
  align-items: center;
1947
- height: 100%;
1948
- transition: width 0.1s;
1949
1911
  }
1950
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1951
- margin: 2px;
1912
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1913
+ content: '';
1914
+ display: inline-block;
1915
+ width: 8px;
1916
+ height: 8px;
1917
+ border-radius: 50%;
1918
+ background: #ff2d2d; /* red live dot */
1919
+ }
1920
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1921
+ color: #ffffff;
1922
+ font-weight: 700;
1923
+ font-size: 12px;
1924
+ letter-spacing: 0.03em;
1952
1925
  }
1953
1926
 
1954
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1955
- display: flex;
1956
- justify-content: center;
1957
- align-items: center;
1958
- height: 100%;
1959
- transition: width 0.1s;
1927
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1928
+ border-color: transparent;
1929
+ }
1930
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1931
+ color: #ff2d2d;
1960
1932
  }
1961
1933
 
1962
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1963
- display: block;
1964
- font-size: 10px;
1965
- padding: 6px 10px;
1966
- margin: 0;
1967
- max-height: 100%;
1968
- overflow-y: auto;
1934
+ /* ---- time controls ---- */
1935
+ .video-js.skin_cn_news .vjs-current-time,
1936
+ .video-js.skin_cn_news .vjs-duration,
1937
+ .video-js.skin_cn_news .vjs-time-divider {
1938
+ display: none !important;
1969
1939
  }
1970
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1971
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1972
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1973
- display: block;
1974
- width: 100%;
1940
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1941
+ display: none;
1942
+ align-items: center;
1943
+ justify-content: center;
1944
+ font-size: 11px;
1945
+ font-weight: 700;
1946
+ color: #fff;
1947
+ padding: 0 6px;
1948
+ user-select: none;
1975
1949
  }
1976
- .video-js.skin_mini .vjs-text-track-settings fieldset{
1977
- margin: 4px 0;
1950
+
1951
+
1952
+ .video-js.skin_cn_news .vjs-chapter-marker {
1953
+ z-index: 2;
1954
+ width: var(--vl-chapter-size, 8px);
1955
+ height: var(--vl-chapter-size, 8px);
1956
+ top: 50%;
1957
+ bottom: auto;
1958
+ background: var(--vl-chapter-color, #ffffff);
1959
+ opacity: var(--vl-chapter-opacity, 1);
1960
+ border-radius: 50%;
1961
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1962
+ transform: translate(-50%, -50%) scale(1);
1963
+ transition: background-color 0.12s ease;
1978
1964
  }
1979
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
1980
- display: block;
1981
- padding: 0 0 6px;
1965
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1966
+ background: var(--vl-chapter-hover, #0a5cff);
1982
1967
  }
1983
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1984
- max-width: 100%;
1968
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1969
+ background: var(--vl-chapter-active, #0a5cff);
1985
1970
  }
1986
1971
 
1987
- @media (max-width: 600px) {
1988
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1989
- height: 5px !important;
1990
- }
1991
-
1992
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1993
- display: none;
1994
- }
1995
1972
 
1973
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1974
+ width: 16px;
1975
+ height: 16px;
1976
+ bottom: 160%;
1977
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1996
1978
  }
1997
1979
 
1998
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1999
- content: none !important;
2000
- fill: none !important;
2001
- filter: none !important;
2002
- }
2003
1980
 
2004
- /* svg icons opacity and hover effect */
2005
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2006
- opacity: 0.7 !important;
1981
+ .video-js.skin_cn_news .vjs-chapter-preview {
1982
+ background: var(--vl-chapter-tooltip, #0a5cff);
1983
+ border-radius: 6px;
1984
+ padding: 8px 10px;
1985
+ width: max-content;
1986
+ max-width: 300px;
1987
+ text-align: left;
1988
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
2007
1989
  }
2008
-
2009
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2010
- opacity: 1 !important;
1990
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1991
+ color: #ffffff;
1992
+ font-size: 13px;
1993
+ font-weight: 400;
1994
+ margin-bottom: 2px;
2011
1995
  }
2012
-
2013
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2014
- color: rgba(255, 255, 2555, 0.7)!important;
1996
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1997
+ color: #ffffff;
1998
+ font-size: 13px;
1999
+ font-weight: 400;
2000
+ line-height: 1.3;
2001
+ white-space: normal;
2002
+ text-align: left;
2015
2003
  }
2016
-
2017
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2018
- color: rgba(255, 255, 2555, 1)!important;
2004
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2005
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2019
2006
  }
2020
2007
 
2008
+ /* ---- responsive ---- */
2009
+ @media (max-width: 576px) {
2010
+ .video-js.skin_cn_news .vjs-control-bar {
2011
+ height: 3.2em !important;
2012
+ padding: 0 8px;
2013
+ }
2014
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2015
+ padding: 0 6px;
2016
+ }
2017
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2018
+ display: none !important;
2019
+ }
2020
+ }
2021
2021
 
2022
2022
  /* CSS for videojs-dvr-seekbar */
2023
2023
 
@@ -2199,55 +2199,6 @@
2199
2199
 
2200
2200
 
2201
2201
 
2202
- .vjs-custom-big-mute.vjs-control{
2203
- position: absolute;
2204
- align-items: center;
2205
- background: #fcb700;
2206
- border: 0;
2207
- display: flex;
2208
- align-items: center;
2209
- height: 44px;
2210
- justify-content: center;
2211
- padding: 0;
2212
- width: 44px;
2213
- z-index: 1;
2214
- outline: none;
2215
- text-shadow:none !important;
2216
- cursor: pointer;
2217
- }
2218
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2219
- display: flex;
2220
- top: 50px;
2221
- height: 50px;
2222
- width: 50px;
2223
- }
2224
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2225
- height: 28px;
2226
- width: 28px;
2227
- }
2228
- .vjs-custom-big-mute.vjs-control:hover{
2229
- filter: none;
2230
- }
2231
-
2232
-
2233
- .vjs-custom-big-mute.vjs-control.tl{
2234
- top: 0;
2235
- left: 0;
2236
- margin: 15px 0 0 15px;
2237
- }
2238
-
2239
- .vjs-custom-big-mute.vjs-control.hide{
2240
- display: none !important;
2241
-
2242
- }
2243
-
2244
- .vjs-custom-big-mute.vjs-control > svg {
2245
- color: #071d39;
2246
- height: 22px;
2247
- width: 22px;
2248
- }
2249
-
2250
-
2251
2202
 
2252
2203
 
2253
2204
  .video-js .multicamera-parent.default{
@@ -2330,6 +2281,55 @@
2330
2281
 
2331
2282
 
2332
2283
 
2284
+
2285
+ .vjs-custom-big-mute.vjs-control{
2286
+ position: absolute;
2287
+ align-items: center;
2288
+ background: #fcb700;
2289
+ border: 0;
2290
+ display: flex;
2291
+ align-items: center;
2292
+ height: 44px;
2293
+ justify-content: center;
2294
+ padding: 0;
2295
+ width: 44px;
2296
+ z-index: 1;
2297
+ outline: none;
2298
+ text-shadow:none !important;
2299
+ cursor: pointer;
2300
+ }
2301
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2302
+ display: flex;
2303
+ top: 50px;
2304
+ height: 50px;
2305
+ width: 50px;
2306
+ }
2307
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2308
+ height: 28px;
2309
+ width: 28px;
2310
+ }
2311
+ .vjs-custom-big-mute.vjs-control:hover{
2312
+ filter: none;
2313
+ }
2314
+
2315
+
2316
+ .vjs-custom-big-mute.vjs-control.tl{
2317
+ top: 0;
2318
+ left: 0;
2319
+ margin: 15px 0 0 15px;
2320
+ }
2321
+
2322
+ .vjs-custom-big-mute.vjs-control.hide{
2323
+ display: none !important;
2324
+
2325
+ }
2326
+
2327
+ .vjs-custom-big-mute.vjs-control > svg {
2328
+ color: #071d39;
2329
+ height: 22px;
2330
+ width: 22px;
2331
+ }
2332
+
2333
2333
  /* nextep — up-next card (centered in player, scales with player size) */
2334
2334
  .video-js:has(.next-ep-preview),
2335
2335
  .video-js:has(.next-ep-preview-player-thumb) {