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