@viewlift/player-backup 2.0.204-backup → 2.0.205-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.
package/cjs/bundle.css CHANGED
@@ -1,9 +1,6 @@
1
1
 
2
2
 
3
3
 
4
-
5
-
6
-
7
4
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
8
5
  height: 0.7em;
9
6
  position: absolute;
@@ -240,26 +237,34 @@
240
237
  font-weight: bold
241
238
  }
242
239
 
243
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
240
+
241
+
242
+
243
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
244
244
  font-size: 2.2em;
245
245
  line-height: 2.6;
246
246
  }
247
- .video-js.skin_mini{
248
- overflow: hidden;
247
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
248
+ background: white;
249
249
  }
250
- .video-js.skin_mini .vjs-control-bar{
250
+ .video-js.skin_news .vjs-control-bar{
251
251
  z-index: 1 !important;
252
- height: 4em !important;
252
+ height: 5em !important;
253
253
  background: black !important;
254
254
  }
255
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
256
+ display: flex;
257
+ align-items: center;
258
+ justify-content: center;
259
+ }
255
260
 
256
- .video-js.skin_mini .vjs-fade>* {
261
+ .video-js.skin_news .vjs-fade>* {
257
262
  visibility: hidden !important;
258
263
  opacity: 0 !important;
259
264
  transition: visibility 1s, opacity 1s !important;
260
265
  }
261
266
 
262
- .video-js.skin_mini .custom-spaced-progress-bar {
267
+ .video-js.skin_news .custom-spaced-progress-bar {
263
268
  position: absolute;
264
269
  width: 100%;
265
270
  display: flex;
@@ -267,7 +272,7 @@
267
272
  top: -0.5em;
268
273
  }
269
274
 
270
- .video-js.skin_mini .vjs-progress-control {
275
+ .video-js.skin_news .vjs-progress-control {
271
276
  /* left: -6px; */
272
277
  position: relative;
273
278
  width: 100%;
@@ -278,19 +283,19 @@
278
283
 
279
284
 
280
285
 
281
- .video-js.skin_mini .vjs-custom-control-spacer {
286
+ .video-js.skin_news .vjs-custom-control-spacer {
282
287
  display: block;
283
288
  flex: 1 1 auto;
284
289
  }
285
290
 
286
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
291
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
287
292
  margin: 0 0px 0 0px;
288
293
  }
289
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
294
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
290
295
  display: none;
291
296
  }
292
297
 
293
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
298
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
294
299
  font-size: 14px;
295
300
  font-weight: 500;
296
301
  align-self: center;
@@ -299,158 +304,143 @@
299
304
  border-radius: 8px;
300
305
  }
301
306
 
302
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
303
- height: 5px !important;
307
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
308
+ height: 6px !important;
304
309
  }
305
310
 
306
- .video-js.skin_mini .vjs-play-progress:before {
307
- font-size: 1.3em;
311
+ .video-js.skin_news .vjs-play-progress:before {
312
+ font-size: 1.5em;
308
313
  line-height: unset;
309
314
  top: -0.3333333333em;
310
315
  }
311
316
 
312
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
317
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
313
318
  display: none !important;
314
319
  }
315
320
 
316
321
  /* */
317
- .video-js.skin_mini .vjs-mouse-display{
322
+ .video-js.skin_news .vjs-mouse-display{
318
323
  font-size: 1.6666666667em;
319
324
  }
320
325
 
321
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
326
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
322
327
  font-size: 1em !important;
323
328
  }
324
329
 
325
- .video-js.skin_mini .vjs-button{
326
- width: 3em;
330
+ .video-js.skin_news .vjs-button{
331
+ width: 5.3em;
327
332
  display: flex;
328
333
  align-items: center;
329
334
  justify-content: center;
330
335
  }
331
336
 
332
337
 
333
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
338
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
334
339
  .icon-maximize {
335
340
  display: block;
336
341
  height: 32px;
337
342
  }
338
343
 
339
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
344
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
340
345
  line-height: 4;
341
346
  }
342
347
 
343
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
348
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
344
349
  .icon-minimize {
345
350
  display: none;
346
351
  height: 32px;
347
352
  }
348
353
 
349
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
354
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
350
355
  outline: none !important;
351
356
  }
352
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
357
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
353
358
  .vjs-icon-fullscreen-enter:before {
354
359
  /* content: '' !important; */
355
360
  }
356
361
 
357
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
362
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
358
363
  display: flex;
359
364
  justify-content: center;
360
365
  align-items: center;
361
366
  /* transform: rotate(90deg); */
362
367
  }
363
368
 
364
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
369
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
365
370
  display: none;
366
371
  }
367
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
372
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
368
373
  margin-left: -10px;
369
- display: none;
370
374
  }
371
375
 
372
- .video-js.skin_mini .vjs-loading-spinner {
373
- position: absolute;
374
- top: 50%;
375
- left: 50%;
376
- transform: translate(-50%, -50%);
377
- opacity: .85;
378
- text-align: left;
379
- border: .2em solid rgba(43, 51, 63, .7);
380
- box-sizing: border-box;
381
- background-clip: padding-box;
382
- width: 3em;
383
- height: 3em;
384
- border-radius: 50%;
385
- visibility: hidden;
386
- }
387
-
388
- .video-js.skin_mini .skipbtn:hover{
376
+ .video-js.skin_news .skipbtn:hover{
389
377
  cursor: pointer;
390
378
  }
391
379
 
392
- .video-js.skin_mini .rewindbtn:hover{
380
+ .video-js.skin_news .rewindbtn:hover{
393
381
  cursor: pointer;
394
382
  }
395
383
 
396
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
384
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
397
385
  position: relative;
398
386
  padding-left: 0;
399
387
  }
400
388
 
401
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
402
- width: 40px;
403
- height: 40px;
404
- display: flex;
405
- justify-content: center;
406
- align-items: center;
407
- border: none;
408
- position: absolute;
409
- top: 0;
410
- left: 0;
411
- right: 0;
412
- bottom: 0;
413
- margin: auto;
414
- font-size: 3em;
415
- line-height: 1.3em;
416
- transform: none !important;
417
- border-radius: 1.3em;
389
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
390
+ display: none !important;
418
391
  }
419
392
 
420
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
393
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
394
+ width: 90px;
395
+ height: 90px;
396
+ display: flex;
397
+ justify-content: center;
398
+ align-items: center;
399
+ border-radius: 50%;
400
+ position: absolute;
401
+ top: 0;
402
+ left: 0;
403
+ right: 0;
404
+ bottom: 0;
405
+ margin: auto;
406
+ font-size: 6em;
407
+ line-height: 1.4em;
408
+ border: 0.05em solid;
409
+ color: inherit;
410
+ }
411
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
421
412
  font-weight: bold;
422
413
  }
423
414
 
424
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
425
- bottom: 1.1em !important;
426
- right: 1em;
415
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
416
+ bottom: 2.4em !important;
417
+ right: -1em;
427
418
  z-index: 1;
428
- font-size: 10px;
429
419
  }
430
420
 
431
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
421
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
432
422
  width: 24px !important;
433
423
  height: 24px !important;
434
424
  }
435
- .video-js.skin_mini .settings-selector-icon>svg{
425
+ .settings-selector-icon>svg{
436
426
  height: 19px !important;
437
427
  width: 19px !important;
438
428
  }
439
429
 
440
430
 
441
- .video-js.skin_mini button.vjs-rewind-button{
431
+ .video-js.skin_news button.vjs-rewind-button{
442
432
  cursor: pointer;
443
433
  }
444
434
 
445
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
435
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
446
436
  padding-right: 0;
447
437
  }
448
438
 
449
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
439
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
450
440
  padding-left: 0;
451
441
  }
452
442
 
453
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
443
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
454
444
  padding-left: 0;
455
445
  padding-right: 0;
456
446
  display: flex;
@@ -458,48 +448,46 @@
458
448
  width: min-content;
459
449
  }
460
450
 
461
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
451
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
462
452
  display: none
463
453
  }
464
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
454
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
465
455
  display: none
466
456
  }
467
457
 
468
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
469
- display: flex;
470
- align-items: center;
471
- font-weight: 700;
472
- font-size: 9px;
473
- min-width: 0.8em;
474
- padding-left: 0;
458
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
459
+ display: flex;
460
+ align-items: center;
461
+ font-weight: 700;
462
+ font-size: 12px;
463
+ min-width: 1.2em;
475
464
  }
476
465
 
477
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
466
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
478
467
  display: none;
479
468
  font-size: 11px;
480
469
  justify-content: center;
481
470
  align-items: center;
482
471
  user-select: none;
483
472
  }
484
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
473
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
485
474
  display: none;
486
475
  }
487
476
 
488
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
477
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
489
478
  height: min-content;
490
479
  width: min-content;
491
480
  }
492
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
493
- width: 3em;
494
- margin-right: 4px;
481
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
482
+ width: 6em;
495
483
  }
496
484
 
497
- .video-js.skin_mini .content{
485
+ .video-js.skin_news .content{
498
486
  bottom: 3.4rem !important;
499
487
  right: -4rem !important;
500
488
  }
501
489
 
502
- .video-js.skin_mini .setting-icon > svg{
490
+ .setting-icon > svg{
503
491
  height:18px !important;
504
492
  }
505
493
 
@@ -518,11 +506,10 @@ iframe{
518
506
  height: 100%;
519
507
  }
520
508
 
521
- .video-js.skin_mini .vjs-live-control{
509
+ .video-js.skin_news .vjs-live-control{
522
510
  align-items: center;
523
- max-width: 5em;
524
511
  }
525
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
512
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
526
513
  height: 2.2em;
527
514
  display: flex;
528
515
  align-items: center;
@@ -530,185 +517,257 @@ iframe{
530
517
  width: 4em;
531
518
  justify-content: center;
532
519
  background: red;
533
- margin: 4px 0px 4px 2px;
520
+ margin: 4px 0px 4px 12px;
534
521
  }
535
522
 
536
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
523
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
537
524
  text-shadow: none;
538
525
  }
539
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
526
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
540
527
  display: none;
541
528
  font-size: 12px;
542
529
  }
543
530
 
544
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
545
- height: 1.8em;
531
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
532
+ height: 2.2em;
546
533
  display: inline-flex;
547
534
  align-items: center;
548
- font-family: monospace;
535
+ /* font-family: monospace; */
549
536
  justify-content: center;
550
- border: 1.5px solid;
551
- margin: 4px 0px 4px 2px;
537
+ border: 2px solid;
538
+ margin: 4px 0px 4px 6px;
552
539
  white-space: pre;
553
- padding: 2px 4px;
540
+ padding: 0px 6px;
554
541
  font-size: 1.2em;
555
542
  font-weight: 500;
556
543
  color: rgba(255, 255, 2555, 0.7);
544
+
545
+ letter-spacing: -.1px;
546
+ line-height: normal;
547
+ text-transform: uppercase;
548
+ color: #FFFFFF;
549
+ opacity: .7;
550
+ font-family: "Proxima Nova";
557
551
  }
558
552
 
559
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
553
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
554
+ opacity: 1;
555
+ }
556
+
557
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
560
558
  content: "NOT LIVE";
561
- word-spacing: -4px;
562
559
  }
563
560
 
561
+ .settings-selection.vjs-control.vjs-button{
562
+ display: flex !important;
563
+ }
564
564
 
565
- @media(max-width:600px){
565
+ @media(max-width:576px){
566
+ .settings-selection.vjs-control.vjs-button{
567
+ display: none !important;
568
+ }
569
+ }
570
+
571
+
572
+ @media(max-width:576px){
566
573
  .tvProviderImage{
567
574
  display: none
568
575
  }
569
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
576
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
570
577
  .icon-maximize {
571
578
  height: 30px !important;
572
579
  }
573
580
 
574
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
581
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
575
582
  .icon-minimize {
576
583
  height: 30px !important;
577
584
  }
578
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
579
- width: 3.5em;
585
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
586
+ width: 4.5em;
580
587
  }
581
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
588
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
582
589
  height: min-content;
583
590
  }
584
591
 
585
- .video-js.skin_mini button.vjs-slowmo-button{
592
+ .video-js.skin_news button.vjs-slowmo-button{
586
593
  display: none;
587
594
  }
588
- .video-js.skin_mini button.vjs-rewind-button{
595
+ .video-js.skin_news button.vjs-rewind-button{
589
596
  display: none;
590
597
  }
591
- .video-js.skin_mini button.vjs-rewind-button>svg{
598
+ .video-js.skin_news button.vjs-rewind-button>svg{
592
599
  height: 20px;
593
600
  }
594
- .video-js.skin_mini .vjs-button{
595
- width: 3em;
601
+ .video-js.skin_news .vjs-button{
602
+ width: 4.8em;
596
603
  }
597
- .video-js.skin_mini .widget-selection{
604
+ .video-js.skin_news .widget-selection{
598
605
  display: none;
599
606
  }
600
- .video-js.skin_mini .container{
607
+ .video-js.skin_news .container{
601
608
  display: none !important;
602
609
  }
603
- .video-js.skin_mini .vjs-control-bar{
610
+ .video-js.skin_news .vjs-control-bar{
604
611
  height: 4em !important;
605
612
  }
606
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
613
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
607
614
  font-size: 2.5em;
608
615
  line-height: 1.5;
609
616
  }
610
- .video-js.skin_mini .vjs-play-progress:before {
617
+ .video-js.skin_news .vjs-play-progress:before {
611
618
  font-size: 1.2em;
612
619
  position: absolute;
613
620
  right: -0.5em;
614
621
  z-index: 1;
615
622
  }
616
- .video-js.skin_mini button.vjs-skip-button>svg{
623
+ .video-js.skin_news button.vjs-skip-button>svg{
617
624
  height: 20px;
618
625
  }
626
+ .video-js.skin_news button.vjs-big-play-button {
627
+ width: 50px !important;
628
+ height: 50px !important;
629
+ font-size: 2.1rem !important;
630
+ }
619
631
 
620
632
  .stream-selector-icon>svg{
621
633
  width: 24px;
622
634
  height: 24px;
623
635
  }
624
- .video-js.skin_mini .vjs-seek-to-live-text{
625
- font-size: 12px;
626
- }
627
-
628
- .video-js.skin_mini .vjs-text-track-display-ttml span {
629
- color: white !important;
630
- font-size: 16px !important;
631
- background-color: rgba(0,0,0,0.2) !important;
632
- }
636
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
637
+ margin: 0 12px 0 12px;
633
638
  }
634
-
635
- .video-js.skin_mini .vjs-text-track-display-ttml span {
636
- color: white !important;
637
- font-size: 16px !important;
638
- background-color: rgba(0,0,0,0.2) !important;
639
+ .video-js.skin_news .vjs-seek-to-live-text{
640
+ font-size: 12px;
639
641
  }
640
-
641
- .video-js.skin_mini .vjs-text-track-display-ttml p {
642
- font-size: 18px !important;
642
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
643
+ margin: 0 12px 0 12px;
643
644
  }
644
-
645
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
646
- margin-bottom: 1rem !important;
645
+ }
646
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
647
+ width: 90px;
648
+ height: 90px;
649
+ display: flex;
650
+ justify-content: center;
651
+ align-items: center;
652
+ border-radius: 50%;
653
+ position: absolute;
654
+ top: 0;
655
+ left: 0;
656
+ right: 0;
657
+ bottom: 0;
658
+ margin: auto;
659
+ font-size: 6em;
660
+ line-height: 1.4em;
647
661
  }
648
662
 
649
-
650
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
663
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
651
664
  display: flex;
652
665
  justify-content: center;
653
666
  align-items: center;
654
667
  height: 100%;
655
668
  transition: width 0.1s;
656
669
  }
657
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
658
- margin: 2px;
659
- }
660
670
 
661
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
671
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
662
672
  display: flex;
663
673
  justify-content: center;
664
674
  align-items: center;
665
675
  height: 100%;
666
676
  transition: width 0.1s;
667
677
  }
668
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
669
- display: grid;
670
- font-size: 10px;
671
- grid-template-columns: 1fr;
672
- grid-template-rows: 1fr;
673
- padding: 1px 0px 0 0px;
674
- margin: 0;
678
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
679
+ display: none !important;
680
+ }
681
+ .video-js.skin_news .ssai-ad-container{
682
+ position: absolute;
683
+ bottom: 14px;
675
684
  }
676
685
 
677
- @media (max-width: 600px) {
678
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
686
+ @media (max-width: 576px) {
687
+ .video-js.skin_news .ssai-ad-container{
688
+ bottom: 2px;
689
+ }
690
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
679
691
  height: 5px !important;
680
692
  }
693
+ .video-js.skin_news button.vjs-big-play-button {
694
+ width: 50px !important;
695
+ height: 50px !important;
696
+ font-size: 2.1rem !important;
697
+ }
681
698
 
682
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
699
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
683
700
  display: none;
684
701
  }
702
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
703
+ bottom: 2.4em !important;
704
+ right: -1em;
705
+ z-index: 1;
706
+ }
707
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
708
+ display: none !important;
709
+ }
710
+
711
+ .video-js.skin_news .vjs-text-track-display-ttml span {
712
+ color: white !important;
713
+ font-size: 13px !important;
714
+ background-color: black !important;
715
+ }
716
+ }
685
717
 
718
+ .video-js.skin_news .vjs-text-track-display-ttml span {
719
+ color: white !important;
720
+ font-size: 16px !important;
721
+ background-color: black !important;
686
722
  }
687
723
 
688
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
724
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
725
+ margin-bottom: 2rem !important;
726
+ }
727
+
728
+ .video-js.skin_news .vjs-text-track-display-ttml p {
729
+ font-size: 18px !important;
730
+ }
731
+
732
+
733
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
734
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
735
+ font-size: 1.2em !important;
736
+ line-height: 1.5em !important;
737
+ padding: 0.2em 0.8em !important;
738
+ }
739
+
740
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
689
741
  content: none !important;
690
742
  fill: none !important;
691
743
  filter: none !important;
692
744
  }
693
745
 
694
746
  /* svg icons opacity and hover effect */
695
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
747
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
696
748
  opacity: 0.7 !important;
697
749
  }
698
750
 
699
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
751
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
752
+ opacity: 1 !important;
753
+ }
754
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
755
+ opacity: 0.7 !important;
756
+ }
757
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
700
758
  opacity: 1 !important;
701
759
  }
702
760
 
703
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
761
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
704
762
  color: rgba(255, 255, 2555, 0.7)!important;
705
763
  }
706
764
 
707
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
765
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
708
766
  color: rgba(255, 255, 2555, 1)!important;
709
767
  }
710
768
 
711
769
 
770
+
712
771
  .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
713
772
  font-size: 2.2em;
714
773
  line-height: 2.6;
@@ -1211,31 +1270,26 @@ iframe{
1211
1270
 
1212
1271
 
1213
1272
 
1214
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1273
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1215
1274
  font-size: 2.2em;
1216
1275
  line-height: 2.6;
1217
1276
  }
1218
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1219
- background: white;
1277
+ .video-js.skin_mini{
1278
+ overflow: hidden;
1220
1279
  }
1221
- .video-js.skin_news .vjs-control-bar{
1280
+ .video-js.skin_mini .vjs-control-bar{
1222
1281
  z-index: 1 !important;
1223
- height: 5em !important;
1282
+ height: 4em !important;
1224
1283
  background: black !important;
1225
1284
  }
1226
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1227
- display: flex;
1228
- align-items: center;
1229
- justify-content: center;
1230
- }
1231
1285
 
1232
- .video-js.skin_news .vjs-fade>* {
1286
+ .video-js.skin_mini .vjs-fade>* {
1233
1287
  visibility: hidden !important;
1234
1288
  opacity: 0 !important;
1235
1289
  transition: visibility 1s, opacity 1s !important;
1236
1290
  }
1237
1291
 
1238
- .video-js.skin_news .custom-spaced-progress-bar {
1292
+ .video-js.skin_mini .custom-spaced-progress-bar {
1239
1293
  position: absolute;
1240
1294
  width: 100%;
1241
1295
  display: flex;
@@ -1243,7 +1297,7 @@ iframe{
1243
1297
  top: -0.5em;
1244
1298
  }
1245
1299
 
1246
- .video-js.skin_news .vjs-progress-control {
1300
+ .video-js.skin_mini .vjs-progress-control {
1247
1301
  /* left: -6px; */
1248
1302
  position: relative;
1249
1303
  width: 100%;
@@ -1254,19 +1308,19 @@ iframe{
1254
1308
 
1255
1309
 
1256
1310
 
1257
- .video-js.skin_news .vjs-custom-control-spacer {
1311
+ .video-js.skin_mini .vjs-custom-control-spacer {
1258
1312
  display: block;
1259
1313
  flex: 1 1 auto;
1260
1314
  }
1261
1315
 
1262
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1316
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1263
1317
  margin: 0 0px 0 0px;
1264
1318
  }
1265
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1319
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1266
1320
  display: none;
1267
1321
  }
1268
1322
 
1269
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1323
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1270
1324
  font-size: 14px;
1271
1325
  font-weight: 500;
1272
1326
  align-self: center;
@@ -1275,143 +1329,158 @@ iframe{
1275
1329
  border-radius: 8px;
1276
1330
  }
1277
1331
 
1278
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1279
- height: 6px !important;
1332
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1333
+ height: 5px !important;
1280
1334
  }
1281
1335
 
1282
- .video-js.skin_news .vjs-play-progress:before {
1283
- font-size: 1.5em;
1336
+ .video-js.skin_mini .vjs-play-progress:before {
1337
+ font-size: 1.3em;
1284
1338
  line-height: unset;
1285
1339
  top: -0.3333333333em;
1286
1340
  }
1287
1341
 
1288
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1342
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1289
1343
  display: none !important;
1290
1344
  }
1291
1345
 
1292
1346
  /* */
1293
- .video-js.skin_news .vjs-mouse-display{
1347
+ .video-js.skin_mini .vjs-mouse-display{
1294
1348
  font-size: 1.6666666667em;
1295
1349
  }
1296
1350
 
1297
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1351
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1298
1352
  font-size: 1em !important;
1299
1353
  }
1300
1354
 
1301
- .video-js.skin_news .vjs-button{
1302
- width: 5.3em;
1355
+ .video-js.skin_mini .vjs-button{
1356
+ width: 3em;
1303
1357
  display: flex;
1304
1358
  align-items: center;
1305
1359
  justify-content: center;
1306
1360
  }
1307
1361
 
1308
1362
 
1309
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1363
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1310
1364
  .icon-maximize {
1311
1365
  display: block;
1312
1366
  height: 32px;
1313
1367
  }
1314
1368
 
1315
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1369
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1316
1370
  line-height: 4;
1317
1371
  }
1318
1372
 
1319
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1373
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1320
1374
  .icon-minimize {
1321
1375
  display: none;
1322
1376
  height: 32px;
1323
1377
  }
1324
1378
 
1325
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1379
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1326
1380
  outline: none !important;
1327
1381
  }
1328
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1382
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1329
1383
  .vjs-icon-fullscreen-enter:before {
1330
1384
  /* content: '' !important; */
1331
1385
  }
1332
1386
 
1333
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1387
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1334
1388
  display: flex;
1335
1389
  justify-content: center;
1336
1390
  align-items: center;
1337
1391
  /* transform: rotate(90deg); */
1338
1392
  }
1339
1393
 
1340
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1394
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1341
1395
  display: none;
1342
1396
  }
1343
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1397
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1344
1398
  margin-left: -10px;
1399
+ display: none;
1345
1400
  }
1346
1401
 
1347
- .video-js.skin_news .skipbtn:hover{
1402
+ .video-js.skin_mini .vjs-loading-spinner {
1403
+ position: absolute;
1404
+ top: 50%;
1405
+ left: 50%;
1406
+ transform: translate(-50%, -50%);
1407
+ opacity: .85;
1408
+ text-align: left;
1409
+ border: .2em solid rgba(43, 51, 63, .7);
1410
+ box-sizing: border-box;
1411
+ background-clip: padding-box;
1412
+ width: 3em;
1413
+ height: 3em;
1414
+ border-radius: 50%;
1415
+ visibility: hidden;
1416
+ }
1417
+
1418
+ .video-js.skin_mini .skipbtn:hover{
1348
1419
  cursor: pointer;
1349
1420
  }
1350
1421
 
1351
- .video-js.skin_news .rewindbtn:hover{
1422
+ .video-js.skin_mini .rewindbtn:hover{
1352
1423
  cursor: pointer;
1353
1424
  }
1354
1425
 
1355
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1426
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1356
1427
  position: relative;
1357
1428
  padding-left: 0;
1358
1429
  }
1359
1430
 
1360
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1361
- display: none !important;
1431
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1432
+ width: 40px;
1433
+ height: 40px;
1434
+ display: flex;
1435
+ justify-content: center;
1436
+ align-items: center;
1437
+ border: none;
1438
+ position: absolute;
1439
+ top: 0;
1440
+ left: 0;
1441
+ right: 0;
1442
+ bottom: 0;
1443
+ margin: auto;
1444
+ font-size: 3em;
1445
+ line-height: 1.3em;
1446
+ transform: none !important;
1447
+ border-radius: 1.3em;
1362
1448
  }
1363
1449
 
1364
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1365
- width: 90px;
1366
- height: 90px;
1367
- display: flex;
1368
- justify-content: center;
1369
- align-items: center;
1370
- border-radius: 50%;
1371
- position: absolute;
1372
- top: 0;
1373
- left: 0;
1374
- right: 0;
1375
- bottom: 0;
1376
- margin: auto;
1377
- font-size: 6em;
1378
- line-height: 1.4em;
1379
- border: 0.05em solid;
1380
- color: inherit;
1381
- }
1382
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1450
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1383
1451
  font-weight: bold;
1384
1452
  }
1385
1453
 
1386
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1387
- bottom: 2.4em !important;
1388
- right: -1em;
1454
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1455
+ bottom: 1.1em !important;
1456
+ right: 1em;
1389
1457
  z-index: 1;
1458
+ font-size: 10px;
1390
1459
  }
1391
1460
 
1392
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1461
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1393
1462
  width: 24px !important;
1394
1463
  height: 24px !important;
1395
1464
  }
1396
- .settings-selector-icon>svg{
1465
+ .video-js.skin_mini .settings-selector-icon>svg{
1397
1466
  height: 19px !important;
1398
1467
  width: 19px !important;
1399
1468
  }
1400
1469
 
1401
1470
 
1402
- .video-js.skin_news button.vjs-rewind-button{
1471
+ .video-js.skin_mini button.vjs-rewind-button{
1403
1472
  cursor: pointer;
1404
1473
  }
1405
1474
 
1406
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1475
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1407
1476
  padding-right: 0;
1408
1477
  }
1409
1478
 
1410
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1479
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1411
1480
  padding-left: 0;
1412
1481
  }
1413
1482
 
1414
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1483
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1415
1484
  padding-left: 0;
1416
1485
  padding-right: 0;
1417
1486
  display: flex;
@@ -1419,46 +1488,48 @@ iframe{
1419
1488
  width: min-content;
1420
1489
  }
1421
1490
 
1422
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1491
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1423
1492
  display: none
1424
1493
  }
1425
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1494
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1426
1495
  display: none
1427
1496
  }
1428
1497
 
1429
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1430
- display: flex;
1431
- align-items: center;
1432
- font-weight: 700;
1433
- font-size: 12px;
1434
- min-width: 1.2em;
1498
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1499
+ display: flex;
1500
+ align-items: center;
1501
+ font-weight: 700;
1502
+ font-size: 9px;
1503
+ min-width: 0.8em;
1504
+ padding-left: 0;
1435
1505
  }
1436
1506
 
1437
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1507
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1438
1508
  display: none;
1439
1509
  font-size: 11px;
1440
1510
  justify-content: center;
1441
1511
  align-items: center;
1442
1512
  user-select: none;
1443
1513
  }
1444
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1514
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1445
1515
  display: none;
1446
1516
  }
1447
1517
 
1448
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1518
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1449
1519
  height: min-content;
1450
1520
  width: min-content;
1451
1521
  }
1452
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1453
- width: 6em;
1522
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1523
+ width: 3em;
1524
+ margin-right: 4px;
1454
1525
  }
1455
1526
 
1456
- .video-js.skin_news .content{
1527
+ .video-js.skin_mini .content{
1457
1528
  bottom: 3.4rem !important;
1458
1529
  right: -4rem !important;
1459
1530
  }
1460
1531
 
1461
- .setting-icon > svg{
1532
+ .video-js.skin_mini .setting-icon > svg{
1462
1533
  height:18px !important;
1463
1534
  }
1464
1535
 
@@ -1477,10 +1548,11 @@ iframe{
1477
1548
  height: 100%;
1478
1549
  }
1479
1550
 
1480
- .video-js.skin_news .vjs-live-control{
1551
+ .video-js.skin_mini .vjs-live-control{
1481
1552
  align-items: center;
1553
+ max-width: 5em;
1482
1554
  }
1483
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1555
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1484
1556
  height: 2.2em;
1485
1557
  display: flex;
1486
1558
  align-items: center;
@@ -1488,257 +1560,185 @@ iframe{
1488
1560
  width: 4em;
1489
1561
  justify-content: center;
1490
1562
  background: red;
1491
- margin: 4px 0px 4px 12px;
1563
+ margin: 4px 0px 4px 2px;
1492
1564
  }
1493
1565
 
1494
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1566
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1495
1567
  text-shadow: none;
1496
1568
  }
1497
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1569
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1498
1570
  display: none;
1499
1571
  font-size: 12px;
1500
1572
  }
1501
1573
 
1502
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1503
- height: 2.2em;
1574
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1575
+ height: 1.8em;
1504
1576
  display: inline-flex;
1505
1577
  align-items: center;
1506
- /* font-family: monospace; */
1578
+ font-family: monospace;
1507
1579
  justify-content: center;
1508
- border: 2px solid;
1509
- margin: 4px 0px 4px 6px;
1580
+ border: 1.5px solid;
1581
+ margin: 4px 0px 4px 2px;
1510
1582
  white-space: pre;
1511
- padding: 0px 6px;
1583
+ padding: 2px 4px;
1512
1584
  font-size: 1.2em;
1513
1585
  font-weight: 500;
1514
1586
  color: rgba(255, 255, 2555, 0.7);
1515
-
1516
- letter-spacing: -.1px;
1517
- line-height: normal;
1518
- text-transform: uppercase;
1519
- color: #FFFFFF;
1520
- opacity: .7;
1521
- font-family: "Proxima Nova";
1522
- }
1523
-
1524
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1525
- opacity: 1;
1526
1587
  }
1527
1588
 
1528
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1589
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1529
1590
  content: "NOT LIVE";
1530
- }
1531
-
1532
- .settings-selection.vjs-control.vjs-button{
1533
- display: flex !important;
1534
- }
1535
-
1536
- @media(max-width:576px){
1537
- .settings-selection.vjs-control.vjs-button{
1538
- display: none !important;
1539
- }
1591
+ word-spacing: -4px;
1540
1592
  }
1541
1593
 
1542
1594
 
1543
- @media(max-width:576px){
1595
+ @media(max-width:600px){
1544
1596
  .tvProviderImage{
1545
1597
  display: none
1546
1598
  }
1547
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1599
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1548
1600
  .icon-maximize {
1549
1601
  height: 30px !important;
1550
1602
  }
1551
1603
 
1552
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1604
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1553
1605
  .icon-minimize {
1554
1606
  height: 30px !important;
1555
1607
  }
1556
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1557
- width: 4.5em;
1608
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1609
+ width: 3.5em;
1558
1610
  }
1559
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1611
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1560
1612
  height: min-content;
1561
1613
  }
1562
1614
 
1563
- .video-js.skin_news button.vjs-slowmo-button{
1615
+ .video-js.skin_mini button.vjs-slowmo-button{
1564
1616
  display: none;
1565
1617
  }
1566
- .video-js.skin_news button.vjs-rewind-button{
1618
+ .video-js.skin_mini button.vjs-rewind-button{
1567
1619
  display: none;
1568
1620
  }
1569
- .video-js.skin_news button.vjs-rewind-button>svg{
1621
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1570
1622
  height: 20px;
1571
1623
  }
1572
- .video-js.skin_news .vjs-button{
1573
- width: 4.8em;
1624
+ .video-js.skin_mini .vjs-button{
1625
+ width: 3em;
1574
1626
  }
1575
- .video-js.skin_news .widget-selection{
1627
+ .video-js.skin_mini .widget-selection{
1576
1628
  display: none;
1577
1629
  }
1578
- .video-js.skin_news .container{
1630
+ .video-js.skin_mini .container{
1579
1631
  display: none !important;
1580
1632
  }
1581
- .video-js.skin_news .vjs-control-bar{
1633
+ .video-js.skin_mini .vjs-control-bar{
1582
1634
  height: 4em !important;
1583
1635
  }
1584
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1636
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1585
1637
  font-size: 2.5em;
1586
1638
  line-height: 1.5;
1587
1639
  }
1588
- .video-js.skin_news .vjs-play-progress:before {
1640
+ .video-js.skin_mini .vjs-play-progress:before {
1589
1641
  font-size: 1.2em;
1590
1642
  position: absolute;
1591
1643
  right: -0.5em;
1592
1644
  z-index: 1;
1593
1645
  }
1594
- .video-js.skin_news button.vjs-skip-button>svg{
1646
+ .video-js.skin_mini button.vjs-skip-button>svg{
1595
1647
  height: 20px;
1596
1648
  }
1597
- .video-js.skin_news button.vjs-big-play-button {
1598
- width: 50px !important;
1599
- height: 50px !important;
1600
- font-size: 2.1rem !important;
1601
- }
1602
1649
 
1603
1650
  .stream-selector-icon>svg{
1604
1651
  width: 24px;
1605
1652
  height: 24px;
1606
1653
  }
1607
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1608
- margin: 0 12px 0 12px;
1609
- }
1610
- .video-js.skin_news .vjs-seek-to-live-text{
1654
+ .video-js.skin_mini .vjs-seek-to-live-text{
1611
1655
  font-size: 12px;
1612
1656
  }
1613
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1614
- margin: 0 12px 0 12px;
1657
+
1658
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1659
+ color: white !important;
1660
+ font-size: 16px !important;
1661
+ background-color: rgba(0,0,0,0.2) !important;
1662
+ }
1615
1663
  }
1664
+
1665
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1666
+ color: white !important;
1667
+ font-size: 16px !important;
1668
+ background-color: rgba(0,0,0,0.2) !important;
1616
1669
  }
1617
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1618
- width: 90px;
1619
- height: 90px;
1620
- display: flex;
1621
- justify-content: center;
1622
- align-items: center;
1623
- border-radius: 50%;
1624
- position: absolute;
1625
- top: 0;
1626
- left: 0;
1627
- right: 0;
1628
- bottom: 0;
1629
- margin: auto;
1630
- font-size: 6em;
1631
- line-height: 1.4em;
1670
+
1671
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1672
+ font-size: 18px !important;
1632
1673
  }
1633
1674
 
1634
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1675
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1676
+ margin-bottom: 1rem !important;
1677
+ }
1678
+
1679
+
1680
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1635
1681
  display: flex;
1636
1682
  justify-content: center;
1637
1683
  align-items: center;
1638
1684
  height: 100%;
1639
1685
  transition: width 0.1s;
1640
1686
  }
1687
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1688
+ margin: 2px;
1689
+ }
1641
1690
 
1642
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1691
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1643
1692
  display: flex;
1644
1693
  justify-content: center;
1645
1694
  align-items: center;
1646
1695
  height: 100%;
1647
1696
  transition: width 0.1s;
1648
1697
  }
1649
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1650
- display: none !important;
1651
- }
1652
- .video-js.skin_news .ssai-ad-container{
1653
- position: absolute;
1654
- bottom: 14px;
1698
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1699
+ display: grid;
1700
+ font-size: 10px;
1701
+ grid-template-columns: 1fr;
1702
+ grid-template-rows: 1fr;
1703
+ padding: 1px 0px 0 0px;
1704
+ margin: 0;
1655
1705
  }
1656
1706
 
1657
- @media (max-width: 576px) {
1658
- .video-js.skin_news .ssai-ad-container{
1659
- bottom: 2px;
1660
- }
1661
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1707
+ @media (max-width: 600px) {
1708
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1662
1709
  height: 5px !important;
1663
1710
  }
1664
- .video-js.skin_news button.vjs-big-play-button {
1665
- width: 50px !important;
1666
- height: 50px !important;
1667
- font-size: 2.1rem !important;
1668
- }
1669
1711
 
1670
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1712
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1671
1713
  display: none;
1672
1714
  }
1673
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1674
- bottom: 2.4em !important;
1675
- right: -1em;
1676
- z-index: 1;
1677
- }
1678
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1679
- display: none !important;
1680
- }
1681
-
1682
- .video-js.skin_news .vjs-text-track-display-ttml span {
1683
- color: white !important;
1684
- font-size: 13px !important;
1685
- background-color: black !important;
1686
- }
1687
- }
1688
-
1689
- .video-js.skin_news .vjs-text-track-display-ttml span {
1690
- color: white !important;
1691
- font-size: 16px !important;
1692
- background-color: black !important;
1693
- }
1694
-
1695
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1696
- margin-bottom: 2rem !important;
1697
- }
1698
-
1699
- .video-js.skin_news .vjs-text-track-display-ttml p {
1700
- font-size: 18px !important;
1701
- }
1702
-
1703
1715
 
1704
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1705
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1706
- font-size: 1.2em !important;
1707
- line-height: 1.5em !important;
1708
- padding: 0.2em 0.8em !important;
1709
1716
  }
1710
1717
 
1711
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1718
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1712
1719
  content: none !important;
1713
1720
  fill: none !important;
1714
1721
  filter: none !important;
1715
1722
  }
1716
1723
 
1717
1724
  /* svg icons opacity and hover effect */
1718
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1725
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1719
1726
  opacity: 0.7 !important;
1720
1727
  }
1721
1728
 
1722
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1723
- opacity: 1 !important;
1724
- }
1725
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1726
- opacity: 0.7 !important;
1727
- }
1728
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1729
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1729
1730
  opacity: 1 !important;
1730
1731
  }
1731
1732
 
1732
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
1734
  color: rgba(255, 255, 2555, 0.7)!important;
1734
1735
  }
1735
1736
 
1736
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
1738
  color: rgba(255, 255, 2555, 1)!important;
1738
1739
  }
1739
1740
 
1740
1741
 
1741
-
1742
1742
  /* CSS for videojs-dvr-seekbar */
1743
1743
 
1744
1744
  .video-js.vjs-dvr-seekbar {
@@ -1919,7 +1919,6 @@ iframe{
1919
1919
 
1920
1920
 
1921
1921
 
1922
-
1923
1922
  .video-js .multicamera-parent.default{
1924
1923
  height: 345px;
1925
1924
  position: absolute;
@@ -2001,6 +2000,8 @@ iframe{
2001
2000
 
2002
2001
 
2003
2002
 
2003
+
2004
+
2004
2005
  .vjs-custom-big-mute.vjs-control{
2005
2006
  position: absolute;
2006
2007
  align-items: center;
@@ -2049,7 +2050,6 @@ iframe{
2049
2050
  width: 22px;
2050
2051
  }
2051
2052
 
2052
-
2053
2053
  /* nextep */
2054
2054
  .next-ep-preview{
2055
2055
  position: absolute;