@viewlift/player-backup 2.0.391-backup → 2.0.393-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 (58) hide show
  1. package/cjs/{autoNextVideo-8cbc690e.js → autoNextVideo-a0c71ee3.js} +1 -1
  2. package/cjs/bundle.css +890 -862
  3. package/cjs/{features-c21f1c13.js → features-baefdcf4.js} +1 -1
  4. package/cjs/generic-2b1fb390.js +1 -0
  5. package/cjs/{index-19cea902.js → index-1380e8ea.js} +1 -1
  6. package/cjs/{index-3fc67c11.js → index-546a5e24.js} +1 -1
  7. package/cjs/{index-09b881a9.js → index-ccca21f2.js} +1 -1
  8. package/cjs/index.js +1 -1
  9. package/cjs/{multicamv2-ff4fb317.js → multicamv2-5f7ab2a3.js} +1 -1
  10. package/cjs/{multicamv2-d594232e.js → multicamv2-d986588f.js} +1 -1
  11. package/cjs/{nextEpisodeButton-73be0987.js → nextEpisodeButton-cbfa8f20.js} +1 -1
  12. package/cjs/{playlist-a86090ed.js → playlist-cb7e4c42.js} +1 -1
  13. package/cjs/{series-b6e6f2c7.js → series-ac2ad807.js} +1 -1
  14. package/cjs/{series-v2-36f5c321.js → series-v2-651ef3c5.js} +1 -1
  15. package/cjs/{series-v2-5539dcb0.js → series-v2-962ca141.js} +1 -1
  16. package/cjs/{skin-f5f80bdc.js → skin-01ff138f.js} +1 -1
  17. package/cjs/{skin-d59770f1.js → skin-0fd43c75.js} +1 -1
  18. package/cjs/{skin-fa6a9fe4.js → skin-60f40716.js} +1 -1
  19. package/cjs/{skin-468ca94e.js → skin-838489d0.js} +1 -1
  20. package/cjs/{skin-d3ad9d25.js → skin-84c2c1fd.js} +1 -1
  21. package/cjs/{skin-bfb81b88.js → skin-94d62d47.js} +1 -1
  22. package/cjs/{skin-04c73040.js → skin-a151530c.js} +1 -1
  23. package/cjs/{skin-022c9633.js → skin-c3fad35b.js} +1 -1
  24. package/cjs/{skin-03a3ceb0.js → skin-df78754a.js} +1 -1
  25. package/cjs/{skin-e6c501f3.js → skin-e7449791.js} +1 -1
  26. package/cjs/{videoSelector-4920c017.js → videoSelector-2f7c6851.js} +1 -1
  27. package/cjs/{videoSelector-50172242.js → videoSelector-32286d04.js} +1 -1
  28. package/esm/{autoNextVideo-7045a165.js → autoNextVideo-84bff567.js} +1 -1
  29. package/esm/bundle.css +890 -862
  30. package/esm/{features-216a2bed.js → features-4a1c6c77.js} +1 -1
  31. package/esm/generic-cefffb45.js +1 -0
  32. package/esm/{index-35385f65.js → index-5b58a064.js} +1 -1
  33. package/esm/{index-d24cfb75.js → index-c859c27e.js} +1 -1
  34. package/esm/{index-1a11134a.js → index-d2fe6d53.js} +1 -1
  35. package/esm/index.js +1 -1
  36. package/esm/{multicamv2-419afc00.js → multicamv2-17360414.js} +1 -1
  37. package/esm/{multicamv2-a0028af4.js → multicamv2-6a8992ce.js} +1 -1
  38. package/esm/{nextEpisodeButton-eebaff65.js → nextEpisodeButton-df374836.js} +1 -1
  39. package/esm/{playlist-5fc6d160.js → playlist-87a68d01.js} +1 -1
  40. package/esm/{series-7e911a38.js → series-a08237c3.js} +1 -1
  41. package/esm/{series-v2-f729f637.js → series-v2-95737fd3.js} +1 -1
  42. package/esm/{series-v2-bde240a6.js → series-v2-e764c581.js} +1 -1
  43. package/esm/{skin-3f35e78c.js → skin-35d55f8f.js} +1 -1
  44. package/esm/{skin-0deeddfb.js → skin-3df66584.js} +1 -1
  45. package/esm/{skin-0d1543d8.js → skin-5632e185.js} +1 -1
  46. package/esm/{skin-cfce151b.js → skin-5c09f51e.js} +1 -1
  47. package/esm/{skin-a6484b30.js → skin-65c941ad.js} +1 -1
  48. package/esm/{skin-d6e6c01b.js → skin-7ead87b8.js} +1 -1
  49. package/esm/{skin-82886153.js → skin-a083c710.js} +1 -1
  50. package/esm/{skin-949c388f.js → skin-bd6312b5.js} +1 -1
  51. package/esm/{skin-2d158840.js → skin-d3fc82d9.js} +1 -1
  52. package/esm/{skin-2cca65b5.js → skin-e8f3d053.js} +1 -1
  53. package/esm/src/utilities/beaconHelpers.d.ts +2 -0
  54. package/esm/{videoSelector-3c36621b.js → videoSelector-ab407816.js} +1 -1
  55. package/esm/{videoSelector-b08dc35a.js → videoSelector-bff55c80.js} +1 -1
  56. package/package.json +1 -1
  57. package/cjs/generic-fbfb6341.js +0 -1
  58. package/esm/generic-0e7e095d.js +0 -1
package/esm/bundle.css CHANGED
@@ -1,30 +1,241 @@
1
1
 
2
2
 
3
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
3
+
4
+
5
+
6
+
7
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
8
+ height: 0.7em !important;
9
+ position: absolute !important;
10
+ top: -0.7em !important;
11
+ width: 100% !important;
12
+ }
13
+
14
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
15
+ height: 100%;
16
+ }
17
+
18
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
19
+ line-height: 2.5;
20
+ }
21
+
22
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
23
+ height: 19px;
24
+ width: 19px;
25
+ cursor: pointer;
26
+ }
27
+ .video-js.skin_vlone .vjs-control {
28
+ user-select: none;
29
+ }
30
+ .video-js.skin_vlone .vjs-custom-control-spacer{
31
+ user-select: none;
32
+ }
33
+
34
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
35
+ height: 19px;
36
+ width: 19px;
37
+ cursor: pointer;
38
+ }
39
+
40
+ .video-js.skin_vlone .vjs-play-progress:before {
41
+ display: none !important;
42
+ }
43
+
44
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
45
+ margin: 0 !important;
46
+
47
+ }
48
+
49
+
50
+ .video-js.skin_vlone .vjs-custom-control-spacer {
51
+ display: block;
52
+ flex: 1 1 auto;
53
+ }
54
+
55
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
56
+ z-index: 1;
57
+ }
58
+
59
+
60
+ .video-js.skin_vlone .vjs-control-bar {
61
+ height: 40px;
62
+ }
63
+
64
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
65
+ .vjs-button>.vjs-icon-placeholder:before {
66
+ position: relative !important;
67
+ }
68
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
69
+ display: flex;
70
+ left: 0px;
71
+ top: -1px;
72
+ }
73
+
74
+ .vjs-button>.vjs-icon-placeholder:before {
75
+ font-size: 2em !important;
76
+ }
77
+
78
+ .video-js.skin_vlone .vjs-control {
79
+ width: 4.3em;
80
+ }
81
+
82
+ .vjs-menu-button-popup .vjs-menu {
83
+ bottom: 10px !important;
84
+ }
85
+
86
+ .video-js .vjs-subs-caps-button .vjs-menu li,
87
+ .video-js .vjs-subtitles-button .vjs-menu li,
88
+ .video-js .vjs-captions-button .vjs-menu li {
89
+ text-transform: none;
90
+ }
91
+
92
+
93
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
94
+ height: 1.3em !important;
95
+ position: absolute !important;
96
+ top: -1.3em !important;
97
+ transition: height 0.3s, top 0.3s !important;
98
+ }
99
+
100
+
101
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
102
+ display: none !important;
103
+ }
104
+
105
+ .video-js.skin_vlone .vjs-time-control {
106
+ display: block;
107
+ }
108
+ .video-js.skin_vlone .vjs-remaining-time {
109
+ display: none;
110
+ }
111
+
112
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
113
+ line-height: 3.5em;
114
+ font-size: 1.1em;
115
+ min-width: 4em;
116
+ }
117
+
118
+ .video-js.skin_vlone .vjs-time-divider > div{
119
+ display: flex;
120
+ justify-content: center;
121
+ }
122
+
123
+ .video-js.skin_vlone .vjs-live-control{
124
+ align-items: center;
125
+ }
126
+ .video-js.skin_vlone .vjs-live-display{
127
+ height: 2.2em;
128
+ display: flex;
129
+ align-items: center;
130
+ font-family: monospace;
131
+ width: 4em;
132
+ justify-content: center;
133
+ background: red;
134
+ margin: 4px 0px 4px 12px;
135
+ }
136
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
137
+ background: #6b6b6b;
138
+ }
139
+ .video-js.skin_vlone .vjs-live-display:hover{
140
+ cursor: pointer;
141
+ }
142
+
143
+ .video-js.skin_vlone .vjs-time-control {
144
+ line-height: 3.5em !important;
145
+ font-size: 1.1em !important;
146
+ width: min-content !important;
147
+ min-width: 1.5em;
148
+ padding: 0 !important;
149
+ user-select: none;
150
+ }
151
+
152
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
153
+ margin-left: 16px !important;
154
+ }
155
+
156
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
157
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
158
+ font-size: 1.2em !important;
159
+ line-height: 1.5em !important;
160
+ padding: 0.2em 0.8em !important;
161
+ }
162
+
163
+
164
+ /* Big play */
165
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
166
+ width: 80px;
167
+ height: 80px;
168
+ display: flex;
169
+ justify-content: center;
170
+ align-items: center;
171
+ border: none;
172
+ position: absolute;
173
+ top: 0;
174
+ left: 0;
175
+ right: 0;
176
+ bottom: 0;
177
+ margin: auto;
178
+ font-size: 5em;
179
+ line-height: 1.3em;
180
+ transform: none !important;
181
+ border-radius: 1.3em;
182
+ }
183
+ .video-js.skin_vlone .ssai-ad-container{
184
+ position: absolute;
185
+ bottom: 4px;
186
+ }
187
+
188
+ @media(max-width:600px){
189
+ .video-js.skin_vlone button.vjs-big-play-button {
190
+ width: 50px !important;
191
+ height: 50px !important;
192
+ font-size: 2.1rem !important;
193
+ }
194
+
195
+ .video-js.skin_vlone .ssai-ad-container {
196
+ position: absolute;
197
+ bottom: 2px;
198
+ }
199
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
200
+ display: none;
201
+ }
202
+
203
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
204
+ /* display: none; */
205
+ }
206
+
207
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
208
+ /* display: none; */
209
+ }
210
+ }
211
+ .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
212
+ text-decoration: underline;
213
+ }
214
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
4
215
  font-size: 2.2em;
5
216
  line-height: 2.6;
6
217
  }
7
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
8
- background: white;
218
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
219
+ background: #fcb700;
9
220
  }
10
- .video-js.skin_news .vjs-control-bar{
221
+ .video-js.skin_news_live .vjs-control-bar{
11
222
  z-index: 1 !important;
12
223
  height: 5em !important;
13
224
  background: black !important;
14
225
  }
15
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
226
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
16
227
  display: flex;
17
228
  align-items: center;
18
229
  justify-content: center;
19
230
  }
20
231
 
21
- .video-js.skin_news .vjs-fade>* {
232
+ .video-js.skin_news_live .vjs-fade>* {
22
233
  visibility: hidden !important;
23
234
  opacity: 0 !important;
24
235
  transition: visibility 1s, opacity 1s !important;
25
236
  }
26
237
 
27
- .video-js.skin_news .custom-spaced-progress-bar {
238
+ .video-js.skin_news_live .custom-spaced-progress-bar {
28
239
  position: absolute;
29
240
  width: 100%;
30
241
  display: flex;
@@ -32,7 +243,7 @@
32
243
  top: -0.5em;
33
244
  }
34
245
 
35
- .video-js.skin_news .vjs-progress-control {
246
+ .video-js.skin_news_live .vjs-progress-control {
36
247
  /* left: -6px; */
37
248
  position: relative;
38
249
  width: 100%;
@@ -40,22 +251,25 @@
40
251
  transition: height 0.1s, top 0.1s;
41
252
  }
42
253
 
254
+ .video-js.skin_news_live .vjs-volume-panel{
255
+ min-width: 5.3em;
256
+ }
43
257
 
44
258
 
45
259
 
46
- .video-js.skin_news .vjs-custom-control-spacer {
47
- display: block;
48
- flex: 1 1 auto;
260
+ .video-js.skin_news_live .vjs-custom-control-spacer {
261
+ /* display: block; */
262
+ /* flex: 1 1 auto; */
49
263
  }
50
264
 
51
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
265
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
52
266
  margin: 0 0px 0 0px;
53
267
  }
54
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
268
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
55
269
  display: none;
56
270
  }
57
271
 
58
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
272
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
59
273
  font-size: 14px;
60
274
  font-weight: 500;
61
275
  align-self: center;
@@ -64,30 +278,30 @@
64
278
  border-radius: 8px;
65
279
  }
66
280
 
67
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
281
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
68
282
  height: 6px !important;
69
283
  }
70
284
 
71
- .video-js.skin_news .vjs-play-progress:before {
285
+ .video-js.skin_news_live .vjs-play-progress:before {
72
286
  font-size: 1.5em;
73
287
  line-height: unset;
74
288
  top: -0.3333333333em;
75
289
  }
76
290
 
77
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
291
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
78
292
  display: none !important;
79
293
  }
80
294
 
81
295
  /* */
82
- .video-js.skin_news .vjs-mouse-display{
296
+ .video-js.skin_news_live .vjs-mouse-display{
83
297
  font-size: 1.6666666667em;
84
298
  }
85
299
 
86
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
300
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
87
301
  font-size: 1em !important;
88
302
  }
89
303
 
90
- .video-js.skin_news .vjs-button{
304
+ .video-js.skin_news_live .vjs-button{
91
305
  width: 5.3em;
92
306
  display: flex;
93
307
  align-items: center;
@@ -95,63 +309,71 @@
95
309
  }
96
310
 
97
311
 
98
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
312
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
99
313
  .icon-maximize {
100
314
  display: block;
101
315
  height: 32px;
102
316
  }
103
317
 
104
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
318
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
105
319
  line-height: 4;
106
320
  }
107
321
 
108
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
322
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
109
323
  .icon-minimize {
110
324
  display: none;
111
325
  height: 32px;
112
326
  }
113
327
 
114
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
328
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
115
329
  outline: none !important;
330
+ /* flex: 1; */
116
331
  }
117
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
332
+ .video-js.skin_news_live .vjs-play-toggle-container{
333
+ display: flex;
334
+ flex: 1;
335
+ justify-content: center;
336
+ }
337
+
338
+
339
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
118
340
  .vjs-icon-fullscreen-enter:before {
119
341
  /* content: '' !important; */
120
342
  }
121
343
 
122
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
344
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
123
345
  display: flex;
124
346
  justify-content: center;
125
347
  align-items: center;
126
348
  /* transform: rotate(90deg); */
127
349
  }
128
350
 
129
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
351
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
130
352
  display: none;
131
353
  }
132
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
354
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
133
355
  margin-left: -10px;
134
356
  }
135
357
 
136
- .video-js.skin_news .skipbtn:hover{
358
+ .video-js.skin_news_live .skipbtn:hover{
137
359
  cursor: pointer;
138
360
  }
139
361
 
140
- .video-js.skin_news .rewindbtn:hover{
362
+ .video-js.skin_news_live .rewindbtn:hover{
141
363
  cursor: pointer;
142
364
  }
143
365
 
144
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
366
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
145
367
  position: relative;
146
368
  padding-left: 0;
147
369
  }
148
370
 
149
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
371
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
150
372
  display: none !important;
151
373
  }
152
374
 
153
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
154
- width: 90px;
375
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
376
+ /* width: 90px;
155
377
  height: 90px;
156
378
  display: flex;
157
379
  justify-content: center;
@@ -166,19 +388,20 @@
166
388
  font-size: 6em;
167
389
  line-height: 1.4em;
168
390
  border: 0.05em solid;
169
- color: inherit;
391
+ color: inherit; */
392
+ display: none !important;
170
393
  }
171
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
394
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
172
395
  font-weight: bold;
173
396
  }
174
397
 
175
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
398
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
176
399
  bottom: 2.4em !important;
177
400
  right: -1em;
178
401
  z-index: 1;
179
402
  }
180
403
 
181
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
404
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
182
405
  width: 24px !important;
183
406
  height: 24px !important;
184
407
  }
@@ -188,34 +411,34 @@
188
411
  }
189
412
 
190
413
 
191
- .video-js.skin_news button.vjs-rewind-button{
414
+ .video-js.skin_news_live button.vjs-rewind-button{
192
415
  cursor: pointer;
193
416
  }
194
417
 
195
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
418
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
196
419
  padding-right: 0;
420
+ display: none;
197
421
  }
198
422
 
199
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
423
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
200
424
  padding-left: 0;
425
+ display: none;
201
426
  }
202
427
 
203
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
428
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
204
429
  padding-left: 0;
205
430
  padding-right: 0;
206
- display: flex;
207
- justify-content: center;
208
- width: min-content;
431
+ display: none;
209
432
  }
210
433
 
211
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
434
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
212
435
  display: none
213
436
  }
214
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
437
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
215
438
  display: none
216
439
  }
217
440
 
218
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
441
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
219
442
  display: flex;
220
443
  align-items: center;
221
444
  font-weight: 700;
@@ -223,26 +446,26 @@
223
446
  min-width: 1.2em;
224
447
  }
225
448
 
226
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
449
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
227
450
  display: none;
228
451
  font-size: 11px;
229
452
  justify-content: center;
230
453
  align-items: center;
231
454
  user-select: none;
232
455
  }
233
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
456
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
234
457
  display: none;
235
458
  }
236
459
 
237
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
460
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
238
461
  height: min-content;
239
462
  width: min-content;
240
463
  }
241
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
464
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
242
465
  width: 6em;
243
466
  }
244
467
 
245
- .video-js.skin_news .content{
468
+ .video-js.skin_news_live .content{
246
469
  bottom: 3.4rem !important;
247
470
  right: -4rem !important;
248
471
  }
@@ -261,15 +484,16 @@
261
484
  pointer-events:none
262
485
  }
263
486
 
264
- .video-js.skin_news iframe{
487
+ .video-js.skin_news_live iframe{
265
488
  width: 100%;
266
489
  height: 100%;
267
490
  }
268
491
 
269
- .video-js.skin_news .vjs-live-control{
492
+ .video-js.skin_news_live .vjs-live-control{
270
493
  align-items: center;
494
+ display: none;
271
495
  }
272
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
496
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
273
497
  height: 2.2em;
274
498
  display: flex;
275
499
  align-items: center;
@@ -280,43 +504,22 @@
280
504
  margin: 4px 0px 4px 12px;
281
505
  }
282
506
 
283
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
507
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
284
508
  text-shadow: none;
285
509
  }
286
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
287
- display: none;
288
- font-size: 12px;
289
- }
290
510
 
291
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
292
- height: 2.2em;
293
- display: inline-flex;
294
- align-items: center;
295
- /* font-family: monospace; */
511
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
512
+ display: flex;
296
513
  justify-content: center;
297
- border: 2px solid;
298
- margin: 4px 0px 4px 6px;
299
- white-space: pre;
300
- padding: 0px 6px;
301
- font-size: 1.2em;
302
- font-weight: 500;
303
- color: rgba(255, 255, 2555, 0.7);
304
-
305
- letter-spacing: -.1px;
306
- line-height: normal;
307
- text-transform: uppercase;
308
- color: #FFFFFF;
309
- opacity: .7;
310
- font-family: "Proxima Nova";
514
+ min-width: 5.3em;
515
+ pointer-events: none;
516
+ user-select: none;
311
517
  }
312
518
 
313
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
314
- opacity: 1;
519
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
520
+ color: white;
315
521
  }
316
522
 
317
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
318
- content: "NOT LIVE";
319
- }
320
523
 
321
524
  .settings-selection.vjs-control.vjs-button{
322
525
  display: flex !important;
@@ -333,57 +536,57 @@
333
536
  .tvProviderImage{
334
537
  display: none
335
538
  }
336
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
539
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
337
540
  .icon-maximize {
338
541
  height: 30px !important;
339
542
  }
340
543
 
341
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
544
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
342
545
  .icon-minimize {
343
546
  height: 30px !important;
344
547
  }
345
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
548
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
346
549
  width: 4.5em;
347
550
  }
348
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
551
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
349
552
  height: min-content;
350
553
  }
351
554
 
352
- .video-js.skin_news button.vjs-slowmo-button{
555
+ .video-js.skin_news_live button.vjs-slowmo-button{
353
556
  display: none;
354
557
  }
355
- .video-js.skin_news button.vjs-rewind-button{
558
+ .video-js.skin_news_live button.vjs-rewind-button{
356
559
  display: none;
357
560
  }
358
- .video-js.skin_news button.vjs-rewind-button>svg{
561
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
359
562
  height: 20px;
360
563
  }
361
- .video-js.skin_news .vjs-button{
564
+ .video-js.skin_news_live .vjs-button{
362
565
  width: 4.8em;
363
566
  }
364
- .video-js.skin_news .widget-selection{
567
+ .video-js.skin_news_live .widget-selection{
365
568
  display: none;
366
569
  }
367
- .video-js.skin_news .container{
570
+ .video-js.skin_news_live .container{
368
571
  display: none !important;
369
572
  }
370
- .video-js.skin_news .vjs-control-bar{
573
+ .video-js.skin_news_live .vjs-control-bar{
371
574
  height: 4em !important;
372
575
  }
373
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
576
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
374
577
  font-size: 2.5em;
375
578
  line-height: 1.5;
376
579
  }
377
- .video-js.skin_news .vjs-play-progress:before {
580
+ .video-js.skin_news_live .vjs-play-progress:before {
378
581
  font-size: 1.2em;
379
582
  position: absolute;
380
583
  right: -0.5em;
381
584
  z-index: 1;
382
585
  }
383
- .video-js.skin_news button.vjs-skip-button>svg{
586
+ .video-js.skin_news_live button.vjs-skip-button>svg{
384
587
  height: 20px;
385
588
  }
386
- .video-js.skin_news button.vjs-big-play-button {
589
+ .video-js.skin_news_live button.vjs-big-play-button {
387
590
  width: 50px !important;
388
591
  height: 50px !important;
389
592
  font-size: 2.1rem !important;
@@ -393,17 +596,17 @@
393
596
  width: 24px;
394
597
  height: 24px;
395
598
  }
396
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
599
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
397
600
  margin: 0 12px 0 12px;
398
601
  }
399
- .video-js.skin_news .vjs-seek-to-live-text{
602
+ .video-js.skin_news_live .vjs-seek-to-live-text{
400
603
  font-size: 12px;
401
604
  }
402
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
605
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
403
606
  margin: 0 12px 0 12px;
404
607
  }
405
608
  }
406
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
609
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
407
610
  width: 90px;
408
611
  height: 90px;
409
612
  display: flex;
@@ -420,7 +623,7 @@
420
623
  line-height: 1.4em;
421
624
  }
422
625
 
423
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
626
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
627
  display: flex;
425
628
  justify-content: center;
426
629
  align-items: center;
@@ -428,29 +631,22 @@
428
631
  transition: width 0.1s;
429
632
  }
430
633
 
431
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
634
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
432
635
  display: flex;
433
636
  justify-content: center;
434
637
  align-items: center;
435
638
  height: 100%;
436
639
  transition: width 0.1s;
437
640
  }
438
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
641
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
439
642
  display: none !important;
440
643
  }
441
- .video-js.skin_news .ssai-ad-container{
442
- position: absolute;
443
- bottom: 14px;
444
- }
445
644
 
446
645
  @media (max-width: 576px) {
447
- .video-js.skin_news .ssai-ad-container{
448
- bottom: 2px;
449
- }
450
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
646
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
451
647
  height: 5px !important;
452
648
  }
453
- .video-js.skin_news button.vjs-big-play-button {
649
+ .video-js.skin_news_live button.vjs-big-play-button {
454
650
  width: 50px !important;
455
651
  height: 50px !important;
456
652
  font-size: 2.1rem !important;
@@ -459,309 +655,460 @@
459
655
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
460
656
  display: none;
461
657
  }
462
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
658
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
463
659
  bottom: 2.4em !important;
464
660
  right: -1em;
465
661
  z-index: 1;
466
662
  }
467
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
663
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
468
664
  display: none !important;
469
665
  }
470
666
 
471
- .video-js.skin_news .vjs-text-track-display-ttml span {
472
- color: white;
473
- font-size: 13px;
474
- background-color: black;
475
- }
476
- }
477
-
478
- .video-js.skin_news .vjs-text-track-display-ttml span {
479
- color: white;
480
- font-size: 16px;
481
- background-color: black;
482
- }
483
-
484
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
485
- margin-bottom: 2rem !important;
486
667
  }
487
668
 
488
- .video-js.skin_news .vjs-text-track-display-ttml p {
489
- font-size: 18px !important;
669
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
670
+ width: 100% !important;
490
671
  }
491
672
 
492
-
493
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
494
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
673
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
674
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
495
675
  font-size: 1.2em !important;
496
676
  line-height: 1.5em !important;
497
677
  padding: 0.2em 0.8em !important;
498
678
  }
499
679
 
500
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
680
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
501
681
  content: none !important;
502
682
  fill: none !important;
503
683
  filter: none !important;
504
684
  }
505
685
 
506
- /* svg icons opacity and hover effect */
507
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
508
- opacity: 0.7 !important;
509
- }
510
-
511
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
512
- opacity: 1 !important;
513
- }
514
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
515
- opacity: 0.7 !important;
516
- }
517
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
518
- opacity: 1 !important;
519
- }
520
-
521
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
686
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
522
687
  color: rgba(255, 255, 2555, 0.7)!important;
523
688
  }
524
689
 
525
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
690
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
526
691
  color: rgba(255, 255, 2555, 1)!important;
527
692
  }
528
693
 
529
694
 
530
695
 
531
696
 
532
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
533
- height: 0.7em !important;
534
- position: absolute !important;
535
- top: -0.7em !important;
536
- width: 100% !important;
697
+ .video-js.skin_cn_news .vjs-control-bar {
698
+ z-index: 1 !important;
699
+ height: auto !important;
700
+ padding: 0.8em 30px 0.6em;
701
+ background: transparent !important;
702
+ display: flex;
703
+ flex-wrap: wrap;
704
+ align-items: center;
705
+ column-gap: 10px;
537
706
  }
538
707
 
539
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
540
- height: 100%;
708
+
709
+ .video-js.skin_cn_news .vjs-control-bar::before {
710
+ content: '';
711
+ position: absolute;
712
+ left: 0;
713
+ right: 0;
714
+ bottom: 0;
715
+ top: -3em;
716
+ background: linear-gradient(
717
+ to top,
718
+ rgba(0, 0, 0, 0.85) 0%,
719
+ rgba(0, 0, 0, 0.7) 40%,
720
+ rgba(0, 0, 0, 0.55) 70%,
721
+ rgba(0, 0, 0, 0.38) 86%,
722
+ transparent 100%
723
+ );
724
+ pointer-events: none;
725
+ z-index: -1;
541
726
  }
542
727
 
543
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
544
- line-height: 2.5;
728
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
729
+ order: -1;
730
+ flex: 0 0 100%;
731
+ width: 80%;
732
+ margin: 0 0 5em;
733
+ position: relative;
545
734
  }
546
735
 
547
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
548
- height: 19px;
549
- width: 19px;
550
- cursor: pointer;
551
- }
552
- .video-js.skin_vlone .vjs-control {
553
- user-select: none;
554
- }
555
- .video-js.skin_vlone .vjs-custom-control-spacer{
556
- user-select: none;
736
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
737
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
738
+ width: auto;
739
+ min-width: 0;
557
740
  }
558
-
559
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
560
- height: 19px;
561
- width: 19px;
562
- cursor: pointer;
741
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
742
+ display: inline-flex;
743
+ align-items: center;
744
+ justify-content: center;
745
+ height: 7em;
746
+ padding: 0 10px;
747
+ color: #fff;
563
748
  }
564
749
 
565
- .video-js.skin_vlone .vjs-play-progress:before {
566
- display: none !important;
750
+ .video-js.skin_cn_news .vjs-svg-icon::before {
751
+ content: none !important;
567
752
  }
568
753
 
569
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
570
- margin: 0 !important;
571
754
 
755
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
756
+ display: inline-flex;
757
+ align-items: center;
758
+ justify-content: center;
759
+ }
760
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
761
+ .video-js.skin_cn_news .vjs-rewind-button svg {
762
+ width: 24px;
763
+ height: 24px;
764
+ display: block;
572
765
  }
573
766
 
574
767
 
575
- .video-js.skin_vlone .vjs-custom-control-spacer {
576
- display: block;
577
- flex: 1 1 auto;
578
- }
579
768
 
580
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
581
- z-index: 1;
769
+ .video-js.skin_cn_news .vjs-subs-caps-button {
770
+ opacity: 1;
582
771
  }
583
772
 
584
773
 
585
- .video-js.skin_vlone .vjs-control-bar {
586
- height: 40px;
587
- }
588
774
 
589
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
590
- .vjs-button>.vjs-icon-placeholder:before {
591
- position: relative !important;
775
+ .video-js.skin_cn_news .vjs-volume-panel {
776
+ margin: 0;
777
+ display: inline-flex;
778
+ align-items: center;
779
+ align-self: center;
780
+ height: 2.2em;
781
+ min-width: 7em;
782
+ transition: none;
592
783
  }
593
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
594
- display: flex;
595
- left: 0px;
596
- top: -1px;
784
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
785
+ width: 0;
786
+ height: 100%;
787
+ display: flex;
788
+ align-items: center;
789
+ overflow: hidden;
790
+ opacity: 0;
791
+ transition: width 0.15s ease, opacity 0.15s ease;
597
792
  }
598
-
599
- .vjs-button>.vjs-icon-placeholder:before {
600
- font-size: 2em !important;
793
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
794
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
795
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
796
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
797
+ width: 5em;
798
+ opacity: 1;
601
799
  }
602
800
 
603
- .video-js.skin_vlone .vjs-control {
604
- width: 4.3em;
801
+ .video-js.skin_cn_news .vjs-volume-bar {
802
+ width: 4em;
803
+ height: 0.3em;
804
+ margin: 0 0.45em;
605
805
  }
606
806
 
607
- .vjs-menu-button-popup .vjs-menu {
608
- bottom: 10px !important;
807
+
808
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
809
+ display: none !important;
609
810
  }
610
811
 
611
- .video-js .vjs-subs-caps-button .vjs-menu li,
612
- .video-js .vjs-subtitles-button .vjs-menu li,
613
- .video-js .vjs-captions-button .vjs-menu li {
614
- text-transform: none;
812
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
813
+ width: 0 !important;
615
814
  }
616
815
 
617
816
 
618
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
619
- height: 1.3em !important;
620
- position: absolute !important;
621
- top: -1.3em !important;
622
- transition: height 0.3s, top 0.3s !important;
817
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
818
+ display: block !important;
819
+ flex: 1 1 auto;
623
820
  }
624
821
 
625
822
 
626
- .video-js.skin_vlone.vjs-live .vjs-time-control{
627
- display: none !important;
823
+ .video-js.skin_cn_news .vjs-big-play-button {
824
+ display: none;
628
825
  }
629
-
630
- .video-js.skin_vlone .vjs-time-control {
631
- display: block;
826
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
827
+ position: relative !important;
828
+ display: flex;
829
+ left: 0;
830
+ top: -1px;
632
831
  }
633
- .video-js.skin_vlone .vjs-remaining-time {
634
- display: none;
832
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
833
+ display: flex;
834
+ justify-content: center;
835
+ align-items: center;
836
+ position: absolute;
837
+ top: 0;
838
+ left: 0;
839
+ right: 0;
840
+ bottom: 0;
841
+ margin: auto;
842
+ width: 80px;
843
+ height: 80px;
844
+ border: none;
845
+ border-radius: 50%;
846
+ background: rgba(0, 0, 0, 0.55);
847
+ font-size: 5em;
848
+ line-height: 1.3em;
849
+ transform: none !important;
635
850
  }
636
851
 
637
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
638
- line-height: 3.5em;
639
- font-size: 1.1em;
640
- min-width: 4em;
641
- }
642
852
 
643
- .video-js.skin_vlone .vjs-time-divider > div{
644
- display: flex;
645
- justify-content: center;
853
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
854
+ height: 4px !important;
855
+ margin: 0;
856
+ border-radius: 20px;
857
+ background-color: #393944;
646
858
  }
647
859
 
648
- .video-js.skin_vlone .vjs-live-control{
649
- align-items: center;
860
+ .video-js.skin_cn_news .vjs-play-progress {
861
+ background-color: #ffffff;
862
+ border-radius: 20px;
650
863
  }
651
- .video-js.skin_vlone .vjs-live-display{
652
- height: 2.2em;
653
- display: flex;
654
- align-items: center;
655
- font-family: monospace;
656
- width: 4em;
657
- justify-content: center;
658
- background: red;
659
- margin: 4px 0px 4px 12px;
864
+
865
+ .video-js.skin_cn_news .vjs-load-progress,
866
+ .video-js.skin_cn_news .vjs-load-progress div {
867
+ background: rgba(255, 255, 255, 0.15);
868
+ border-radius: 20px;
660
869
  }
661
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
662
- background: #6b6b6b;
870
+
871
+
872
+ .video-js.skin_cn_news .vjs-play-progress:before {
873
+ content: '';
874
+ width: 16px;
875
+ height: 16px;
876
+ border-radius: 50%;
877
+ background: #ffffff;
878
+ border: 2px solid rgba(0, 0, 0, 0.6);
879
+ box-sizing: border-box;
880
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
881
+ top: -6px;
882
+ right: -8px;
883
+ position: absolute;
663
884
  }
664
- .video-js.skin_vlone .vjs-live-display:hover{
665
- cursor: pointer;
885
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
886
+ display: none !important;
666
887
  }
667
888
 
668
- .video-js.skin_vlone .vjs-time-control {
669
- line-height: 3.5em !important;
670
- font-size: 1.1em !important;
671
- width: min-content !important;
672
- min-width: 1.5em;
673
- padding: 0 !important;
674
- user-select: none;
889
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
890
+ display: none !important;
675
891
  }
676
892
 
677
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
678
- margin-left: 16px !important;
893
+ .video-js.skin_cn_news.vjs-vod .vjs-mouse-display .vjs-time-tooltip {
894
+ display: block !important;
895
+ background: #ffffff;
896
+ color: #0a0e17;
897
+ font-weight: 700;
898
+ border-radius: 3px;
679
899
  }
680
900
 
681
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
682
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
683
- font-size: 1.2em !important;
684
- line-height: 1.5em !important;
685
- padding: 0.2em 0.8em !important;
901
+ .video-js.skin_cn_news .vjs-live-control {
902
+ display: none !important;
686
903
  }
687
-
688
-
689
- /* Big play */
690
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
691
- width: 80px;
692
- height: 80px;
693
- display: flex;
694
- justify-content: center;
695
- align-items: center;
696
- border: none;
697
- position: absolute;
698
- top: 0;
699
- left: 0;
700
- right: 0;
701
- bottom: 0;
702
- margin: auto;
703
- font-size: 5em;
704
- line-height: 1.3em;
705
- transform: none !important;
706
- border-radius: 1.3em;
904
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
905
+ display: inline-flex;
906
+ align-items: center;
907
+ align-self: center;
908
+ height: 2.2em;
909
+ gap: 5px;
910
+ width: auto;
911
+ padding: 0 10px;
912
+ border: 1px solid rgba(255, 255, 255, 0.45);
913
+ border-radius: 4px;
914
+ cursor: pointer;
707
915
  }
708
- .video-js.skin_vlone .ssai-ad-container{
709
- position: absolute;
710
- bottom: 4px;
916
+ .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
917
+ .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control,
918
+ .video-js.skin_cn_news:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
919
+ display: none;
711
920
  }
712
-
713
- @media(max-width:600px){
714
- .video-js.skin_vlone button.vjs-big-play-button {
715
- width: 50px !important;
716
- height: 50px !important;
717
- font-size: 2.1rem !important;
718
- }
719
921
 
720
- .video-js.skin_vlone .ssai-ad-container {
721
- position: absolute;
722
- bottom: 2px;
922
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
923
+ display: none;
723
924
  }
724
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
725
- display: none;
925
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
926
+ display: inline-flex;
927
+ align-items: center;
928
+ }
929
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
930
+ content: '';
931
+ display: inline-block;
932
+ width: 8px;
933
+ height: 8px;
934
+ border-radius: 50%;
935
+ background: #ff2d2d; /* red live dot */
936
+ }
937
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
938
+ color: #ffffff;
939
+ font-weight: 700;
940
+ font-size: 12px;
941
+ letter-spacing: 0.03em;
726
942
  }
727
943
 
728
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
729
- /* display: none; */
944
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
945
+ border-color: transparent;
946
+ }
947
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
948
+ color: #ff2d2d;
730
949
  }
731
950
 
732
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
733
- /* display: none; */
951
+ /* ---- time controls ---- */
952
+ .video-js.skin_cn_news .vjs-current-time,
953
+ .video-js.skin_cn_news .vjs-duration,
954
+ .video-js.skin_cn_news .vjs-time-divider {
955
+ display: none;
956
+ align-items: center;
957
+ font-size: 12px;
958
+ font-weight: 700;
959
+ color: #fff;
960
+ user-select: none;
961
+ }
962
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
963
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
964
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
965
+ display: flex;
734
966
  }
967
+ .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
968
+ padding-right: 0;
735
969
  }
736
- .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
737
- text-decoration: underline;
970
+ .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
971
+ padding-left: 0;
972
+ }
973
+ .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
974
+ padding: 0 4px;
975
+ min-width: 0;
976
+ width: auto;
977
+ }
978
+ .video-js.skin_cn_news:not(.vl-vod-time) .vjs-current-time,
979
+ .video-js.skin_cn_news:not(.vl-vod-time) .vjs-duration,
980
+ .video-js.skin_cn_news:not(.vl-vod-time) .vjs-time-divider {
981
+ display: none !important;
982
+ }
983
+ .video-js.skin_cn_news.vl-vod-time .vjs-current-time,
984
+ .video-js.skin_cn_news.vl-vod-time .vjs-duration,
985
+ .video-js.skin_cn_news.vl-vod-time .vjs-time-divider {
986
+ display: flex;
987
+ align-items: center;
988
+ min-width: 0;
989
+ padding: 0;
990
+ font-size: 11px;
991
+ font-weight: 700;
992
+ color: #fff;
993
+ user-select: none;
994
+ }
995
+ .video-js.skin_cn_news.vl-vod-time .vjs-current-time {
996
+ padding-left: 6px;
738
997
  }
739
998
 
740
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
999
+ .video-js.skin_cn_news.vl-vod-time .vjs-time-divider {
1000
+ margin: 0 -6px;
1001
+ }
1002
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1003
+ display: none;
1004
+ align-items: center;
1005
+ justify-content: center;
1006
+ font-size: 11px;
1007
+ font-weight: 700;
1008
+ color: #fff;
1009
+ padding: 0 6px;
1010
+ user-select: none;
1011
+ }
1012
+ .video-js.skin_cn_news .vjs-remaining-time .vjs-remaining-time-display {
1013
+ display: none;
1014
+ }
1015
+
1016
+
1017
+ .video-js.skin_cn_news .vjs-chapter-marker {
1018
+ z-index: 2;
1019
+ width: var(--vl-chapter-size, 8px);
1020
+ height: var(--vl-chapter-size, 8px);
1021
+ top: 50%;
1022
+ bottom: auto;
1023
+ background: var(--vl-chapter-color, #ffffff);
1024
+ opacity: var(--vl-chapter-opacity, 1);
1025
+ border-radius: 50%;
1026
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1027
+ transform: translate(-50%, -50%) scale(1);
1028
+ transition: background-color 0.12s ease;
1029
+ }
1030
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1031
+ background: var(--vl-chapter-hover, #0a5cff);
1032
+ }
1033
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1034
+ background: var(--vl-chapter-active, #0a5cff);
1035
+ }
1036
+
1037
+
1038
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1039
+ width: 16px;
1040
+ height: 16px;
1041
+ bottom: 160%;
1042
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1043
+ }
1044
+
1045
+
1046
+ .video-js.skin_cn_news .vjs-chapter-preview {
1047
+ background: var(--vl-chapter-tooltip, #0a5cff);
1048
+ border-radius: 6px;
1049
+ padding: 8px 10px;
1050
+ width: max-content;
1051
+ max-width: 300px;
1052
+ text-align: left;
1053
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1054
+ }
1055
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1056
+ color: #ffffff;
1057
+ font-size: 13px;
1058
+ font-weight: 400;
1059
+ margin-bottom: 2px;
1060
+ }
1061
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1062
+ color: #ffffff;
1063
+ font-size: 13px;
1064
+ font-weight: 400;
1065
+ line-height: 1.3;
1066
+ white-space: normal;
1067
+ text-align: left;
1068
+ }
1069
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1070
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1071
+ }
1072
+
1073
+ /* ---- responsive ---- */
1074
+ @media (max-width: 576px) {
1075
+ .video-js.skin_cn_news .vjs-control-bar {
1076
+ height: 3.2em !important;
1077
+ padding: 0 8px;
1078
+ }
1079
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1080
+ padding: 0 6px;
1081
+ }
1082
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1083
+ display: none !important;
1084
+ }
1085
+ }
1086
+
1087
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
741
1088
  font-size: 2.2em;
742
1089
  line-height: 2.6;
743
1090
  }
744
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
745
- background: #fcb700;
1091
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1092
+ background: white;
746
1093
  }
747
- .video-js.skin_news_live .vjs-control-bar{
1094
+ .video-js.skin_news .vjs-control-bar{
748
1095
  z-index: 1 !important;
749
1096
  height: 5em !important;
750
1097
  background: black !important;
751
1098
  }
752
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1099
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
753
1100
  display: flex;
754
1101
  align-items: center;
755
1102
  justify-content: center;
756
1103
  }
757
1104
 
758
- .video-js.skin_news_live .vjs-fade>* {
1105
+ .video-js.skin_news .vjs-fade>* {
759
1106
  visibility: hidden !important;
760
1107
  opacity: 0 !important;
761
1108
  transition: visibility 1s, opacity 1s !important;
762
1109
  }
763
1110
 
764
- .video-js.skin_news_live .custom-spaced-progress-bar {
1111
+ .video-js.skin_news .custom-spaced-progress-bar {
765
1112
  position: absolute;
766
1113
  width: 100%;
767
1114
  display: flex;
@@ -769,7 +1116,7 @@
769
1116
  top: -0.5em;
770
1117
  }
771
1118
 
772
- .video-js.skin_news_live .vjs-progress-control {
1119
+ .video-js.skin_news .vjs-progress-control {
773
1120
  /* left: -6px; */
774
1121
  position: relative;
775
1122
  width: 100%;
@@ -777,25 +1124,22 @@
777
1124
  transition: height 0.1s, top 0.1s;
778
1125
  }
779
1126
 
780
- .video-js.skin_news_live .vjs-volume-panel{
781
- min-width: 5.3em;
782
- }
783
1127
 
784
1128
 
785
1129
 
786
- .video-js.skin_news_live .vjs-custom-control-spacer {
787
- /* display: block; */
788
- /* flex: 1 1 auto; */
1130
+ .video-js.skin_news .vjs-custom-control-spacer {
1131
+ display: block;
1132
+ flex: 1 1 auto;
789
1133
  }
790
1134
 
791
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1135
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
792
1136
  margin: 0 0px 0 0px;
793
1137
  }
794
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1138
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
795
1139
  display: none;
796
1140
  }
797
1141
 
798
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1142
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
799
1143
  font-size: 14px;
800
1144
  font-weight: 500;
801
1145
  align-self: center;
@@ -804,30 +1148,30 @@
804
1148
  border-radius: 8px;
805
1149
  }
806
1150
 
807
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1151
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
808
1152
  height: 6px !important;
809
1153
  }
810
1154
 
811
- .video-js.skin_news_live .vjs-play-progress:before {
1155
+ .video-js.skin_news .vjs-play-progress:before {
812
1156
  font-size: 1.5em;
813
1157
  line-height: unset;
814
1158
  top: -0.3333333333em;
815
1159
  }
816
1160
 
817
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1161
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
818
1162
  display: none !important;
819
1163
  }
820
1164
 
821
1165
  /* */
822
- .video-js.skin_news_live .vjs-mouse-display{
1166
+ .video-js.skin_news .vjs-mouse-display{
823
1167
  font-size: 1.6666666667em;
824
1168
  }
825
1169
 
826
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1170
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
827
1171
  font-size: 1em !important;
828
1172
  }
829
1173
 
830
- .video-js.skin_news_live .vjs-button{
1174
+ .video-js.skin_news .vjs-button{
831
1175
  width: 5.3em;
832
1176
  display: flex;
833
1177
  align-items: center;
@@ -835,71 +1179,63 @@
835
1179
  }
836
1180
 
837
1181
 
838
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1182
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
839
1183
  .icon-maximize {
840
1184
  display: block;
841
1185
  height: 32px;
842
1186
  }
843
1187
 
844
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1188
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
845
1189
  line-height: 4;
846
1190
  }
847
1191
 
848
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1192
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
849
1193
  .icon-minimize {
850
1194
  display: none;
851
1195
  height: 32px;
852
1196
  }
853
1197
 
854
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1198
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
855
1199
  outline: none !important;
856
- /* flex: 1; */
857
- }
858
- .video-js.skin_news_live .vjs-play-toggle-container{
859
- display: flex;
860
- flex: 1;
861
- justify-content: center;
862
1200
  }
863
-
864
-
865
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1201
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
866
1202
  .vjs-icon-fullscreen-enter:before {
867
1203
  /* content: '' !important; */
868
1204
  }
869
1205
 
870
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1206
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
871
1207
  display: flex;
872
1208
  justify-content: center;
873
1209
  align-items: center;
874
1210
  /* transform: rotate(90deg); */
875
1211
  }
876
1212
 
877
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1213
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
878
1214
  display: none;
879
1215
  }
880
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1216
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
881
1217
  margin-left: -10px;
882
1218
  }
883
1219
 
884
- .video-js.skin_news_live .skipbtn:hover{
1220
+ .video-js.skin_news .skipbtn:hover{
885
1221
  cursor: pointer;
886
1222
  }
887
1223
 
888
- .video-js.skin_news_live .rewindbtn:hover{
1224
+ .video-js.skin_news .rewindbtn:hover{
889
1225
  cursor: pointer;
890
1226
  }
891
1227
 
892
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1228
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
893
1229
  position: relative;
894
1230
  padding-left: 0;
895
1231
  }
896
1232
 
897
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1233
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
898
1234
  display: none !important;
899
1235
  }
900
1236
 
901
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
902
- /* width: 90px;
1237
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1238
+ width: 90px;
903
1239
  height: 90px;
904
1240
  display: flex;
905
1241
  justify-content: center;
@@ -914,20 +1250,19 @@
914
1250
  font-size: 6em;
915
1251
  line-height: 1.4em;
916
1252
  border: 0.05em solid;
917
- color: inherit; */
918
- display: none !important;
1253
+ color: inherit;
919
1254
  }
920
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1255
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
921
1256
  font-weight: bold;
922
1257
  }
923
1258
 
924
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1259
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
925
1260
  bottom: 2.4em !important;
926
1261
  right: -1em;
927
1262
  z-index: 1;
928
1263
  }
929
1264
 
930
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1265
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
931
1266
  width: 24px !important;
932
1267
  height: 24px !important;
933
1268
  }
@@ -937,34 +1272,34 @@
937
1272
  }
938
1273
 
939
1274
 
940
- .video-js.skin_news_live button.vjs-rewind-button{
1275
+ .video-js.skin_news button.vjs-rewind-button{
941
1276
  cursor: pointer;
942
1277
  }
943
1278
 
944
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1279
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
945
1280
  padding-right: 0;
946
- display: none;
947
1281
  }
948
1282
 
949
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1283
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
950
1284
  padding-left: 0;
951
- display: none;
952
1285
  }
953
1286
 
954
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1287
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
955
1288
  padding-left: 0;
956
1289
  padding-right: 0;
957
- display: none;
1290
+ display: flex;
1291
+ justify-content: center;
1292
+ width: min-content;
958
1293
  }
959
1294
 
960
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1295
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
961
1296
  display: none
962
1297
  }
963
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1298
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
964
1299
  display: none
965
1300
  }
966
1301
 
967
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1302
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
968
1303
  display: flex;
969
1304
  align-items: center;
970
1305
  font-weight: 700;
@@ -972,26 +1307,26 @@
972
1307
  min-width: 1.2em;
973
1308
  }
974
1309
 
975
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1310
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
976
1311
  display: none;
977
1312
  font-size: 11px;
978
1313
  justify-content: center;
979
1314
  align-items: center;
980
1315
  user-select: none;
981
1316
  }
982
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1317
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
983
1318
  display: none;
984
1319
  }
985
1320
 
986
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1321
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
987
1322
  height: min-content;
988
1323
  width: min-content;
989
1324
  }
990
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1325
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
991
1326
  width: 6em;
992
1327
  }
993
1328
 
994
- .video-js.skin_news_live .content{
1329
+ .video-js.skin_news .content{
995
1330
  bottom: 3.4rem !important;
996
1331
  right: -4rem !important;
997
1332
  }
@@ -1010,16 +1345,15 @@
1010
1345
  pointer-events:none
1011
1346
  }
1012
1347
 
1013
- .video-js.skin_news_live iframe{
1348
+ .video-js.skin_news iframe{
1014
1349
  width: 100%;
1015
1350
  height: 100%;
1016
1351
  }
1017
1352
 
1018
- .video-js.skin_news_live .vjs-live-control{
1353
+ .video-js.skin_news .vjs-live-control{
1019
1354
  align-items: center;
1020
- display: none;
1021
1355
  }
1022
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1356
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1023
1357
  height: 2.2em;
1024
1358
  display: flex;
1025
1359
  align-items: center;
@@ -1030,22 +1364,43 @@
1030
1364
  margin: 4px 0px 4px 12px;
1031
1365
  }
1032
1366
 
1033
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1367
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1034
1368
  text-shadow: none;
1035
1369
  }
1370
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1371
+ display: none;
1372
+ font-size: 12px;
1373
+ }
1036
1374
 
1037
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1038
- display: flex;
1375
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1376
+ height: 2.2em;
1377
+ display: inline-flex;
1378
+ align-items: center;
1379
+ /* font-family: monospace; */
1039
1380
  justify-content: center;
1040
- min-width: 5.3em;
1041
- pointer-events: none;
1042
- user-select: none;
1381
+ border: 2px solid;
1382
+ margin: 4px 0px 4px 6px;
1383
+ white-space: pre;
1384
+ padding: 0px 6px;
1385
+ font-size: 1.2em;
1386
+ font-weight: 500;
1387
+ color: rgba(255, 255, 2555, 0.7);
1388
+
1389
+ letter-spacing: -.1px;
1390
+ line-height: normal;
1391
+ text-transform: uppercase;
1392
+ color: #FFFFFF;
1393
+ opacity: .7;
1394
+ font-family: "Proxima Nova";
1043
1395
  }
1044
1396
 
1045
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1046
- color: white;
1397
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1398
+ opacity: 1;
1047
1399
  }
1048
1400
 
1401
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1402
+ content: "NOT LIVE";
1403
+ }
1049
1404
 
1050
1405
  .settings-selection.vjs-control.vjs-button{
1051
1406
  display: flex !important;
@@ -1062,57 +1417,57 @@
1062
1417
  .tvProviderImage{
1063
1418
  display: none
1064
1419
  }
1065
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1420
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1066
1421
  .icon-maximize {
1067
1422
  height: 30px !important;
1068
1423
  }
1069
1424
 
1070
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1425
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1071
1426
  .icon-minimize {
1072
1427
  height: 30px !important;
1073
1428
  }
1074
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1429
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1075
1430
  width: 4.5em;
1076
1431
  }
1077
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1432
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1078
1433
  height: min-content;
1079
1434
  }
1080
1435
 
1081
- .video-js.skin_news_live button.vjs-slowmo-button{
1436
+ .video-js.skin_news button.vjs-slowmo-button{
1082
1437
  display: none;
1083
1438
  }
1084
- .video-js.skin_news_live button.vjs-rewind-button{
1439
+ .video-js.skin_news button.vjs-rewind-button{
1085
1440
  display: none;
1086
1441
  }
1087
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1442
+ .video-js.skin_news button.vjs-rewind-button>svg{
1088
1443
  height: 20px;
1089
1444
  }
1090
- .video-js.skin_news_live .vjs-button{
1445
+ .video-js.skin_news .vjs-button{
1091
1446
  width: 4.8em;
1092
1447
  }
1093
- .video-js.skin_news_live .widget-selection{
1448
+ .video-js.skin_news .widget-selection{
1094
1449
  display: none;
1095
1450
  }
1096
- .video-js.skin_news_live .container{
1451
+ .video-js.skin_news .container{
1097
1452
  display: none !important;
1098
1453
  }
1099
- .video-js.skin_news_live .vjs-control-bar{
1454
+ .video-js.skin_news .vjs-control-bar{
1100
1455
  height: 4em !important;
1101
1456
  }
1102
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1457
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1103
1458
  font-size: 2.5em;
1104
1459
  line-height: 1.5;
1105
1460
  }
1106
- .video-js.skin_news_live .vjs-play-progress:before {
1461
+ .video-js.skin_news .vjs-play-progress:before {
1107
1462
  font-size: 1.2em;
1108
1463
  position: absolute;
1109
1464
  right: -0.5em;
1110
1465
  z-index: 1;
1111
1466
  }
1112
- .video-js.skin_news_live button.vjs-skip-button>svg{
1467
+ .video-js.skin_news button.vjs-skip-button>svg{
1113
1468
  height: 20px;
1114
1469
  }
1115
- .video-js.skin_news_live button.vjs-big-play-button {
1470
+ .video-js.skin_news button.vjs-big-play-button {
1116
1471
  width: 50px !important;
1117
1472
  height: 50px !important;
1118
1473
  font-size: 2.1rem !important;
@@ -1122,17 +1477,17 @@
1122
1477
  width: 24px;
1123
1478
  height: 24px;
1124
1479
  }
1125
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1480
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1126
1481
  margin: 0 12px 0 12px;
1127
1482
  }
1128
- .video-js.skin_news_live .vjs-seek-to-live-text{
1483
+ .video-js.skin_news .vjs-seek-to-live-text{
1129
1484
  font-size: 12px;
1130
1485
  }
1131
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1486
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1132
1487
  margin: 0 12px 0 12px;
1133
1488
  }
1134
1489
  }
1135
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1490
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1136
1491
  width: 90px;
1137
1492
  height: 90px;
1138
1493
  display: flex;
@@ -1149,7 +1504,7 @@
1149
1504
  line-height: 1.4em;
1150
1505
  }
1151
1506
 
1152
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1507
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1153
1508
  display: flex;
1154
1509
  justify-content: center;
1155
1510
  align-items: center;
@@ -1157,22 +1512,29 @@
1157
1512
  transition: width 0.1s;
1158
1513
  }
1159
1514
 
1160
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1515
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1161
1516
  display: flex;
1162
1517
  justify-content: center;
1163
1518
  align-items: center;
1164
1519
  height: 100%;
1165
1520
  transition: width 0.1s;
1166
1521
  }
1167
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1522
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1168
1523
  display: none !important;
1169
1524
  }
1525
+ .video-js.skin_news .ssai-ad-container{
1526
+ position: absolute;
1527
+ bottom: 14px;
1528
+ }
1170
1529
 
1171
1530
  @media (max-width: 576px) {
1172
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1531
+ .video-js.skin_news .ssai-ad-container{
1532
+ bottom: 2px;
1533
+ }
1534
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1173
1535
  height: 5px !important;
1174
1536
  }
1175
- .video-js.skin_news_live button.vjs-big-play-button {
1537
+ .video-js.skin_news button.vjs-big-play-button {
1176
1538
  width: 50px !important;
1177
1539
  height: 50px !important;
1178
1540
  font-size: 2.1rem !important;
@@ -1181,409 +1543,75 @@
1181
1543
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1182
1544
  display: none;
1183
1545
  }
1184
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1546
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1185
1547
  bottom: 2.4em !important;
1186
1548
  right: -1em;
1187
1549
  z-index: 1;
1188
1550
  }
1189
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1551
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1190
1552
  display: none !important;
1191
1553
  }
1192
1554
 
1555
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1556
+ color: white;
1557
+ font-size: 13px;
1558
+ background-color: black;
1559
+ }
1193
1560
  }
1194
1561
 
1195
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1196
- width: 100% !important;
1197
- }
1198
-
1199
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1200
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1201
- font-size: 1.2em !important;
1202
- line-height: 1.5em !important;
1203
- padding: 0.2em 0.8em !important;
1204
- }
1205
-
1206
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1207
- content: none !important;
1208
- fill: none !important;
1209
- filter: none !important;
1210
- }
1211
-
1212
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1213
- color: rgba(255, 255, 2555, 0.7)!important;
1214
- }
1215
-
1216
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1217
- color: rgba(255, 255, 2555, 1)!important;
1218
- }
1219
-
1220
-
1221
-
1222
-
1223
-
1224
-
1225
- .video-js.skin_cn_news .vjs-control-bar {
1226
- z-index: 1 !important;
1227
- height: auto !important;
1228
- padding: 0.8em 30px 0.6em;
1229
- background: transparent !important;
1230
- display: flex;
1231
- flex-wrap: wrap;
1232
- align-items: center;
1233
- column-gap: 10px;
1234
- }
1235
-
1236
-
1237
- .video-js.skin_cn_news .vjs-control-bar::before {
1238
- content: '';
1239
- position: absolute;
1240
- left: 0;
1241
- right: 0;
1242
- bottom: 0;
1243
- top: -3em;
1244
- background: linear-gradient(
1245
- to top,
1246
- rgba(0, 0, 0, 0.85) 0%,
1247
- rgba(0, 0, 0, 0.7) 40%,
1248
- rgba(0, 0, 0, 0.55) 70%,
1249
- rgba(0, 0, 0, 0.38) 86%,
1250
- transparent 100%
1251
- );
1252
- pointer-events: none;
1253
- z-index: -1;
1254
- }
1255
-
1256
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1257
- order: -1;
1258
- flex: 0 0 100%;
1259
- width: 80%;
1260
- margin: 0 0 5em;
1261
- position: relative;
1262
- }
1263
-
1264
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1265
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1266
- width: auto;
1267
- min-width: 0;
1268
- }
1269
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1270
- display: inline-flex;
1271
- align-items: center;
1272
- justify-content: center;
1273
- height: 7em;
1274
- padding: 0 10px;
1275
- color: #fff;
1276
- }
1277
-
1278
- .video-js.skin_cn_news .vjs-svg-icon::before {
1279
- content: none !important;
1280
- }
1281
-
1282
-
1283
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1284
- display: inline-flex;
1285
- align-items: center;
1286
- justify-content: center;
1287
- }
1288
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1289
- .video-js.skin_cn_news .vjs-rewind-button svg {
1290
- width: 24px;
1291
- height: 24px;
1292
- display: block;
1293
- }
1294
-
1295
-
1296
-
1297
- .video-js.skin_cn_news .vjs-subs-caps-button {
1298
- opacity: 1;
1299
- }
1300
-
1301
-
1302
-
1303
- .video-js.skin_cn_news .vjs-volume-panel {
1304
- margin: 0;
1305
- display: inline-flex;
1306
- align-items: center;
1307
- align-self: center;
1308
- height: 2.2em;
1309
- min-width: 7em;
1310
- transition: none;
1311
- }
1312
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1313
- width: 0;
1314
- height: 100%;
1315
- display: flex;
1316
- align-items: center;
1317
- overflow: hidden;
1318
- opacity: 0;
1319
- transition: width 0.15s ease, opacity 0.15s ease;
1320
- }
1321
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1322
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1323
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1324
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1325
- width: 5em;
1326
- opacity: 1;
1327
- }
1328
-
1329
- .video-js.skin_cn_news .vjs-volume-bar {
1330
- width: 4em;
1331
- height: 0.3em;
1332
- margin: 0 0.45em;
1333
- }
1334
-
1335
-
1336
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1337
- display: none !important;
1338
- }
1339
-
1340
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1341
- width: 0 !important;
1342
- }
1343
-
1344
-
1345
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1346
- display: block !important;
1347
- flex: 1 1 auto;
1348
- }
1349
-
1350
-
1351
- .video-js.skin_cn_news .vjs-big-play-button {
1352
- display: none;
1353
- }
1354
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1355
- position: relative !important;
1356
- display: flex;
1357
- left: 0;
1358
- top: -1px;
1359
- }
1360
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1361
- display: flex;
1362
- justify-content: center;
1363
- align-items: center;
1364
- position: absolute;
1365
- top: 0;
1366
- left: 0;
1367
- right: 0;
1368
- bottom: 0;
1369
- margin: auto;
1370
- width: 80px;
1371
- height: 80px;
1372
- border: none;
1373
- border-radius: 50%;
1374
- background: rgba(0, 0, 0, 0.55);
1375
- font-size: 5em;
1376
- line-height: 1.3em;
1377
- transform: none !important;
1378
- }
1379
-
1380
-
1381
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1382
- height: 4px !important;
1383
- margin: 0;
1384
- border-radius: 20px;
1385
- background-color: #393944;
1386
- }
1387
-
1388
- .video-js.skin_cn_news .vjs-play-progress {
1389
- background-color: #ffffff;
1390
- border-radius: 20px;
1391
- }
1392
-
1393
- .video-js.skin_cn_news .vjs-load-progress,
1394
- .video-js.skin_cn_news .vjs-load-progress div {
1395
- background: rgba(255, 255, 255, 0.15);
1396
- border-radius: 20px;
1397
- }
1398
-
1399
-
1400
- .video-js.skin_cn_news .vjs-play-progress:before {
1401
- content: '';
1402
- width: 16px;
1403
- height: 16px;
1404
- border-radius: 50%;
1405
- background: #ffffff;
1406
- border: 2px solid rgba(0, 0, 0, 0.6);
1407
- box-sizing: border-box;
1408
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1409
- top: -6px;
1410
- right: -8px;
1411
- position: absolute;
1412
- }
1413
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1414
- display: none !important;
1415
- }
1416
-
1417
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1418
- display: none !important;
1419
- }
1420
-
1421
- .video-js.skin_cn_news.vjs-vod .vjs-mouse-display .vjs-time-tooltip {
1422
- display: block !important;
1423
- background: #ffffff;
1424
- color: #0a0e17;
1425
- font-weight: 700;
1426
- border-radius: 3px;
1427
- }
1428
-
1429
- .video-js.skin_cn_news .vjs-live-control {
1430
- display: none !important;
1431
- }
1432
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1433
- display: inline-flex;
1434
- align-items: center;
1435
- align-self: center;
1436
- height: 2.2em;
1437
- gap: 5px;
1438
- width: auto;
1439
- padding: 0 10px;
1440
- border: 1px solid rgba(255, 255, 255, 0.45);
1441
- border-radius: 4px;
1442
- cursor: pointer;
1443
- }
1444
- .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
1445
- .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
1446
- display: none;
1447
- }
1448
-
1449
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1450
- display: none;
1451
- }
1452
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1453
- display: inline-flex;
1454
- align-items: center;
1455
- }
1456
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1457
- content: '';
1458
- display: inline-block;
1459
- width: 8px;
1460
- height: 8px;
1461
- border-radius: 50%;
1462
- background: #ff2d2d; /* red live dot */
1463
- }
1464
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1465
- color: #ffffff;
1466
- font-weight: 700;
1467
- font-size: 12px;
1468
- letter-spacing: 0.03em;
1469
- }
1470
-
1471
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1472
- border-color: transparent;
1473
- }
1474
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1475
- color: #ff2d2d;
1476
- }
1477
-
1478
- /* ---- time controls ---- */
1479
- .video-js.skin_cn_news .vjs-current-time,
1480
- .video-js.skin_cn_news .vjs-duration,
1481
- .video-js.skin_cn_news .vjs-time-divider {
1482
- display: none;
1483
- align-items: center;
1484
- font-size: 12px;
1485
- font-weight: 700;
1486
- color: #fff;
1487
- user-select: none;
1488
- }
1489
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
1490
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
1491
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
1492
- display: flex;
1493
- }
1494
- .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
1495
- padding-right: 0;
1496
- }
1497
- .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
1498
- padding-left: 0;
1499
- }
1500
- .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
1501
- padding: 0 4px;
1502
- min-width: 0;
1503
- width: auto;
1504
- }
1505
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1506
- display: none;
1507
- align-items: center;
1508
- justify-content: center;
1509
- font-size: 11px;
1510
- font-weight: 700;
1511
- color: #fff;
1512
- padding: 0 6px;
1513
- user-select: none;
1562
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1563
+ color: white;
1564
+ font-size: 16px;
1565
+ background-color: black;
1514
1566
  }
1515
1567
 
1516
-
1517
- .video-js.skin_cn_news .vjs-chapter-marker {
1518
- z-index: 2;
1519
- width: var(--vl-chapter-size, 8px);
1520
- height: var(--vl-chapter-size, 8px);
1521
- top: 50%;
1522
- bottom: auto;
1523
- background: var(--vl-chapter-color, #ffffff);
1524
- opacity: var(--vl-chapter-opacity, 1);
1525
- border-radius: 50%;
1526
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1527
- transform: translate(-50%, -50%) scale(1);
1528
- transition: background-color 0.12s ease;
1529
- }
1530
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1531
- background: var(--vl-chapter-hover, #0a5cff);
1568
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1569
+ margin-bottom: 2rem !important;
1532
1570
  }
1533
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1534
- background: var(--vl-chapter-active, #0a5cff);
1571
+
1572
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1573
+ font-size: 18px !important;
1535
1574
  }
1536
1575
 
1537
1576
 
1538
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1539
- width: 16px;
1540
- height: 16px;
1541
- bottom: 160%;
1542
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1577
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1578
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1579
+ font-size: 1.2em !important;
1580
+ line-height: 1.5em !important;
1581
+ padding: 0.2em 0.8em !important;
1543
1582
  }
1544
1583
 
1584
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1585
+ content: none !important;
1586
+ fill: none !important;
1587
+ filter: none !important;
1588
+ }
1545
1589
 
1546
- .video-js.skin_cn_news .vjs-chapter-preview {
1547
- background: var(--vl-chapter-tooltip, #0a5cff);
1548
- border-radius: 6px;
1549
- padding: 8px 10px;
1550
- width: max-content;
1551
- max-width: 300px;
1552
- text-align: left;
1553
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1590
+ /* svg icons opacity and hover effect */
1591
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1592
+ opacity: 0.7 !important;
1554
1593
  }
1555
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1556
- color: #ffffff;
1557
- font-size: 13px;
1558
- font-weight: 400;
1559
- margin-bottom: 2px;
1594
+
1595
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1596
+ opacity: 1 !important;
1560
1597
  }
1561
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1562
- color: #ffffff;
1563
- font-size: 13px;
1564
- font-weight: 400;
1565
- line-height: 1.3;
1566
- white-space: normal;
1567
- text-align: left;
1598
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1599
+ opacity: 0.7 !important;
1568
1600
  }
1569
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1570
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1601
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1602
+ opacity: 1 !important;
1571
1603
  }
1572
1604
 
1573
- /* ---- responsive ---- */
1574
- @media (max-width: 576px) {
1575
- .video-js.skin_cn_news .vjs-control-bar {
1576
- height: 3.2em !important;
1577
- padding: 0 8px;
1578
- }
1579
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1580
- padding: 0 6px;
1581
- }
1582
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1583
- display: none !important;
1584
- }
1605
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1606
+ color: rgba(255, 255, 2555, 0.7)!important;
1607
+ }
1608
+
1609
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1610
+ color: rgba(255, 255, 2555, 1)!important;
1585
1611
  }
1586
1612
 
1613
+
1614
+
1587
1615
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1588
1616
  font-size: 2.2em;
1589
1617
  line-height: 2.6;
@@ -2235,6 +2263,88 @@
2235
2263
 
2236
2264
 
2237
2265
 
2266
+ .video-js .multicamera-parent.default{
2267
+ height: 345px;
2268
+ position: absolute;
2269
+ right: 0;
2270
+ bottom: 6rem;
2271
+ width: 200px;
2272
+ right: 13px;
2273
+ opacity: 1;
2274
+ overflow: scroll;
2275
+ display: grid;
2276
+ justify-content: center;
2277
+ flex-direction: column;
2278
+ align-items: center;
2279
+ }
2280
+
2281
+ .video-js .tile{
2282
+ height: 103px;
2283
+ width: 171px;
2284
+ margin-bottom: 1rem;
2285
+ background-size: cover !important;
2286
+ background-repeat: no-repeat;
2287
+ border-radius: 5px;
2288
+ }
2289
+
2290
+ .video-js .tile:hover{
2291
+ cursor: pointer;
2292
+ }
2293
+
2294
+ .video-js .multicamera-parent:hover{
2295
+ opacity: 1 !important;
2296
+ background: none;
2297
+ }
2298
+
2299
+
2300
+ .video-js .multicamera-parent {
2301
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
2302
+ scrollbar-width: none; /* Firefox */
2303
+ }
2304
+ .video-js .multicamera-parent::-webkit-scrollbar {
2305
+ display: none; /* Safari and Chrome */
2306
+ }
2307
+
2308
+ @media (max-width: 600px) {
2309
+ .video-js .multicamera-parent.live{
2310
+ display: none !important;
2311
+ }
2312
+ .video-js .multicamera-parent.default{
2313
+ display: none !important;
2314
+ }
2315
+ }
2316
+
2317
+
2318
+ @media (min-width:601px) and (max-width:900px) {
2319
+ .video-js .tile{
2320
+ height: 85px;
2321
+ width: 150px;
2322
+ }
2323
+ .video-js .multicamera-parent.live{
2324
+ justify-content: center ;
2325
+ }
2326
+ }
2327
+
2328
+
2329
+ .video-js .multicamera-parent.live{
2330
+ position: absolute;
2331
+ right: 0;
2332
+ width: 200px;
2333
+ right: 13px;
2334
+ opacity: 1;
2335
+ overflow: scroll;
2336
+ display: grid;
2337
+ flex-direction: column;
2338
+ align-items: center;
2339
+ position: relative;
2340
+ right: 0;
2341
+ align-content: baseline;
2342
+ }
2343
+
2344
+
2345
+
2346
+
2347
+
2238
2348
  /* Watch in Vertical View Button */
2239
2349
  .video-js .vjs-control.vjs-vertical-view-button {
2240
2350
  width: auto !important;
@@ -2322,88 +2432,6 @@
2322
2432
  }
2323
2433
  }
2324
2434
 
2325
-
2326
-
2327
- .video-js .multicamera-parent.default{
2328
- height: 345px;
2329
- position: absolute;
2330
- right: 0;
2331
- bottom: 6rem;
2332
- width: 200px;
2333
- right: 13px;
2334
- opacity: 1;
2335
- overflow: scroll;
2336
- display: grid;
2337
- justify-content: center;
2338
- flex-direction: column;
2339
- align-items: center;
2340
- }
2341
-
2342
- .video-js .tile{
2343
- height: 103px;
2344
- width: 171px;
2345
- margin-bottom: 1rem;
2346
- background-size: cover !important;
2347
- background-repeat: no-repeat;
2348
- border-radius: 5px;
2349
- }
2350
-
2351
- .video-js .tile:hover{
2352
- cursor: pointer;
2353
- }
2354
-
2355
- .video-js .multicamera-parent:hover{
2356
- opacity: 1 !important;
2357
- background: none;
2358
- }
2359
-
2360
-
2361
- .video-js .multicamera-parent {
2362
- -ms-overflow-style: none; /* Internet Explorer 10+ */
2363
- scrollbar-width: none; /* Firefox */
2364
- }
2365
- .video-js .multicamera-parent::-webkit-scrollbar {
2366
- display: none; /* Safari and Chrome */
2367
- }
2368
-
2369
- @media (max-width: 600px) {
2370
- .video-js .multicamera-parent.live{
2371
- display: none !important;
2372
- }
2373
- .video-js .multicamera-parent.default{
2374
- display: none !important;
2375
- }
2376
- }
2377
-
2378
-
2379
- @media (min-width:601px) and (max-width:900px) {
2380
- .video-js .tile{
2381
- height: 85px;
2382
- width: 150px;
2383
- }
2384
- .video-js .multicamera-parent.live{
2385
- justify-content: center ;
2386
- }
2387
- }
2388
-
2389
-
2390
- .video-js .multicamera-parent.live{
2391
- position: absolute;
2392
- right: 0;
2393
- width: 200px;
2394
- right: 13px;
2395
- opacity: 1;
2396
- overflow: scroll;
2397
- display: grid;
2398
- flex-direction: column;
2399
- align-items: center;
2400
- position: relative;
2401
- right: 0;
2402
- align-content: baseline;
2403
- }
2404
-
2405
-
2406
-
2407
2435
  .vjs-custom-big-mute.vjs-control{
2408
2436
  position: absolute;
2409
2437
  align-items: center;