@viewlift/player-backup 2.0.311-backup → 2.0.313-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 (59) hide show
  1. package/cjs/{autoNextVideo-fc2b431a.js → autoNextVideo-1219220b.js} +1 -1
  2. package/cjs/bundle.css +1009 -1009
  3. package/cjs/{features-82d9ca88.js → features-1b6f9b76.js} +1 -1
  4. package/cjs/{generic-4ce1f920.js → generic-460c2f4c.js} +1 -1
  5. package/cjs/{index-f1e5b1d5.js → index-15040639.js} +1 -1
  6. package/cjs/index-d012ce66.js +1 -0
  7. package/cjs/{index-797d8a32.js → index-df46f39c.js} +1 -1
  8. package/cjs/{index-b1300549.js → index-fed823e4.js} +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/{multicamv2-25a94798.js → multicamv2-b46493cd.js} +1 -1
  11. package/cjs/{multicamv2-23894cf4.js → multicamv2-fb311cf2.js} +1 -1
  12. package/cjs/{nextEpisodeButton-aefe2360.js → nextEpisodeButton-651ab380.js} +1 -1
  13. package/cjs/{playlist-5c5ae2cc.js → playlist-649c8f45.js} +1 -1
  14. package/cjs/{series-53707da1.js → series-b109f9a2.js} +1 -1
  15. package/cjs/{series-v2-9ce94819.js → series-v2-86b32c0e.js} +1 -1
  16. package/cjs/{series-v2-0a721372.js → series-v2-d2950b02.js} +1 -1
  17. package/cjs/{skin-83ddc49a.js → skin-08149121.js} +1 -1
  18. package/cjs/{skin-cfb04340.js → skin-2193cc41.js} +1 -1
  19. package/cjs/{skin-9d5d2398.js → skin-222dc6b7.js} +1 -1
  20. package/cjs/{skin-880a2f6b.js → skin-4e3170cf.js} +1 -1
  21. package/cjs/{skin-1ccfd6d0.js → skin-765e1355.js} +1 -1
  22. package/cjs/{skin-c583857e.js → skin-886a6d4b.js} +1 -1
  23. package/cjs/{skin-bf731683.js → skin-8bcb6a55.js} +1 -1
  24. package/cjs/{skin-7ec3be36.js → skin-c8d40d82.js} +1 -1
  25. package/cjs/{skin-01efeb40.js → skin-dbacca02.js} +1 -1
  26. package/cjs/{skin-467293c8.js → skin-e4a31cb3.js} +1 -1
  27. package/cjs/{videoSelector-c73db767.js → videoSelector-13aaa2d8.js} +1 -1
  28. package/cjs/{videoSelector-2c01eb95.js → videoSelector-6a0fa8d0.js} +1 -1
  29. package/esm/{autoNextVideo-87c3e2a1.js → autoNextVideo-1ade2ac8.js} +1 -1
  30. package/esm/bundle.css +1009 -1009
  31. package/esm/{features-bb94cb4f.js → features-c38a5458.js} +1 -1
  32. package/esm/{generic-eb5ecc78.js → generic-859e1b0f.js} +1 -1
  33. package/esm/{index-54dd8002.js → index-022a4725.js} +1 -1
  34. package/esm/index-41558ed2.js +1 -0
  35. package/esm/{index-bf078f35.js → index-4fd3b927.js} +1 -1
  36. package/esm/{index-6b1a53a6.js → index-6c225809.js} +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/{multicamv2-1d7d506c.js → multicamv2-21b1f1c1.js} +1 -1
  39. package/esm/{multicamv2-49e47601.js → multicamv2-71e2abdd.js} +1 -1
  40. package/esm/{nextEpisodeButton-b81b9816.js → nextEpisodeButton-36f416dc.js} +1 -1
  41. package/esm/{playlist-344f2c42.js → playlist-d838f1a7.js} +1 -1
  42. package/esm/{series-5fe561c3.js → series-d1b982ab.js} +1 -1
  43. package/esm/{series-v2-61c35597.js → series-v2-03cef666.js} +1 -1
  44. package/esm/{series-v2-85bfd9eb.js → series-v2-2559637f.js} +1 -1
  45. package/esm/{skin-4c3bb9d8.js → skin-08cd7f59.js} +1 -1
  46. package/esm/{skin-75142274.js → skin-0fb217b1.js} +1 -1
  47. package/esm/{skin-497e0641.js → skin-2080b142.js} +1 -1
  48. package/esm/{skin-a5c5b87f.js → skin-21d67daa.js} +1 -1
  49. package/esm/{skin-cccac219.js → skin-255cf575.js} +1 -1
  50. package/esm/{skin-dd8b0e02.js → skin-361a4e27.js} +1 -1
  51. package/esm/{skin-991aeb3d.js → skin-49aa30ba.js} +1 -1
  52. package/esm/{skin-b575a309.js → skin-77405f2e.js} +1 -1
  53. package/esm/{skin-872cc671.js → skin-77c06b80.js} +1 -1
  54. package/esm/{skin-c4422c7c.js → skin-a28700c4.js} +1 -1
  55. package/esm/{videoSelector-ea4bd7c8.js → videoSelector-25b6e54e.js} +1 -1
  56. package/esm/{videoSelector-93d7b4c1.js → videoSelector-556c1f53.js} +1 -1
  57. package/package.json +2 -2
  58. package/cjs/index-6eb3b36c.js +0 -1
  59. package/esm/index-3d5ab252.js +0 -1
package/cjs/bundle.css CHANGED
@@ -1,5 +1,201 @@
1
1
 
2
2
 
3
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
4
+ height: 0.7em;
5
+ position: absolute;
6
+ top: -0.7em;
7
+ width: 100%;
8
+ }
9
+
10
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
11
+ height: 100%;
12
+ }
13
+
14
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
15
+ line-height: 2.5;
16
+ }
17
+
18
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
19
+ height: 19px;
20
+ width: 19px;
21
+ cursor: pointer;
22
+ }
23
+ .video-js.skin_vlone .vjs-control {
24
+ user-select: none;
25
+ }
26
+ .video-js.skin_vlone .vjs-custom-control-spacer{
27
+ user-select: none;
28
+ }
29
+
30
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
31
+ height: 19px;
32
+ width: 19px;
33
+ cursor: pointer;
34
+ }
35
+
36
+ .video-js.skin_vlone .vjs-play-progress:before {
37
+ display: none !important;
38
+ }
39
+
40
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
41
+ margin: 0 !important;
42
+
43
+ }
44
+
45
+
46
+ .video-js.skin_vlone .vjs-custom-control-spacer {
47
+ display: block;
48
+ flex: 1 1 auto;
49
+ }
50
+
51
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
52
+ z-index: 1;
53
+ }
54
+
55
+
56
+ .video-js.skin_vlone .vjs-control-bar {
57
+ height: 40px;
58
+ }
59
+
60
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
61
+ .vjs-button>.vjs-icon-placeholder:before {
62
+ position: relative !important;
63
+ }
64
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
65
+ display: flex;
66
+ left: 0px;
67
+ top: -1px;
68
+ }
69
+
70
+ .vjs-button>.vjs-icon-placeholder:before {
71
+ font-size: 2em !important;
72
+ }
73
+
74
+ .video-js.skin_vlone .vjs-control {
75
+ width: 4.3em;
76
+ }
77
+
78
+ .vjs-menu-button-popup .vjs-menu {
79
+ bottom: 10px !important;
80
+ }
81
+
82
+
83
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
84
+ height: 1.3em;
85
+ position: absolute;
86
+ top: -1.3em;
87
+ transition: height 0.3s, top 0.3s;
88
+ }
89
+
90
+
91
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
92
+ display: none !important;
93
+ }
94
+
95
+ .video-js.skin_vlone .vjs-time-control {
96
+ display: block;
97
+ }
98
+ .video-js.skin_vlone .vjs-remaining-time {
99
+ display: none;
100
+ }
101
+
102
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
103
+ line-height: 3.5em;
104
+ font-size: 1.1em;
105
+ min-width: 4em;
106
+ }
107
+
108
+ .video-js.skin_vlone .vjs-time-divider > div{
109
+ display: flex;
110
+ justify-content: center;
111
+ }
112
+
113
+ .video-js.skin_vlone .vjs-live-control{
114
+ align-items: center;
115
+ }
116
+ .video-js.skin_vlone .vjs-live-display{
117
+ height: 2.2em;
118
+ display: flex;
119
+ align-items: center;
120
+ font-family: monospace;
121
+ width: 4em;
122
+ justify-content: center;
123
+ background: red;
124
+ margin: 4px 0px 4px 12px;
125
+ }
126
+ .video-js.skin_vlone .vjs-live-display:hover{
127
+ cursor: pointer;
128
+ }
129
+
130
+ .video-js.skin_vlone .vjs-time-control {
131
+ line-height: 3.5em !important;
132
+ font-size: 1.1em !important;
133
+ width: min-content !important;
134
+ min-width: 1.5em;
135
+ padding: 0 !important;
136
+ user-select: none;
137
+ }
138
+
139
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
140
+ margin-left: 16px !important;
141
+ }
142
+
143
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
144
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
145
+ font-size: 1.2em !important;
146
+ line-height: 1.5em !important;
147
+ padding: 0.2em 0.8em !important;
148
+ }
149
+
150
+
151
+ /* Big play */
152
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
153
+ width: 80px;
154
+ height: 80px;
155
+ display: flex;
156
+ justify-content: center;
157
+ align-items: center;
158
+ border: none;
159
+ position: absolute;
160
+ top: 0;
161
+ left: 0;
162
+ right: 0;
163
+ bottom: 0;
164
+ margin: auto;
165
+ font-size: 5em;
166
+ line-height: 1.3em;
167
+ transform: none !important;
168
+ border-radius: 1.3em;
169
+ }
170
+ .video-js.skin_vlone .ssai-ad-container{
171
+ position: absolute;
172
+ bottom: 4px;
173
+ }
174
+
175
+ @media(max-width:600px){
176
+ .video-js.skin_vlone button.vjs-big-play-button {
177
+ width: 50px !important;
178
+ height: 50px !important;
179
+ font-size: 2.1rem !important;
180
+ }
181
+
182
+ .video-js.skin_vlone .ssai-ad-container {
183
+ position: absolute;
184
+ bottom: 2px;
185
+ }
186
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
187
+ display: none;
188
+ }
189
+
190
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
191
+ /* display: none; */
192
+ }
193
+
194
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
195
+ /* display: none; */
196
+ }
197
+ }
198
+
3
199
 
4
200
 
5
201
  .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
@@ -504,31 +700,27 @@
504
700
 
505
701
 
506
702
 
507
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
703
+
704
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
508
705
  font-size: 2.2em;
509
706
  line-height: 2.6;
510
707
  }
511
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
512
- background: white;
708
+ .video-js.skin_mini{
709
+ overflow: hidden;
513
710
  }
514
- .video-js.skin_news .vjs-control-bar{
711
+ .video-js.skin_mini .vjs-control-bar{
515
712
  z-index: 1 !important;
516
- height: 5em !important;
713
+ height: 4em !important;
517
714
  background: black !important;
518
715
  }
519
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
520
- display: flex;
521
- align-items: center;
522
- justify-content: center;
523
- }
524
716
 
525
- .video-js.skin_news .vjs-fade>* {
717
+ .video-js.skin_mini .vjs-fade>* {
526
718
  visibility: hidden !important;
527
719
  opacity: 0 !important;
528
720
  transition: visibility 1s, opacity 1s !important;
529
721
  }
530
722
 
531
- .video-js.skin_news .custom-spaced-progress-bar {
723
+ .video-js.skin_mini .custom-spaced-progress-bar {
532
724
  position: absolute;
533
725
  width: 100%;
534
726
  display: flex;
@@ -536,7 +728,7 @@
536
728
  top: -0.5em;
537
729
  }
538
730
 
539
- .video-js.skin_news .vjs-progress-control {
731
+ .video-js.skin_mini .vjs-progress-control {
540
732
  /* left: -6px; */
541
733
  position: relative;
542
734
  width: 100%;
@@ -547,19 +739,19 @@
547
739
 
548
740
 
549
741
 
550
- .video-js.skin_news .vjs-custom-control-spacer {
742
+ .video-js.skin_mini .vjs-custom-control-spacer {
551
743
  display: block;
552
744
  flex: 1 1 auto;
553
745
  }
554
746
 
555
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
747
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
556
748
  margin: 0 0px 0 0px;
557
749
  }
558
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
750
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
559
751
  display: none;
560
752
  }
561
753
 
562
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
754
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
563
755
  font-size: 14px;
564
756
  font-weight: 500;
565
757
  align-self: center;
@@ -568,143 +760,158 @@
568
760
  border-radius: 8px;
569
761
  }
570
762
 
571
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
572
- height: 6px !important;
763
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
764
+ height: 5px !important;
573
765
  }
574
766
 
575
- .video-js.skin_news .vjs-play-progress:before {
576
- font-size: 1.5em;
767
+ .video-js.skin_mini .vjs-play-progress:before {
768
+ font-size: 1.3em;
577
769
  line-height: unset;
578
770
  top: -0.3333333333em;
579
771
  }
580
772
 
581
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
773
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
582
774
  display: none !important;
583
775
  }
584
776
 
585
777
  /* */
586
- .video-js.skin_news .vjs-mouse-display{
778
+ .video-js.skin_mini .vjs-mouse-display{
587
779
  font-size: 1.6666666667em;
588
780
  }
589
781
 
590
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
782
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
591
783
  font-size: 1em !important;
592
784
  }
593
785
 
594
- .video-js.skin_news .vjs-button{
595
- width: 5.3em;
786
+ .video-js.skin_mini .vjs-button{
787
+ width: 3em;
596
788
  display: flex;
597
789
  align-items: center;
598
790
  justify-content: center;
599
791
  }
600
792
 
601
793
 
602
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
794
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
603
795
  .icon-maximize {
604
796
  display: block;
605
797
  height: 32px;
606
798
  }
607
799
 
608
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
800
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
609
801
  line-height: 4;
610
802
  }
611
803
 
612
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
804
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
613
805
  .icon-minimize {
614
806
  display: none;
615
807
  height: 32px;
616
808
  }
617
809
 
618
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
810
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
619
811
  outline: none !important;
620
812
  }
621
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
813
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
622
814
  .vjs-icon-fullscreen-enter:before {
623
815
  /* content: '' !important; */
624
816
  }
625
817
 
626
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
818
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
627
819
  display: flex;
628
820
  justify-content: center;
629
821
  align-items: center;
630
822
  /* transform: rotate(90deg); */
631
823
  }
632
824
 
633
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
825
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
634
826
  display: none;
635
827
  }
636
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
828
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
637
829
  margin-left: -10px;
830
+ display: none;
638
831
  }
639
832
 
640
- .video-js.skin_news .skipbtn:hover{
833
+ .video-js.skin_mini .vjs-loading-spinner {
834
+ position: absolute;
835
+ top: 50%;
836
+ left: 50%;
837
+ transform: translate(-50%, -50%);
838
+ opacity: .85;
839
+ text-align: left;
840
+ border: .2em solid rgba(43, 51, 63, .7);
841
+ box-sizing: border-box;
842
+ background-clip: padding-box;
843
+ width: 3em;
844
+ height: 3em;
845
+ border-radius: 50%;
846
+ visibility: hidden;
847
+ }
848
+
849
+ .video-js.skin_mini .skipbtn:hover{
641
850
  cursor: pointer;
642
851
  }
643
852
 
644
- .video-js.skin_news .rewindbtn:hover{
853
+ .video-js.skin_mini .rewindbtn:hover{
645
854
  cursor: pointer;
646
855
  }
647
856
 
648
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
857
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
649
858
  position: relative;
650
859
  padding-left: 0;
651
860
  }
652
861
 
653
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
654
- display: none !important;
862
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
863
+ width: 40px;
864
+ height: 40px;
865
+ display: flex;
866
+ justify-content: center;
867
+ align-items: center;
868
+ border: none;
869
+ position: absolute;
870
+ top: 0;
871
+ left: 0;
872
+ right: 0;
873
+ bottom: 0;
874
+ margin: auto;
875
+ font-size: 3em;
876
+ line-height: 1.3em;
877
+ transform: none !important;
878
+ border-radius: 1.3em;
655
879
  }
656
880
 
657
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
658
- width: 90px;
659
- height: 90px;
660
- display: flex;
661
- justify-content: center;
662
- align-items: center;
663
- border-radius: 50%;
664
- position: absolute;
665
- top: 0;
666
- left: 0;
667
- right: 0;
668
- bottom: 0;
669
- margin: auto;
670
- font-size: 6em;
671
- line-height: 1.4em;
672
- border: 0.05em solid;
673
- color: inherit;
674
- }
675
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
881
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
676
882
  font-weight: bold;
677
883
  }
678
884
 
679
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
680
- bottom: 2.4em !important;
681
- right: -1em;
885
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
886
+ bottom: 1.1em !important;
887
+ right: 1em;
682
888
  z-index: 1;
889
+ font-size: 10px;
683
890
  }
684
891
 
685
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
892
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
686
893
  width: 24px !important;
687
894
  height: 24px !important;
688
895
  }
689
- .settings-selector-icon>svg{
896
+ .video-js.skin_mini .settings-selector-icon>svg{
690
897
  height: 19px !important;
691
898
  width: 19px !important;
692
899
  }
693
900
 
694
901
 
695
- .video-js.skin_news button.vjs-rewind-button{
902
+ .video-js.skin_mini button.vjs-rewind-button{
696
903
  cursor: pointer;
697
904
  }
698
905
 
699
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
906
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
700
907
  padding-right: 0;
701
908
  }
702
909
 
703
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
910
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
704
911
  padding-left: 0;
705
912
  }
706
913
 
707
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
914
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
708
915
  padding-left: 0;
709
916
  padding-right: 0;
710
917
  display: flex;
@@ -712,46 +919,48 @@
712
919
  width: min-content;
713
920
  }
714
921
 
715
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
922
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
716
923
  display: none
717
924
  }
718
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
925
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
719
926
  display: none
720
927
  }
721
928
 
722
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
723
- display: flex;
724
- align-items: center;
725
- font-weight: 700;
726
- font-size: 12px;
727
- min-width: 1.2em;
929
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
930
+ display: flex;
931
+ align-items: center;
932
+ font-weight: 700;
933
+ font-size: 9px;
934
+ min-width: 0.8em;
935
+ padding-left: 0;
728
936
  }
729
937
 
730
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
938
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
731
939
  display: none;
732
940
  font-size: 11px;
733
941
  justify-content: center;
734
942
  align-items: center;
735
943
  user-select: none;
736
944
  }
737
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
945
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
738
946
  display: none;
739
947
  }
740
948
 
741
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
949
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
742
950
  height: min-content;
743
951
  width: min-content;
744
952
  }
745
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
746
- width: 6em;
953
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
954
+ width: 3em;
955
+ margin-right: 4px;
747
956
  }
748
957
 
749
- .video-js.skin_news .content{
958
+ .video-js.skin_mini .content{
750
959
  bottom: 3.4rem !important;
751
960
  right: -4rem !important;
752
961
  }
753
962
 
754
- .setting-icon > svg{
963
+ .video-js.skin_mini .setting-icon > svg{
755
964
  height:18px !important;
756
965
  }
757
966
 
@@ -765,15 +974,16 @@
765
974
  pointer-events:none
766
975
  }
767
976
 
768
- .video-js.skin_news iframe{
977
+ .video-js.skin_mini iframe{
769
978
  width: 100%;
770
979
  height: 100%;
771
980
  }
772
981
 
773
- .video-js.skin_news .vjs-live-control{
982
+ .video-js.skin_mini .vjs-live-control{
774
983
  align-items: center;
984
+ max-width: 5em;
775
985
  }
776
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
986
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
777
987
  height: 2.2em;
778
988
  display: flex;
779
989
  align-items: center;
@@ -781,1255 +991,1045 @@
781
991
  width: 4em;
782
992
  justify-content: center;
783
993
  background: red;
784
- margin: 4px 0px 4px 12px;
994
+ margin: 4px 0px 4px 2px;
785
995
  }
786
996
 
787
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
997
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
788
998
  text-shadow: none;
789
999
  }
790
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1000
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
791
1001
  display: none;
792
1002
  font-size: 12px;
793
1003
  }
794
1004
 
795
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
796
- height: 2.2em;
1005
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1006
+ height: 1.8em;
797
1007
  display: inline-flex;
798
1008
  align-items: center;
799
- /* font-family: monospace; */
1009
+ font-family: monospace;
800
1010
  justify-content: center;
801
- border: 2px solid;
802
- margin: 4px 0px 4px 6px;
1011
+ border: 1.5px solid;
1012
+ margin: 4px 0px 4px 2px;
803
1013
  white-space: pre;
804
- padding: 0px 6px;
1014
+ padding: 2px 4px;
805
1015
  font-size: 1.2em;
806
1016
  font-weight: 500;
807
1017
  color: rgba(255, 255, 2555, 0.7);
808
-
809
- letter-spacing: -.1px;
810
- line-height: normal;
811
- text-transform: uppercase;
812
- color: #FFFFFF;
813
- opacity: .7;
814
- font-family: "Proxima Nova";
815
- }
816
-
817
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
818
- opacity: 1;
819
1018
  }
820
1019
 
821
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1020
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
822
1021
  content: "NOT LIVE";
823
- }
824
-
825
- .settings-selection.vjs-control.vjs-button{
826
- display: flex !important;
827
- }
828
-
829
- @media(max-width:576px){
830
- .settings-selection.vjs-control.vjs-button{
831
- display: none !important;
832
- }
1022
+ word-spacing: -4px;
833
1023
  }
834
1024
 
835
1025
 
836
- @media(max-width:576px){
1026
+ @media(max-width:600px){
837
1027
  .tvProviderImage{
838
1028
  display: none
839
1029
  }
840
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1030
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
841
1031
  .icon-maximize {
842
1032
  height: 30px !important;
843
1033
  }
844
1034
 
845
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1035
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
846
1036
  .icon-minimize {
847
1037
  height: 30px !important;
848
1038
  }
849
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
850
- width: 4.5em;
1039
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1040
+ width: 3.5em;
851
1041
  }
852
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1042
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
853
1043
  height: min-content;
854
1044
  }
855
1045
 
856
- .video-js.skin_news button.vjs-slowmo-button{
1046
+ .video-js.skin_mini button.vjs-slowmo-button{
857
1047
  display: none;
858
1048
  }
859
- .video-js.skin_news button.vjs-rewind-button{
1049
+ .video-js.skin_mini button.vjs-rewind-button{
860
1050
  display: none;
861
1051
  }
862
- .video-js.skin_news button.vjs-rewind-button>svg{
1052
+ .video-js.skin_mini button.vjs-rewind-button>svg{
863
1053
  height: 20px;
864
1054
  }
865
- .video-js.skin_news .vjs-button{
866
- width: 4.8em;
1055
+ .video-js.skin_mini .vjs-button{
1056
+ width: 3em;
867
1057
  }
868
- .video-js.skin_news .widget-selection{
1058
+ .video-js.skin_mini .widget-selection{
869
1059
  display: none;
870
1060
  }
871
- .video-js.skin_news .container{
1061
+ .video-js.skin_mini .container{
872
1062
  display: none !important;
873
1063
  }
874
- .video-js.skin_news .vjs-control-bar{
1064
+ .video-js.skin_mini .vjs-control-bar{
875
1065
  height: 4em !important;
876
1066
  }
877
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1067
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
878
1068
  font-size: 2.5em;
879
1069
  line-height: 1.5;
880
1070
  }
881
- .video-js.skin_news .vjs-play-progress:before {
1071
+ .video-js.skin_mini .vjs-play-progress:before {
882
1072
  font-size: 1.2em;
883
1073
  position: absolute;
884
1074
  right: -0.5em;
885
1075
  z-index: 1;
886
1076
  }
887
- .video-js.skin_news button.vjs-skip-button>svg{
1077
+ .video-js.skin_mini button.vjs-skip-button>svg{
888
1078
  height: 20px;
889
1079
  }
890
- .video-js.skin_news button.vjs-big-play-button {
891
- width: 50px !important;
892
- height: 50px !important;
893
- font-size: 2.1rem !important;
894
- }
895
1080
 
896
1081
  .stream-selector-icon>svg{
897
1082
  width: 24px;
898
1083
  height: 24px;
899
1084
  }
900
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
901
- margin: 0 12px 0 12px;
902
- }
903
- .video-js.skin_news .vjs-seek-to-live-text{
1085
+ .video-js.skin_mini .vjs-seek-to-live-text{
904
1086
  font-size: 12px;
905
1087
  }
906
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
907
- margin: 0 12px 0 12px;
1088
+
1089
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1090
+ color: white !important;
1091
+ font-size: 16px !important;
1092
+ background-color: rgba(0,0,0,0.2) !important;
1093
+ }
908
1094
  }
1095
+
1096
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1097
+ color: white !important;
1098
+ font-size: 16px !important;
1099
+ background-color: rgba(0,0,0,0.2) !important;
909
1100
  }
910
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
911
- width: 90px;
912
- height: 90px;
913
- display: flex;
914
- justify-content: center;
915
- align-items: center;
916
- border-radius: 50%;
917
- position: absolute;
918
- top: 0;
919
- left: 0;
920
- right: 0;
921
- bottom: 0;
922
- margin: auto;
923
- font-size: 6em;
924
- line-height: 1.4em;
1101
+
1102
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1103
+ font-size: 18px !important;
925
1104
  }
926
1105
 
927
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1106
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1107
+ margin-bottom: 1rem !important;
1108
+ }
1109
+
1110
+
1111
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
928
1112
  display: flex;
929
1113
  justify-content: center;
930
1114
  align-items: center;
931
1115
  height: 100%;
932
1116
  transition: width 0.1s;
933
1117
  }
1118
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1119
+ margin: 2px;
1120
+ }
934
1121
 
935
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1122
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
936
1123
  display: flex;
937
1124
  justify-content: center;
938
1125
  align-items: center;
939
1126
  height: 100%;
940
1127
  transition: width 0.1s;
941
1128
  }
942
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
943
- display: none !important;
944
- }
945
- .video-js.skin_news .ssai-ad-container{
946
- position: absolute;
947
- bottom: 14px;
1129
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1130
+ display: grid;
1131
+ font-size: 10px;
1132
+ grid-template-columns: 1fr;
1133
+ grid-template-rows: 1fr;
1134
+ padding: 1px 0px 0 0px;
1135
+ margin: 0;
948
1136
  }
949
1137
 
950
- @media (max-width: 576px) {
951
- .video-js.skin_news .ssai-ad-container{
952
- bottom: 2px;
953
- }
954
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1138
+ @media (max-width: 600px) {
1139
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
955
1140
  height: 5px !important;
956
1141
  }
957
- .video-js.skin_news button.vjs-big-play-button {
958
- width: 50px !important;
959
- height: 50px !important;
960
- font-size: 2.1rem !important;
961
- }
962
1142
 
963
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1143
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
964
1144
  display: none;
965
1145
  }
966
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
967
- bottom: 2.4em !important;
968
- right: -1em;
969
- z-index: 1;
970
- }
971
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
972
- display: none !important;
973
- }
974
1146
 
975
- .video-js.skin_news .vjs-text-track-display-ttml span {
976
- color: white;
977
- font-size: 13px;
978
- background-color: black;
979
- }
980
- }
981
-
982
- .video-js.skin_news .vjs-text-track-display-ttml span {
983
- color: white;
984
- font-size: 16px;
985
- background-color: black;
986
- }
987
-
988
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
989
- margin-bottom: 2rem !important;
990
- }
991
-
992
- .video-js.skin_news .vjs-text-track-display-ttml p {
993
- font-size: 18px !important;
994
- }
995
-
996
-
997
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
998
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
999
- font-size: 1.2em !important;
1000
- line-height: 1.5em !important;
1001
- padding: 0.2em 0.8em !important;
1002
1147
  }
1003
1148
 
1004
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1149
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1005
1150
  content: none !important;
1006
1151
  fill: none !important;
1007
1152
  filter: none !important;
1008
1153
  }
1009
1154
 
1010
1155
  /* svg icons opacity and hover effect */
1011
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1156
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1012
1157
  opacity: 0.7 !important;
1013
1158
  }
1014
1159
 
1015
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1016
- opacity: 1 !important;
1017
- }
1018
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1019
- opacity: 0.7 !important;
1020
- }
1021
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1160
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1022
1161
  opacity: 1 !important;
1023
1162
  }
1024
1163
 
1025
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1164
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1026
1165
  color: rgba(255, 255, 2555, 0.7)!important;
1027
1166
  }
1028
1167
 
1029
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1168
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1030
1169
  color: rgba(255, 255, 2555, 1)!important;
1031
1170
  }
1032
1171
 
1033
1172
 
1173
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1174
+ font-size: 2.2em;
1175
+ line-height: 2.6;
1176
+ }
1177
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1178
+ background: white;
1179
+ }
1180
+ .video-js.skin_news .vjs-control-bar{
1181
+ z-index: 1 !important;
1182
+ height: 5em !important;
1183
+ background: black !important;
1184
+ }
1185
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1186
+ display: flex;
1187
+ align-items: center;
1188
+ justify-content: center;
1189
+ }
1034
1190
 
1035
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1036
- height: 0.7em;
1037
- position: absolute;
1038
- top: -0.7em;
1039
- width: 100%;
1191
+ .video-js.skin_news .vjs-fade>* {
1192
+ visibility: hidden !important;
1193
+ opacity: 0 !important;
1194
+ transition: visibility 1s, opacity 1s !important;
1040
1195
  }
1041
1196
 
1042
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1043
- height: 100%;
1197
+ .video-js.skin_news .custom-spaced-progress-bar {
1198
+ position: absolute;
1199
+ width: 100%;
1200
+ display: flex;
1201
+ height: 0.5em;
1202
+ top: -0.5em;
1044
1203
  }
1045
1204
 
1046
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1047
- line-height: 2.5;
1205
+ .video-js.skin_news .vjs-progress-control {
1206
+ /* left: -6px; */
1207
+ position: relative;
1208
+ width: 100%;
1209
+ height: 0.5em;
1210
+ transition: height 0.1s, top 0.1s;
1048
1211
  }
1049
1212
 
1050
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1051
- height: 19px;
1052
- width: 19px;
1053
- cursor: pointer;
1213
+
1214
+
1215
+
1216
+ .video-js.skin_news .vjs-custom-control-spacer {
1217
+ display: block;
1218
+ flex: 1 1 auto;
1054
1219
  }
1055
- .video-js.skin_vlone .vjs-control {
1056
- user-select: none;
1220
+
1221
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1222
+ margin: 0 0px 0 0px;
1057
1223
  }
1058
- .video-js.skin_vlone .vjs-custom-control-spacer{
1059
- user-select: none;
1224
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1225
+ display: none;
1060
1226
  }
1061
1227
 
1062
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1063
- height: 19px;
1064
- width: 19px;
1065
- cursor: pointer;
1228
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1229
+ font-size: 14px;
1230
+ font-weight: 500;
1231
+ align-self: center;
1232
+ height: min-content;
1233
+ padding: 5px 2px;
1234
+ border-radius: 8px;
1066
1235
  }
1067
1236
 
1068
- .video-js.skin_vlone .vjs-play-progress:before {
1069
- display: none !important;
1237
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1238
+ height: 6px !important;
1070
1239
  }
1071
1240
 
1072
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1073
- margin: 0 !important;
1241
+ .video-js.skin_news .vjs-play-progress:before {
1242
+ font-size: 1.5em;
1243
+ line-height: unset;
1244
+ top: -0.3333333333em;
1245
+ }
1074
1246
 
1247
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1248
+ display: none !important;
1075
1249
  }
1076
1250
 
1251
+ /* */
1252
+ .video-js.skin_news .vjs-mouse-display{
1253
+ font-size: 1.6666666667em;
1254
+ }
1077
1255
 
1078
- .video-js.skin_vlone .vjs-custom-control-spacer {
1079
- display: block;
1080
- flex: 1 1 auto;
1256
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1257
+ font-size: 1em !important;
1081
1258
  }
1082
1259
 
1083
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1084
- z-index: 1;
1260
+ .video-js.skin_news .vjs-button{
1261
+ width: 5.3em;
1262
+ display: flex;
1263
+ align-items: center;
1264
+ justify-content: center;
1085
1265
  }
1086
1266
 
1087
1267
 
1088
- .video-js.skin_vlone .vjs-control-bar {
1089
- height: 40px;
1268
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1269
+ .icon-maximize {
1270
+ display: block;
1271
+ height: 32px;
1090
1272
  }
1091
1273
 
1092
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1093
- .vjs-button>.vjs-icon-placeholder:before {
1094
- position: relative !important;
1095
- }
1096
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1097
- display: flex;
1098
- left: 0px;
1099
- top: -1px;
1274
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1275
+ line-height: 4;
1100
1276
  }
1101
1277
 
1102
- .vjs-button>.vjs-icon-placeholder:before {
1103
- font-size: 2em !important;
1278
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1279
+ .icon-minimize {
1280
+ display: none;
1281
+ height: 32px;
1104
1282
  }
1105
1283
 
1106
- .video-js.skin_vlone .vjs-control {
1107
- width: 4.3em;
1284
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1285
+ outline: none !important;
1108
1286
  }
1109
-
1110
- .vjs-menu-button-popup .vjs-menu {
1111
- bottom: 10px !important;
1287
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1288
+ .vjs-icon-fullscreen-enter:before {
1289
+ /* content: '' !important; */
1112
1290
  }
1113
1291
 
1114
-
1115
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1116
- height: 1.3em;
1117
- position: absolute;
1118
- top: -1.3em;
1119
- transition: height 0.3s, top 0.3s;
1292
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1293
+ display: flex;
1294
+ justify-content: center;
1295
+ align-items: center;
1296
+ /* transform: rotate(90deg); */
1120
1297
  }
1121
1298
 
1299
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1300
+ display: none;
1301
+ }
1302
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1303
+ margin-left: -10px;
1304
+ }
1122
1305
 
1123
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1124
- display: none !important;
1306
+ .video-js.skin_news .skipbtn:hover{
1307
+ cursor: pointer;
1125
1308
  }
1126
1309
 
1127
- .video-js.skin_vlone .vjs-time-control {
1128
- display: block;
1310
+ .video-js.skin_news .rewindbtn:hover{
1311
+ cursor: pointer;
1129
1312
  }
1130
- .video-js.skin_vlone .vjs-remaining-time {
1131
- display: none;
1313
+
1314
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1315
+ position: relative;
1316
+ padding-left: 0;
1132
1317
  }
1133
1318
 
1134
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1135
- line-height: 3.5em;
1136
- font-size: 1.1em;
1137
- min-width: 4em;
1319
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1320
+ display: none !important;
1138
1321
  }
1139
1322
 
1140
- .video-js.skin_vlone .vjs-time-divider > div{
1323
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1324
+ width: 90px;
1325
+ height: 90px;
1141
1326
  display: flex;
1142
1327
  justify-content: center;
1143
- }
1144
-
1145
- .video-js.skin_vlone .vjs-live-control{
1146
1328
  align-items: center;
1329
+ border-radius: 50%;
1330
+ position: absolute;
1331
+ top: 0;
1332
+ left: 0;
1333
+ right: 0;
1334
+ bottom: 0;
1335
+ margin: auto;
1336
+ font-size: 6em;
1337
+ line-height: 1.4em;
1338
+ border: 0.05em solid;
1339
+ color: inherit;
1147
1340
  }
1148
- .video-js.skin_vlone .vjs-live-display{
1149
- height: 2.2em;
1150
- display: flex;
1151
- align-items: center;
1152
- font-family: monospace;
1153
- width: 4em;
1154
- justify-content: center;
1155
- background: red;
1156
- margin: 4px 0px 4px 12px;
1157
- }
1158
- .video-js.skin_vlone .vjs-live-display:hover{
1159
- cursor: pointer;
1341
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1342
+ font-weight: bold;
1160
1343
  }
1161
1344
 
1162
- .video-js.skin_vlone .vjs-time-control {
1163
- line-height: 3.5em !important;
1164
- font-size: 1.1em !important;
1165
- width: min-content !important;
1166
- min-width: 1.5em;
1167
- padding: 0 !important;
1168
- user-select: none;
1345
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1346
+ bottom: 2.4em !important;
1347
+ right: -1em;
1348
+ z-index: 1;
1169
1349
  }
1170
1350
 
1171
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1172
- margin-left: 16px !important;
1351
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1352
+ width: 24px !important;
1353
+ height: 24px !important;
1354
+ }
1355
+ .settings-selector-icon>svg{
1356
+ height: 19px !important;
1357
+ width: 19px !important;
1173
1358
  }
1174
1359
 
1175
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1176
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1177
- font-size: 1.2em !important;
1178
- line-height: 1.5em !important;
1179
- padding: 0.2em 0.8em !important;
1360
+
1361
+ .video-js.skin_news button.vjs-rewind-button{
1362
+ cursor: pointer;
1180
1363
  }
1181
1364
 
1365
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1366
+ padding-right: 0;
1367
+ }
1182
1368
 
1183
- /* Big play */
1184
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1185
- width: 80px;
1186
- height: 80px;
1187
- display: flex;
1188
- justify-content: center;
1189
- align-items: center;
1190
- border: none;
1191
- position: absolute;
1192
- top: 0;
1193
- left: 0;
1194
- right: 0;
1195
- bottom: 0;
1196
- margin: auto;
1197
- font-size: 5em;
1198
- line-height: 1.3em;
1199
- transform: none !important;
1200
- border-radius: 1.3em;
1369
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1370
+ padding-left: 0;
1201
1371
  }
1202
- .video-js.skin_vlone .ssai-ad-container{
1203
- position: absolute;
1204
- bottom: 4px;
1372
+
1373
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1374
+ padding-left: 0;
1375
+ padding-right: 0;
1376
+ display: flex;
1377
+ justify-content: center;
1378
+ width: min-content;
1205
1379
  }
1206
-
1207
- @media(max-width:600px){
1208
- .video-js.skin_vlone button.vjs-big-play-button {
1209
- width: 50px !important;
1210
- height: 50px !important;
1211
- font-size: 2.1rem !important;
1212
- }
1213
1380
 
1214
- .video-js.skin_vlone .ssai-ad-container {
1215
- position: absolute;
1216
- bottom: 2px;
1381
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1382
+ display: none
1217
1383
  }
1218
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1219
- display: none;
1384
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1385
+ display: none
1220
1386
  }
1221
1387
 
1222
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1223
- /* display: none; */
1388
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
1389
+ display: flex;
1390
+ align-items: center;
1391
+ font-weight: 700;
1392
+ font-size: 12px;
1393
+ min-width: 1.2em;
1224
1394
  }
1225
1395
 
1226
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1227
- /* display: none; */
1396
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1397
+ display: none;
1398
+ font-size: 11px;
1399
+ justify-content: center;
1400
+ align-items: center;
1401
+ user-select: none;
1228
1402
  }
1403
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1404
+ display: none;
1229
1405
  }
1230
-
1231
1406
 
1407
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1408
+ height: min-content;
1409
+ width: min-content;
1410
+ }
1411
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1412
+ width: 6em;
1413
+ }
1232
1414
 
1233
- .video-js.skin_cn_news .vjs-control-bar {
1234
- z-index: 1 !important;
1235
- height: auto !important;
1236
- padding: 0.8em 30px 0.6em;
1237
- background: transparent !important;
1238
- display: flex;
1239
- flex-wrap: wrap;
1240
- align-items: center;
1241
- column-gap: 10px;
1415
+ .video-js.skin_news .content{
1416
+ bottom: 3.4rem !important;
1417
+ right: -4rem !important;
1242
1418
  }
1243
1419
 
1420
+ .setting-icon > svg{
1421
+ height:18px !important;
1422
+ }
1244
1423
 
1245
- .video-js.skin_cn_news .vjs-control-bar::before {
1246
- content: '';
1424
+ .output-overlay{
1247
1425
  position: absolute;
1248
- left: 0;
1249
- right: 0;
1250
1426
  bottom: 0;
1251
- top: -3em;
1252
- background: linear-gradient(
1253
- to top,
1254
- rgba(0, 0, 0, 0.85) 0%,
1255
- rgba(0, 0, 0, 0.7) 40%,
1256
- rgba(0, 0, 0, 0.55) 70%,
1257
- rgba(0, 0, 0, 0.38) 86%,
1258
- transparent 100%
1259
- );
1260
- pointer-events: none;
1261
- z-index: -1;
1427
+ height: 100%;
1428
+ width: 100%;
1429
+ z-index: 0;
1430
+ border: 0;
1431
+ pointer-events:none
1262
1432
  }
1263
1433
 
1264
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1265
- order: -1;
1266
- flex: 0 0 100%;
1267
- width: 80%;
1268
- margin: 0 0 5em;
1269
- position: relative;
1434
+ .video-js.skin_news iframe{
1435
+ width: 100%;
1436
+ height: 100%;
1270
1437
  }
1271
1438
 
1272
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1273
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1274
- width: auto;
1275
- min-width: 0;
1439
+ .video-js.skin_news .vjs-live-control{
1440
+ align-items: center;
1276
1441
  }
1277
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1278
- display: inline-flex;
1442
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1443
+ height: 2.2em;
1444
+ display: flex;
1279
1445
  align-items: center;
1446
+ font-family: monospace;
1447
+ width: 4em;
1280
1448
  justify-content: center;
1281
- height: 7em;
1282
- padding: 0 10px;
1283
- color: #fff;
1449
+ background: red;
1450
+ margin: 4px 0px 4px 12px;
1284
1451
  }
1285
1452
 
1286
- .video-js.skin_cn_news .vjs-svg-icon::before {
1287
- content: none !important;
1453
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1454
+ text-shadow: none;
1455
+ }
1456
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1457
+ display: none;
1458
+ font-size: 12px;
1288
1459
  }
1289
1460
 
1290
-
1291
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1461
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1462
+ height: 2.2em;
1292
1463
  display: inline-flex;
1293
1464
  align-items: center;
1465
+ /* font-family: monospace; */
1294
1466
  justify-content: center;
1467
+ border: 2px solid;
1468
+ margin: 4px 0px 4px 6px;
1469
+ white-space: pre;
1470
+ padding: 0px 6px;
1471
+ font-size: 1.2em;
1472
+ font-weight: 500;
1473
+ color: rgba(255, 255, 2555, 0.7);
1474
+
1475
+ letter-spacing: -.1px;
1476
+ line-height: normal;
1477
+ text-transform: uppercase;
1478
+ color: #FFFFFF;
1479
+ opacity: .7;
1480
+ font-family: "Proxima Nova";
1295
1481
  }
1296
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1297
- .video-js.skin_cn_news .vjs-rewind-button svg {
1298
- width: 24px;
1299
- height: 24px;
1300
- display: block;
1482
+
1483
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1484
+ opacity: 1;
1301
1485
  }
1302
1486
 
1487
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1488
+ content: "NOT LIVE";
1489
+ }
1303
1490
 
1491
+ .settings-selection.vjs-control.vjs-button{
1492
+ display: flex !important;
1493
+ }
1304
1494
 
1305
- .video-js.skin_cn_news .vjs-subs-caps-button {
1306
- opacity: 1;
1495
+ @media(max-width:576px){
1496
+ .settings-selection.vjs-control.vjs-button{
1497
+ display: none !important;
1498
+ }
1307
1499
  }
1308
1500
 
1309
1501
 
1502
+ @media(max-width:576px){
1503
+ .tvProviderImage{
1504
+ display: none
1505
+ }
1506
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1507
+ .icon-maximize {
1508
+ height: 30px !important;
1509
+ }
1310
1510
 
1311
- .video-js.skin_cn_news .vjs-volume-panel {
1312
- margin: 0;
1313
- display: inline-flex;
1314
- align-items: center;
1315
- align-self: center;
1316
- height: 2.2em;
1317
- min-width: 7em;
1318
- transition: none;
1319
- }
1320
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1321
- width: 0;
1322
- height: 100%;
1323
- display: flex;
1324
- align-items: center;
1325
- overflow: hidden;
1326
- opacity: 0;
1327
- transition: width 0.15s ease, opacity 0.15s ease;
1511
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1512
+ .icon-minimize {
1513
+ height: 30px !important;
1514
+ }
1515
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1516
+ width: 4.5em;
1517
+ }
1518
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1519
+ height: min-content;
1520
+ }
1521
+
1522
+ .video-js.skin_news button.vjs-slowmo-button{
1523
+ display: none;
1524
+ }
1525
+ .video-js.skin_news button.vjs-rewind-button{
1526
+ display: none;
1527
+ }
1528
+ .video-js.skin_news button.vjs-rewind-button>svg{
1529
+ height: 20px;
1530
+ }
1531
+ .video-js.skin_news .vjs-button{
1532
+ width: 4.8em;
1533
+ }
1534
+ .video-js.skin_news .widget-selection{
1535
+ display: none;
1536
+ }
1537
+ .video-js.skin_news .container{
1538
+ display: none !important;
1539
+ }
1540
+ .video-js.skin_news .vjs-control-bar{
1541
+ height: 4em !important;
1542
+ }
1543
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1544
+ font-size: 2.5em;
1545
+ line-height: 1.5;
1546
+ }
1547
+ .video-js.skin_news .vjs-play-progress:before {
1548
+ font-size: 1.2em;
1549
+ position: absolute;
1550
+ right: -0.5em;
1551
+ z-index: 1;
1328
1552
  }
1329
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1330
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1331
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1332
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1333
- width: 5em;
1334
- opacity: 1;
1553
+ .video-js.skin_news button.vjs-skip-button>svg{
1554
+ height: 20px;
1335
1555
  }
1336
-
1337
- .video-js.skin_cn_news .vjs-volume-bar {
1338
- width: 4em;
1339
- height: 0.3em;
1340
- margin: 0 0.45em;
1556
+ .video-js.skin_news button.vjs-big-play-button {
1557
+ width: 50px !important;
1558
+ height: 50px !important;
1559
+ font-size: 2.1rem !important;
1341
1560
  }
1342
1561
 
1343
-
1344
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1345
- display: none !important;
1562
+ .stream-selector-icon>svg{
1563
+ width: 24px;
1564
+ height: 24px;
1346
1565
  }
1347
-
1348
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1349
- width: 0 !important;
1566
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1567
+ margin: 0 12px 0 12px;
1350
1568
  }
1351
-
1352
-
1353
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1354
- display: block !important;
1355
- flex: 1 1 auto;
1569
+ .video-js.skin_news .vjs-seek-to-live-text{
1570
+ font-size: 12px;
1356
1571
  }
1357
-
1358
-
1359
- .video-js.skin_cn_news .vjs-big-play-button {
1360
- display: none;
1572
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1573
+ margin: 0 12px 0 12px;
1361
1574
  }
1362
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1363
- position: relative !important;
1364
- display: flex;
1365
- left: 0;
1366
- top: -1px;
1367
1575
  }
1368
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1576
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1577
+ width: 90px;
1578
+ height: 90px;
1369
1579
  display: flex;
1370
1580
  justify-content: center;
1371
1581
  align-items: center;
1582
+ border-radius: 50%;
1372
1583
  position: absolute;
1373
1584
  top: 0;
1374
1585
  left: 0;
1375
1586
  right: 0;
1376
1587
  bottom: 0;
1377
1588
  margin: auto;
1378
- width: 80px;
1379
- height: 80px;
1380
- border: none;
1381
- border-radius: 50%;
1382
- background: rgba(0, 0, 0, 0.55);
1383
- font-size: 5em;
1384
- line-height: 1.3em;
1385
- transform: none !important;
1386
- }
1387
-
1388
-
1389
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1390
- height: 4px !important;
1391
- margin: 0;
1392
- border-radius: 20px;
1393
- background-color: #393944;
1394
- }
1395
-
1396
- .video-js.skin_cn_news .vjs-play-progress {
1397
- background-color: #ffffff;
1398
- border-radius: 20px;
1399
- }
1400
-
1401
- .video-js.skin_cn_news .vjs-load-progress,
1402
- .video-js.skin_cn_news .vjs-load-progress div {
1403
- background: rgba(255, 255, 255, 0.15);
1404
- border-radius: 20px;
1405
- }
1406
-
1407
-
1408
- .video-js.skin_cn_news .vjs-play-progress:before {
1409
- content: '';
1410
- width: 16px;
1411
- height: 16px;
1412
- border-radius: 50%;
1413
- background: #ffffff;
1414
- border: 2px solid rgba(0, 0, 0, 0.6);
1415
- box-sizing: border-box;
1416
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1417
- top: -6px;
1418
- right: -8px;
1419
- position: absolute;
1420
- }
1421
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1422
- display: none !important;
1423
- }
1424
-
1425
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1426
- background: #ffffff;
1427
- color: #0a0e17;
1428
- font-weight: 700;
1429
- border-radius: 3px;
1589
+ font-size: 6em;
1590
+ line-height: 1.4em;
1430
1591
  }
1431
1592
 
1432
- .video-js.skin_cn_news .vjs-live-control {
1433
- display: none !important;
1434
- }
1435
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1436
- display: inline-flex;
1593
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1594
+ display: flex;
1595
+ justify-content: center;
1437
1596
  align-items: center;
1438
- align-self: center;
1439
- height: 2.2em;
1440
- gap: 5px;
1441
- width: auto;
1442
- padding: 0 10px;
1443
- border: 1px solid rgba(255, 255, 255, 0.45);
1444
- border-radius: 4px;
1445
- cursor: pointer;
1597
+ height: 100%;
1598
+ transition: width 0.1s;
1446
1599
  }
1447
1600
 
1448
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1449
- display: none;
1450
- }
1451
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1452
- display: inline-flex;
1601
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1602
+ display: flex;
1603
+ justify-content: center;
1453
1604
  align-items: center;
1605
+ height: 100%;
1606
+ transition: width 0.1s;
1454
1607
  }
1455
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1456
- content: '';
1457
- display: inline-block;
1458
- width: 8px;
1459
- height: 8px;
1460
- border-radius: 50%;
1461
- background: #ff2d2d; /* red live dot */
1462
- }
1463
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1464
- color: #ffffff;
1465
- font-weight: 700;
1466
- font-size: 12px;
1467
- letter-spacing: 0.03em;
1468
- }
1469
-
1470
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1471
- border-color: transparent;
1472
- }
1473
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1474
- color: #ff2d2d;
1475
- }
1476
-
1477
- /* ---- time controls ---- */
1478
- .video-js.skin_cn_news .vjs-current-time,
1479
- .video-js.skin_cn_news .vjs-duration,
1480
- .video-js.skin_cn_news .vjs-time-divider {
1608
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1481
1609
  display: none !important;
1482
1610
  }
1483
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1484
- display: none;
1485
- align-items: center;
1486
- justify-content: center;
1487
- font-size: 11px;
1488
- font-weight: 700;
1489
- color: #fff;
1490
- padding: 0 6px;
1491
- user-select: none;
1492
- }
1493
-
1494
-
1495
- .video-js.skin_cn_news .vjs-chapter-marker {
1496
- z-index: 2;
1497
- width: var(--vl-chapter-size, 8px);
1498
- height: var(--vl-chapter-size, 8px);
1499
- top: 50%;
1500
- bottom: auto;
1501
- background: var(--vl-chapter-color, #ffffff);
1502
- opacity: var(--vl-chapter-opacity, 1);
1503
- border-radius: 50%;
1504
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1505
- transform: translate(-50%, -50%) scale(1);
1506
- transition: background-color 0.12s ease;
1507
- }
1508
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1509
- background: var(--vl-chapter-hover, #0a5cff);
1510
- }
1511
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1512
- background: var(--vl-chapter-active, #0a5cff);
1513
- }
1514
-
1515
-
1516
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1517
- width: 16px;
1518
- height: 16px;
1519
- bottom: 160%;
1520
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1521
- }
1522
-
1523
-
1524
- .video-js.skin_cn_news .vjs-chapter-preview {
1525
- background: var(--vl-chapter-tooltip, #0a5cff);
1526
- border-radius: 6px;
1527
- padding: 8px 10px;
1528
- width: max-content;
1529
- max-width: 300px;
1530
- text-align: left;
1531
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1532
- }
1533
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1534
- color: #ffffff;
1535
- font-size: 13px;
1536
- font-weight: 400;
1537
- margin-bottom: 2px;
1538
- }
1539
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1540
- color: #ffffff;
1541
- font-size: 13px;
1542
- font-weight: 400;
1543
- line-height: 1.3;
1544
- white-space: normal;
1545
- text-align: left;
1546
- }
1547
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1548
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1611
+ .video-js.skin_news .ssai-ad-container{
1612
+ position: absolute;
1613
+ bottom: 14px;
1549
1614
  }
1550
1615
 
1551
- /* ---- responsive ---- */
1552
1616
  @media (max-width: 576px) {
1553
- .video-js.skin_cn_news .vjs-control-bar {
1554
- height: 3.2em !important;
1555
- padding: 0 8px;
1617
+ .video-js.skin_news .ssai-ad-container{
1618
+ bottom: 2px;
1556
1619
  }
1557
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1558
- padding: 0 6px;
1620
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1621
+ height: 5px !important;
1559
1622
  }
1560
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1561
- display: none !important;
1623
+ .video-js.skin_news button.vjs-big-play-button {
1624
+ width: 50px !important;
1625
+ height: 50px !important;
1626
+ font-size: 2.1rem !important;
1562
1627
  }
1563
- }
1564
1628
 
1565
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1566
- font-size: 2.2em;
1567
- line-height: 2.6;
1568
- }
1569
- .video-js.skin_mini{
1570
- overflow: hidden;
1571
- }
1572
- .video-js.skin_mini .vjs-control-bar{
1573
- z-index: 1 !important;
1574
- height: 4em !important;
1575
- background: black !important;
1576
- }
1577
-
1578
- .video-js.skin_mini .vjs-fade>* {
1579
- visibility: hidden !important;
1580
- opacity: 0 !important;
1581
- transition: visibility 1s, opacity 1s !important;
1582
- }
1583
-
1584
- .video-js.skin_mini .custom-spaced-progress-bar {
1585
- position: absolute;
1586
- width: 100%;
1587
- display: flex;
1588
- height: 0.5em;
1589
- top: -0.5em;
1590
- }
1591
-
1592
- .video-js.skin_mini .vjs-progress-control {
1593
- /* left: -6px; */
1594
- position: relative;
1595
- width: 100%;
1596
- height: 0.5em;
1597
- transition: height 0.1s, top 0.1s;
1598
- }
1599
-
1600
-
1601
-
1602
-
1603
- .video-js.skin_mini .vjs-custom-control-spacer {
1604
- display: block;
1605
- flex: 1 1 auto;
1606
- }
1607
-
1608
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1609
- margin: 0 0px 0 0px;
1610
- }
1611
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1612
- display: none;
1613
- }
1614
-
1615
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1616
- font-size: 14px;
1617
- font-weight: 500;
1618
- align-self: center;
1619
- height: min-content;
1620
- padding: 5px 2px;
1621
- border-radius: 8px;
1622
- }
1623
-
1624
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1625
- height: 5px !important;
1626
- }
1627
-
1628
- .video-js.skin_mini .vjs-play-progress:before {
1629
- font-size: 1.3em;
1630
- line-height: unset;
1631
- top: -0.3333333333em;
1632
- }
1633
-
1634
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1635
- display: none !important;
1636
- }
1637
-
1638
- /* */
1639
- .video-js.skin_mini .vjs-mouse-display{
1640
- font-size: 1.6666666667em;
1641
- }
1642
-
1643
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1644
- font-size: 1em !important;
1645
- }
1646
-
1647
- .video-js.skin_mini .vjs-button{
1648
- width: 3em;
1649
- display: flex;
1650
- align-items: center;
1651
- justify-content: center;
1652
- }
1653
-
1654
-
1655
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1656
- .icon-maximize {
1657
- display: block;
1658
- height: 32px;
1659
- }
1660
-
1661
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1662
- line-height: 4;
1663
- }
1664
-
1665
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1666
- .icon-minimize {
1629
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1667
1630
  display: none;
1668
- height: 32px;
1669
- }
1670
-
1671
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1672
- outline: none !important;
1673
- }
1674
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1675
- .vjs-icon-fullscreen-enter:before {
1676
- /* content: '' !important; */
1677
- }
1678
-
1679
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1680
- display: flex;
1681
- justify-content: center;
1682
- align-items: center;
1683
- /* transform: rotate(90deg); */
1684
- }
1685
-
1686
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1687
- display: none;
1688
- }
1689
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1690
- margin-left: -10px;
1691
- display: none;
1692
- }
1693
-
1694
- .video-js.skin_mini .vjs-loading-spinner {
1695
- position: absolute;
1696
- top: 50%;
1697
- left: 50%;
1698
- transform: translate(-50%, -50%);
1699
- opacity: .85;
1700
- text-align: left;
1701
- border: .2em solid rgba(43, 51, 63, .7);
1702
- box-sizing: border-box;
1703
- background-clip: padding-box;
1704
- width: 3em;
1705
- height: 3em;
1706
- border-radius: 50%;
1707
- visibility: hidden;
1708
- }
1709
-
1710
- .video-js.skin_mini .skipbtn:hover{
1711
- cursor: pointer;
1712
- }
1713
-
1714
- .video-js.skin_mini .rewindbtn:hover{
1715
- cursor: pointer;
1716
- }
1717
-
1718
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1719
- position: relative;
1720
- padding-left: 0;
1631
+ }
1632
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1633
+ bottom: 2.4em !important;
1634
+ right: -1em;
1635
+ z-index: 1;
1721
1636
  }
1637
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1638
+ display: none !important;
1639
+ }
1722
1640
 
1723
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1724
- width: 40px;
1725
- height: 40px;
1726
- display: flex;
1727
- justify-content: center;
1728
- align-items: center;
1729
- border: none;
1730
- position: absolute;
1731
- top: 0;
1732
- left: 0;
1733
- right: 0;
1734
- bottom: 0;
1735
- margin: auto;
1736
- font-size: 3em;
1737
- line-height: 1.3em;
1738
- transform: none !important;
1739
- border-radius: 1.3em;
1641
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1642
+ color: white;
1643
+ font-size: 13px;
1644
+ background-color: black;
1645
+ }
1740
1646
  }
1741
1647
 
1742
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1743
- font-weight: bold;
1648
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1649
+ color: white;
1650
+ font-size: 16px;
1651
+ background-color: black;
1744
1652
  }
1745
1653
 
1746
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1747
- bottom: 1.1em !important;
1748
- right: 1em;
1749
- z-index: 1;
1750
- font-size: 10px;
1654
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1655
+ margin-bottom: 2rem !important;
1751
1656
  }
1752
1657
 
1753
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1754
- width: 24px !important;
1755
- height: 24px !important;
1756
- }
1757
- .video-js.skin_mini .settings-selector-icon>svg{
1758
- height: 19px !important;
1759
- width: 19px !important;
1658
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1659
+ font-size: 18px !important;
1760
1660
  }
1761
1661
 
1762
1662
 
1763
- .video-js.skin_mini button.vjs-rewind-button{
1764
- cursor: pointer;
1663
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1664
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1665
+ font-size: 1.2em !important;
1666
+ line-height: 1.5em !important;
1667
+ padding: 0.2em 0.8em !important;
1765
1668
  }
1766
1669
 
1767
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1768
- padding-right: 0;
1670
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1671
+ content: none !important;
1672
+ fill: none !important;
1673
+ filter: none !important;
1769
1674
  }
1770
1675
 
1771
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1772
- padding-left: 0;
1676
+ /* svg icons opacity and hover effect */
1677
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1678
+ opacity: 0.7 !important;
1773
1679
  }
1774
1680
 
1775
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1776
- padding-left: 0;
1777
- padding-right: 0;
1778
- display: flex;
1779
- justify-content: center;
1780
- width: min-content;
1681
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1682
+ opacity: 1 !important;
1781
1683
  }
1782
-
1783
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1784
- display: none
1684
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1685
+ opacity: 0.7 !important;
1785
1686
  }
1786
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1787
- display: none
1687
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1688
+ opacity: 1 !important;
1788
1689
  }
1789
1690
 
1790
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1791
- display: flex;
1792
- align-items: center;
1793
- font-weight: 700;
1794
- font-size: 9px;
1795
- min-width: 0.8em;
1796
- padding-left: 0;
1691
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1692
+ color: rgba(255, 255, 2555, 0.7)!important;
1797
1693
  }
1798
1694
 
1799
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1800
- display: none;
1801
- font-size: 11px;
1802
- justify-content: center;
1803
- align-items: center;
1804
- user-select: none;
1805
- }
1806
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1807
- display: none;
1695
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1696
+ color: rgba(255, 255, 2555, 1)!important;
1808
1697
  }
1809
1698
 
1810
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1811
- height: min-content;
1812
- width: min-content;
1813
- }
1814
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1815
- width: 3em;
1816
- margin-right: 4px;
1817
- }
1818
1699
 
1819
- .video-js.skin_mini .content{
1820
- bottom: 3.4rem !important;
1821
- right: -4rem !important;
1822
- }
1823
1700
 
1824
- .video-js.skin_mini .setting-icon > svg{
1825
- height:18px !important;
1701
+
1702
+ .video-js.skin_cn_news .vjs-control-bar {
1703
+ z-index: 1 !important;
1704
+ height: auto !important;
1705
+ padding: 0.8em 30px 0.6em;
1706
+ background: transparent !important;
1707
+ display: flex;
1708
+ flex-wrap: wrap;
1709
+ align-items: center;
1710
+ column-gap: 10px;
1826
1711
  }
1827
1712
 
1828
- .output-overlay{
1713
+
1714
+ .video-js.skin_cn_news .vjs-control-bar::before {
1715
+ content: '';
1829
1716
  position: absolute;
1717
+ left: 0;
1718
+ right: 0;
1830
1719
  bottom: 0;
1831
- height: 100%;
1832
- width: 100%;
1833
- z-index: 0;
1834
- border: 0;
1835
- pointer-events:none
1720
+ top: -3em;
1721
+ background: linear-gradient(
1722
+ to top,
1723
+ rgba(0, 0, 0, 0.85) 0%,
1724
+ rgba(0, 0, 0, 0.7) 40%,
1725
+ rgba(0, 0, 0, 0.55) 70%,
1726
+ rgba(0, 0, 0, 0.38) 86%,
1727
+ transparent 100%
1728
+ );
1729
+ pointer-events: none;
1730
+ z-index: -1;
1836
1731
  }
1837
1732
 
1838
- .video-js.skin_mini iframe{
1839
- width: 100%;
1840
- height: 100%;
1733
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1734
+ order: -1;
1735
+ flex: 0 0 100%;
1736
+ width: 80%;
1737
+ margin: 0 0 5em;
1738
+ position: relative;
1841
1739
  }
1842
1740
 
1843
- .video-js.skin_mini .vjs-live-control{
1844
- align-items: center;
1845
- max-width: 5em;
1741
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1742
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1743
+ width: auto;
1744
+ min-width: 0;
1846
1745
  }
1847
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1848
- height: 2.2em;
1849
- display: flex;
1746
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1747
+ display: inline-flex;
1850
1748
  align-items: center;
1851
- font-family: monospace;
1852
- width: 4em;
1853
1749
  justify-content: center;
1854
- background: red;
1855
- margin: 4px 0px 4px 2px;
1750
+ height: 7em;
1751
+ padding: 0 10px;
1752
+ color: #fff;
1856
1753
  }
1857
1754
 
1858
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1859
- text-shadow: none;
1860
- }
1861
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1862
- display: none;
1863
- font-size: 12px;
1755
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1756
+ content: none !important;
1864
1757
  }
1865
1758
 
1866
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1867
- height: 1.8em;
1759
+
1760
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1868
1761
  display: inline-flex;
1869
1762
  align-items: center;
1870
- font-family: monospace;
1871
1763
  justify-content: center;
1872
- border: 1.5px solid;
1873
- margin: 4px 0px 4px 2px;
1874
- white-space: pre;
1875
- padding: 2px 4px;
1876
- font-size: 1.2em;
1877
- font-weight: 500;
1878
- color: rgba(255, 255, 2555, 0.7);
1879
1764
  }
1880
-
1881
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1882
- content: "NOT LIVE";
1883
- word-spacing: -4px;
1765
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1766
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1767
+ width: 24px;
1768
+ height: 24px;
1769
+ display: block;
1884
1770
  }
1885
1771
 
1886
1772
 
1887
- @media(max-width:600px){
1888
- .tvProviderImage{
1889
- display: none
1890
- }
1891
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1892
- .icon-maximize {
1893
- height: 30px !important;
1894
- }
1895
-
1896
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1897
- .icon-minimize {
1898
- height: 30px !important;
1899
- }
1900
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1901
- width: 3.5em;
1902
- }
1903
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1904
- height: min-content;
1905
- }
1906
1773
 
1907
- .video-js.skin_mini button.vjs-slowmo-button{
1908
- display: none;
1909
- }
1910
- .video-js.skin_mini button.vjs-rewind-button{
1911
- display: none;
1912
- }
1913
- .video-js.skin_mini button.vjs-rewind-button>svg{
1914
- height: 20px;
1915
- }
1916
- .video-js.skin_mini .vjs-button{
1917
- width: 3em;
1918
- }
1919
- .video-js.skin_mini .widget-selection{
1920
- display: none;
1921
- }
1922
- .video-js.skin_mini .container{
1923
- display: none !important;
1924
- }
1925
- .video-js.skin_mini .vjs-control-bar{
1926
- height: 4em !important;
1927
- }
1928
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1929
- font-size: 2.5em;
1930
- line-height: 1.5;
1931
- }
1932
- .video-js.skin_mini .vjs-play-progress:before {
1933
- font-size: 1.2em;
1934
- position: absolute;
1935
- right: -0.5em;
1936
- z-index: 1;
1937
- }
1938
- .video-js.skin_mini button.vjs-skip-button>svg{
1939
- height: 20px;
1774
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1775
+ opacity: 1;
1940
1776
  }
1941
1777
 
1942
- .stream-selector-icon>svg{
1943
- width: 24px;
1944
- height: 24px;
1778
+
1779
+
1780
+ .video-js.skin_cn_news .vjs-volume-panel {
1781
+ margin: 0;
1782
+ display: inline-flex;
1783
+ align-items: center;
1784
+ align-self: center;
1785
+ height: 2.2em;
1786
+ min-width: 7em;
1787
+ transition: none;
1945
1788
  }
1946
- .video-js.skin_mini .vjs-seek-to-live-text{
1947
- font-size: 12px;
1789
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1790
+ width: 0;
1791
+ height: 100%;
1792
+ display: flex;
1793
+ align-items: center;
1794
+ overflow: hidden;
1795
+ opacity: 0;
1796
+ transition: width 0.15s ease, opacity 0.15s ease;
1797
+ }
1798
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1799
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1800
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1801
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1802
+ width: 5em;
1803
+ opacity: 1;
1948
1804
  }
1949
1805
 
1950
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1951
- color: white !important;
1952
- font-size: 16px !important;
1953
- background-color: rgba(0,0,0,0.2) !important;
1954
- }
1806
+ .video-js.skin_cn_news .vjs-volume-bar {
1807
+ width: 4em;
1808
+ height: 0.3em;
1809
+ margin: 0 0.45em;
1955
1810
  }
1956
1811
 
1957
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1958
- color: white !important;
1959
- font-size: 16px !important;
1960
- background-color: rgba(0,0,0,0.2) !important;
1812
+
1813
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1814
+ display: none !important;
1961
1815
  }
1962
1816
 
1963
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1964
- font-size: 18px !important;
1817
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1818
+ width: 0 !important;
1965
1819
  }
1966
1820
 
1967
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1968
- margin-bottom: 1rem !important;
1821
+
1822
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1823
+ display: block !important;
1824
+ flex: 1 1 auto;
1969
1825
  }
1970
1826
 
1971
1827
 
1972
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1973
- display: flex;
1974
- justify-content: center;
1975
- align-items: center;
1976
- height: 100%;
1977
- transition: width 0.1s;
1828
+ .video-js.skin_cn_news .vjs-big-play-button {
1829
+ display: none;
1978
1830
  }
1979
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1980
- margin: 2px;
1831
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1832
+ position: relative !important;
1833
+ display: flex;
1834
+ left: 0;
1835
+ top: -1px;
1981
1836
  }
1982
-
1983
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1837
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1984
1838
  display: flex;
1985
1839
  justify-content: center;
1986
1840
  align-items: center;
1987
- height: 100%;
1988
- transition: width 0.1s;
1841
+ position: absolute;
1842
+ top: 0;
1843
+ left: 0;
1844
+ right: 0;
1845
+ bottom: 0;
1846
+ margin: auto;
1847
+ width: 80px;
1848
+ height: 80px;
1849
+ border: none;
1850
+ border-radius: 50%;
1851
+ background: rgba(0, 0, 0, 0.55);
1852
+ font-size: 5em;
1853
+ line-height: 1.3em;
1854
+ transform: none !important;
1989
1855
  }
1990
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1991
- display: grid;
1992
- font-size: 10px;
1993
- grid-template-columns: 1fr;
1994
- grid-template-rows: 1fr;
1995
- padding: 1px 0px 0 0px;
1856
+
1857
+
1858
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1859
+ height: 4px !important;
1996
1860
  margin: 0;
1861
+ border-radius: 20px;
1862
+ background-color: #393944;
1997
1863
  }
1998
1864
 
1999
- @media (max-width: 600px) {
2000
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
2001
- height: 5px !important;
2002
- }
1865
+ .video-js.skin_cn_news .vjs-play-progress {
1866
+ background-color: #ffffff;
1867
+ border-radius: 20px;
1868
+ }
2003
1869
 
2004
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2005
- display: none;
2006
- }
1870
+ .video-js.skin_cn_news .vjs-load-progress,
1871
+ .video-js.skin_cn_news .vjs-load-progress div {
1872
+ background: rgba(255, 255, 255, 0.15);
1873
+ border-radius: 20px;
1874
+ }
2007
1875
 
1876
+
1877
+ .video-js.skin_cn_news .vjs-play-progress:before {
1878
+ content: '';
1879
+ width: 16px;
1880
+ height: 16px;
1881
+ border-radius: 50%;
1882
+ background: #ffffff;
1883
+ border: 2px solid rgba(0, 0, 0, 0.6);
1884
+ box-sizing: border-box;
1885
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1886
+ top: -6px;
1887
+ right: -8px;
1888
+ position: absolute;
1889
+ }
1890
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1891
+ display: none !important;
2008
1892
  }
2009
1893
 
2010
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
2011
- content: none !important;
2012
- fill: none !important;
2013
- filter: none !important;
1894
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1895
+ background: #ffffff;
1896
+ color: #0a0e17;
1897
+ font-weight: 700;
1898
+ border-radius: 3px;
2014
1899
  }
2015
1900
 
2016
- /* svg icons opacity and hover effect */
2017
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2018
- opacity: 0.7 !important;
1901
+ .video-js.skin_cn_news .vjs-live-control {
1902
+ display: none !important;
1903
+ }
1904
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1905
+ display: inline-flex;
1906
+ align-items: center;
1907
+ align-self: center;
1908
+ height: 2.2em;
1909
+ gap: 5px;
1910
+ width: auto;
1911
+ padding: 0 10px;
1912
+ border: 1px solid rgba(255, 255, 255, 0.45);
1913
+ border-radius: 4px;
1914
+ cursor: pointer;
2019
1915
  }
2020
1916
 
2021
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2022
- opacity: 1 !important;
1917
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1918
+ display: none;
1919
+ }
1920
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1921
+ display: inline-flex;
1922
+ align-items: center;
1923
+ }
1924
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1925
+ content: '';
1926
+ display: inline-block;
1927
+ width: 8px;
1928
+ height: 8px;
1929
+ border-radius: 50%;
1930
+ background: #ff2d2d; /* red live dot */
1931
+ }
1932
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1933
+ color: #ffffff;
1934
+ font-weight: 700;
1935
+ font-size: 12px;
1936
+ letter-spacing: 0.03em;
2023
1937
  }
2024
1938
 
2025
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2026
- color: rgba(255, 255, 2555, 0.7)!important;
1939
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1940
+ border-color: transparent;
1941
+ }
1942
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1943
+ color: #ff2d2d;
2027
1944
  }
2028
1945
 
2029
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2030
- color: rgba(255, 255, 2555, 1)!important;
1946
+ /* ---- time controls ---- */
1947
+ .video-js.skin_cn_news .vjs-current-time,
1948
+ .video-js.skin_cn_news .vjs-duration,
1949
+ .video-js.skin_cn_news .vjs-time-divider {
1950
+ display: none !important;
1951
+ }
1952
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1953
+ display: none;
1954
+ align-items: center;
1955
+ justify-content: center;
1956
+ font-size: 11px;
1957
+ font-weight: 700;
1958
+ color: #fff;
1959
+ padding: 0 6px;
1960
+ user-select: none;
1961
+ }
1962
+
1963
+
1964
+ .video-js.skin_cn_news .vjs-chapter-marker {
1965
+ z-index: 2;
1966
+ width: var(--vl-chapter-size, 8px);
1967
+ height: var(--vl-chapter-size, 8px);
1968
+ top: 50%;
1969
+ bottom: auto;
1970
+ background: var(--vl-chapter-color, #ffffff);
1971
+ opacity: var(--vl-chapter-opacity, 1);
1972
+ border-radius: 50%;
1973
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1974
+ transform: translate(-50%, -50%) scale(1);
1975
+ transition: background-color 0.12s ease;
1976
+ }
1977
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1978
+ background: var(--vl-chapter-hover, #0a5cff);
1979
+ }
1980
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1981
+ background: var(--vl-chapter-active, #0a5cff);
1982
+ }
1983
+
1984
+
1985
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1986
+ width: 16px;
1987
+ height: 16px;
1988
+ bottom: 160%;
1989
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1990
+ }
1991
+
1992
+
1993
+ .video-js.skin_cn_news .vjs-chapter-preview {
1994
+ background: var(--vl-chapter-tooltip, #0a5cff);
1995
+ border-radius: 6px;
1996
+ padding: 8px 10px;
1997
+ width: max-content;
1998
+ max-width: 300px;
1999
+ text-align: left;
2000
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
2001
+ }
2002
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
2003
+ color: #ffffff;
2004
+ font-size: 13px;
2005
+ font-weight: 400;
2006
+ margin-bottom: 2px;
2007
+ }
2008
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
2009
+ color: #ffffff;
2010
+ font-size: 13px;
2011
+ font-weight: 400;
2012
+ line-height: 1.3;
2013
+ white-space: normal;
2014
+ text-align: left;
2015
+ }
2016
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2017
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2031
2018
  }
2032
2019
 
2020
+ /* ---- responsive ---- */
2021
+ @media (max-width: 576px) {
2022
+ .video-js.skin_cn_news .vjs-control-bar {
2023
+ height: 3.2em !important;
2024
+ padding: 0 8px;
2025
+ }
2026
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2027
+ padding: 0 6px;
2028
+ }
2029
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2030
+ display: none !important;
2031
+ }
2032
+ }
2033
2033
 
2034
2034
 
2035
2035
  /* CSS for videojs-dvr-seekbar */
@@ -2213,7 +2213,6 @@
2213
2213
 
2214
2214
 
2215
2215
 
2216
-
2217
2216
  .video-js .multicamera-parent.default{
2218
2217
  height: 345px;
2219
2218
  position: absolute;
@@ -2292,6 +2291,10 @@
2292
2291
  align-content: baseline;
2293
2292
  }
2294
2293
 
2294
+
2295
+
2296
+
2297
+
2295
2298
  .vjs-custom-big-mute.vjs-control{
2296
2299
  position: absolute;
2297
2300
  align-items: center;
@@ -2340,9 +2343,6 @@
2340
2343
  width: 22px;
2341
2344
  }
2342
2345
 
2343
-
2344
-
2345
-
2346
2346
  /* nextep — up-next card (centered in player, scales with player size) */
2347
2347
  .video-js:has(.next-ep-preview),
2348
2348
  .video-js:has(.next-ep-preview-player-thumb) {