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