@viewlift/player-backup 2.0.323-backup → 2.0.324-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 (19) hide show
  1. package/cjs/bundle.css +1015 -1015
  2. package/cjs/index-c6fd92ce.js +1 -0
  3. package/cjs/index-e8aa3719.js +1 -0
  4. package/cjs/index.js +1 -1
  5. package/cjs/skin-03fe0216.js +1 -0
  6. package/cjs/skin-4bf43856.js +1 -0
  7. package/cjs/skin-951abe43.js +1 -0
  8. package/cjs/skin-ca4f6915.js +1 -0
  9. package/cjs/skin-d4dcf3c8.js +1 -0
  10. package/esm/bundle.css +1015 -1015
  11. package/esm/index-09831f16.js +1 -0
  12. package/esm/index-3dd901f7.js +1 -0
  13. package/esm/index.js +1 -1
  14. package/esm/skin-148dfa94.js +1 -0
  15. package/esm/skin-63b9171a.js +1 -0
  16. package/esm/skin-661853df.js +1 -0
  17. package/esm/skin-bfa54532.js +1 -0
  18. package/esm/skin-e8976cd5.js +1 -0
  19. package/package.json +2 -2
package/cjs/bundle.css CHANGED
@@ -1,230 +1,27 @@
1
1
 
2
2
 
3
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
4
- height: 0.7em;
5
- position: absolute;
6
- top: -0.7em;
7
- width: 100%;
8
- }
9
-
10
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
11
- height: 100%;
12
- }
13
-
14
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
15
- line-height: 2.5;
16
- }
17
-
18
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
19
- height: 19px;
20
- width: 19px;
21
- cursor: pointer;
22
- }
23
- .video-js.skin_vlone .vjs-control {
24
- user-select: none;
25
- }
26
- .video-js.skin_vlone .vjs-custom-control-spacer{
27
- user-select: none;
28
- }
29
-
30
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
31
- height: 19px;
32
- width: 19px;
33
- cursor: pointer;
34
- }
35
-
36
- .video-js.skin_vlone .vjs-play-progress:before {
37
- display: none !important;
38
- }
39
-
40
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
41
- margin: 0 !important;
42
-
43
- }
44
-
45
-
46
- .video-js.skin_vlone .vjs-custom-control-spacer {
47
- display: block;
48
- flex: 1 1 auto;
49
- }
50
-
51
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
52
- z-index: 1;
53
- }
54
-
55
-
56
- .video-js.skin_vlone .vjs-control-bar {
57
- height: 40px;
58
- }
59
-
60
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
61
- .vjs-button>.vjs-icon-placeholder:before {
62
- position: relative !important;
63
- }
64
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
65
- display: flex;
66
- left: 0px;
67
- top: -1px;
68
- }
69
-
70
- .vjs-button>.vjs-icon-placeholder:before {
71
- font-size: 2em !important;
72
- }
73
-
74
- .video-js.skin_vlone .vjs-control {
75
- width: 4.3em;
76
- }
77
-
78
- .vjs-menu-button-popup .vjs-menu {
79
- bottom: 10px !important;
80
- }
81
-
82
-
83
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
84
- height: 1.3em;
85
- position: absolute;
86
- top: -1.3em;
87
- transition: height 0.3s, top 0.3s;
88
- }
89
-
90
-
91
- .video-js.skin_vlone.vjs-live .vjs-time-control{
92
- display: none !important;
93
- }
94
-
95
- .video-js.skin_vlone .vjs-time-control {
96
- display: block;
97
- }
98
- .video-js.skin_vlone .vjs-remaining-time {
99
- display: none;
100
- }
101
-
102
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
103
- line-height: 3.5em;
104
- font-size: 1.1em;
105
- min-width: 4em;
106
- }
107
-
108
- .video-js.skin_vlone .vjs-time-divider > div{
109
- display: flex;
110
- justify-content: center;
111
- }
112
-
113
- .video-js.skin_vlone .vjs-live-control{
114
- align-items: center;
115
- }
116
- .video-js.skin_vlone .vjs-live-display{
117
- height: 2.2em;
118
- display: flex;
119
- align-items: center;
120
- font-family: monospace;
121
- width: 4em;
122
- justify-content: center;
123
- background: red;
124
- margin: 4px 0px 4px 12px;
125
- }
126
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
127
- background: #6b6b6b;
128
- }
129
- .video-js.skin_vlone .vjs-live-display:hover{
130
- cursor: pointer;
131
- }
132
-
133
- .video-js.skin_vlone .vjs-time-control {
134
- line-height: 3.5em !important;
135
- font-size: 1.1em !important;
136
- width: min-content !important;
137
- min-width: 1.5em;
138
- padding: 0 !important;
139
- user-select: none;
140
- }
141
-
142
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
143
- margin-left: 16px !important;
144
- }
145
-
146
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
147
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
148
- font-size: 1.2em !important;
149
- line-height: 1.5em !important;
150
- padding: 0.2em 0.8em !important;
151
- }
152
-
153
-
154
- /* Big play */
155
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
156
- width: 80px;
157
- height: 80px;
158
- display: flex;
159
- justify-content: center;
160
- align-items: center;
161
- border: none;
162
- position: absolute;
163
- top: 0;
164
- left: 0;
165
- right: 0;
166
- bottom: 0;
167
- margin: auto;
168
- font-size: 5em;
169
- line-height: 1.3em;
170
- transform: none !important;
171
- border-radius: 1.3em;
172
- }
173
- .video-js.skin_vlone .ssai-ad-container{
174
- position: absolute;
175
- bottom: 4px;
176
- }
177
-
178
- @media(max-width:600px){
179
- .video-js.skin_vlone button.vjs-big-play-button {
180
- width: 50px !important;
181
- height: 50px !important;
182
- font-size: 2.1rem !important;
183
- }
184
-
185
- .video-js.skin_vlone .ssai-ad-container {
186
- position: absolute;
187
- bottom: 2px;
188
- }
189
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
190
- display: none;
191
- }
192
-
193
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
194
- /* display: none; */
195
- }
196
3
 
197
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
198
- /* display: none; */
199
- }
200
- }
201
-
202
4
 
203
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
5
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
204
6
  font-size: 2.2em;
205
7
  line-height: 2.6;
206
8
  }
207
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
208
- background: #fcb700;
9
+ .video-js.skin_mini{
10
+ overflow: hidden;
209
11
  }
210
- .video-js.skin_news_live .vjs-control-bar{
12
+ .video-js.skin_mini .vjs-control-bar{
211
13
  z-index: 1 !important;
212
- height: 5em !important;
14
+ height: 4em !important;
213
15
  background: black !important;
214
16
  }
215
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
216
- display: flex;
217
- align-items: center;
218
- justify-content: center;
219
- }
220
17
 
221
- .video-js.skin_news_live .vjs-fade>* {
18
+ .video-js.skin_mini .vjs-fade>* {
222
19
  visibility: hidden !important;
223
20
  opacity: 0 !important;
224
21
  transition: visibility 1s, opacity 1s !important;
225
22
  }
226
23
 
227
- .video-js.skin_news_live .custom-spaced-progress-bar {
24
+ .video-js.skin_mini .custom-spaced-progress-bar {
228
25
  position: absolute;
229
26
  width: 100%;
230
27
  display: flex;
@@ -232,7 +29,7 @@
232
29
  top: -0.5em;
233
30
  }
234
31
 
235
- .video-js.skin_news_live .vjs-progress-control {
32
+ .video-js.skin_mini .vjs-progress-control {
236
33
  /* left: -6px; */
237
34
  position: relative;
238
35
  width: 100%;
@@ -240,25 +37,22 @@
240
37
  transition: height 0.1s, top 0.1s;
241
38
  }
242
39
 
243
- .video-js.skin_news_live .vjs-volume-panel{
244
- min-width: 5.3em;
245
- }
246
40
 
247
41
 
248
42
 
249
- .video-js.skin_news_live .vjs-custom-control-spacer {
250
- /* display: block; */
251
- /* flex: 1 1 auto; */
43
+ .video-js.skin_mini .vjs-custom-control-spacer {
44
+ display: block;
45
+ flex: 1 1 auto;
252
46
  }
253
47
 
254
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
48
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
255
49
  margin: 0 0px 0 0px;
256
50
  }
257
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
51
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
258
52
  display: none;
259
53
  }
260
54
 
261
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
55
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
262
56
  font-size: 14px;
263
57
  font-weight: 500;
264
58
  align-self: center;
@@ -267,199 +61,207 @@
267
61
  border-radius: 8px;
268
62
  }
269
63
 
270
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
271
- height: 6px !important;
64
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
65
+ height: 5px !important;
272
66
  }
273
67
 
274
- .video-js.skin_news_live .vjs-play-progress:before {
275
- font-size: 1.5em;
68
+ .video-js.skin_mini .vjs-play-progress:before {
69
+ font-size: 1.3em;
276
70
  line-height: unset;
277
71
  top: -0.3333333333em;
278
72
  }
279
73
 
280
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
74
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
281
75
  display: none !important;
282
76
  }
283
77
 
284
78
  /* */
285
- .video-js.skin_news_live .vjs-mouse-display{
79
+ .video-js.skin_mini .vjs-mouse-display{
286
80
  font-size: 1.6666666667em;
287
81
  }
288
82
 
289
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
83
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
290
84
  font-size: 1em !important;
291
85
  }
292
86
 
293
- .video-js.skin_news_live .vjs-button{
294
- width: 5.3em;
87
+ .video-js.skin_mini .vjs-button{
88
+ width: 3em;
295
89
  display: flex;
296
90
  align-items: center;
297
91
  justify-content: center;
298
92
  }
299
93
 
300
94
 
301
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
95
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
302
96
  .icon-maximize {
303
97
  display: block;
304
98
  height: 32px;
305
99
  }
306
100
 
307
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
101
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
308
102
  line-height: 4;
309
103
  }
310
104
 
311
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
105
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
312
106
  .icon-minimize {
313
107
  display: none;
314
108
  height: 32px;
315
109
  }
316
110
 
317
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
111
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
318
112
  outline: none !important;
319
- /* flex: 1; */
320
- }
321
- .video-js.skin_news_live .vjs-play-toggle-container{
322
- display: flex;
323
- flex: 1;
324
- justify-content: center;
325
113
  }
326
-
327
-
328
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
114
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
329
115
  .vjs-icon-fullscreen-enter:before {
330
116
  /* content: '' !important; */
331
117
  }
332
118
 
333
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
119
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
334
120
  display: flex;
335
121
  justify-content: center;
336
122
  align-items: center;
337
123
  /* transform: rotate(90deg); */
338
124
  }
339
125
 
340
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
126
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
341
127
  display: none;
342
128
  }
343
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
129
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
344
130
  margin-left: -10px;
131
+ display: none;
345
132
  }
346
133
 
347
- .video-js.skin_news_live .skipbtn:hover{
134
+ .video-js.skin_mini .vjs-loading-spinner {
135
+ position: absolute;
136
+ top: 50%;
137
+ left: 50%;
138
+ transform: translate(-50%, -50%);
139
+ opacity: .85;
140
+ text-align: left;
141
+ border: .2em solid rgba(43, 51, 63, .7);
142
+ box-sizing: border-box;
143
+ background-clip: padding-box;
144
+ width: 3em;
145
+ height: 3em;
146
+ border-radius: 50%;
147
+ visibility: hidden;
148
+ }
149
+
150
+ .video-js.skin_mini .skipbtn:hover{
348
151
  cursor: pointer;
349
152
  }
350
153
 
351
- .video-js.skin_news_live .rewindbtn:hover{
154
+ .video-js.skin_mini .rewindbtn:hover{
352
155
  cursor: pointer;
353
156
  }
354
157
 
355
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
158
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
356
159
  position: relative;
357
160
  padding-left: 0;
358
161
  }
359
162
 
360
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
361
- display: none !important;
163
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
164
+ width: 40px;
165
+ height: 40px;
166
+ display: flex;
167
+ justify-content: center;
168
+ align-items: center;
169
+ border: none;
170
+ position: absolute;
171
+ top: 0;
172
+ left: 0;
173
+ right: 0;
174
+ bottom: 0;
175
+ margin: auto;
176
+ font-size: 3em;
177
+ line-height: 1.3em;
178
+ transform: none !important;
179
+ border-radius: 1.3em;
362
180
  }
363
181
 
364
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
365
- /* width: 90px;
366
- height: 90px;
367
- display: flex;
368
- justify-content: center;
369
- align-items: center;
370
- border-radius: 50%;
371
- position: absolute;
372
- top: 0;
373
- left: 0;
374
- right: 0;
375
- bottom: 0;
376
- margin: auto;
377
- font-size: 6em;
378
- line-height: 1.4em;
379
- border: 0.05em solid;
380
- color: inherit; */
381
- display: none !important;
382
- }
383
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
182
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
384
183
  font-weight: bold;
385
184
  }
386
185
 
387
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
388
- bottom: 2.4em !important;
389
- right: -1em;
186
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
187
+ bottom: 1.1em !important;
188
+ right: 1em;
390
189
  z-index: 1;
190
+ font-size: 10px;
391
191
  }
392
192
 
393
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
193
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
394
194
  width: 24px !important;
395
195
  height: 24px !important;
396
196
  }
397
- .settings-selector-icon>svg{
197
+ .video-js.skin_mini .settings-selector-icon>svg{
398
198
  height: 19px !important;
399
199
  width: 19px !important;
400
200
  }
401
201
 
402
202
 
403
- .video-js.skin_news_live button.vjs-rewind-button{
203
+ .video-js.skin_mini button.vjs-rewind-button{
404
204
  cursor: pointer;
405
205
  }
406
206
 
407
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
207
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
408
208
  padding-right: 0;
409
- display: none;
410
209
  }
411
210
 
412
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
211
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
413
212
  padding-left: 0;
414
- display: none;
415
213
  }
416
214
 
417
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
215
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
418
216
  padding-left: 0;
419
217
  padding-right: 0;
420
- display: none;
218
+ display: flex;
219
+ justify-content: center;
220
+ width: min-content;
421
221
  }
422
222
 
423
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
223
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
424
224
  display: none
425
225
  }
426
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
226
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
427
227
  display: none
428
228
  }
429
229
 
430
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
431
- display: flex;
432
- align-items: center;
433
- font-weight: 700;
434
- font-size: 12px;
435
- min-width: 1.2em;
230
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
231
+ display: flex;
232
+ align-items: center;
233
+ font-weight: 700;
234
+ font-size: 9px;
235
+ min-width: 0.8em;
236
+ padding-left: 0;
436
237
  }
437
238
 
438
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
239
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
439
240
  display: none;
440
241
  font-size: 11px;
441
242
  justify-content: center;
442
243
  align-items: center;
443
244
  user-select: none;
444
245
  }
445
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
246
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
446
247
  display: none;
447
248
  }
448
249
 
449
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
250
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
450
251
  height: min-content;
451
252
  width: min-content;
452
253
  }
453
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
454
- width: 6em;
254
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
255
+ width: 3em;
256
+ margin-right: 4px;
455
257
  }
456
258
 
457
- .video-js.skin_news_live .content{
259
+ .video-js.skin_mini .content{
458
260
  bottom: 3.4rem !important;
459
261
  right: -4rem !important;
460
262
  }
461
263
 
462
- .setting-icon > svg{
264
+ .video-js.skin_mini .setting-icon > svg{
463
265
  height:18px !important;
464
266
  }
465
267
 
@@ -473,16 +275,16 @@
473
275
  pointer-events:none
474
276
  }
475
277
 
476
- .video-js.skin_news_live iframe{
278
+ .video-js.skin_mini iframe{
477
279
  width: 100%;
478
280
  height: 100%;
479
281
  }
480
282
 
481
- .video-js.skin_news_live .vjs-live-control{
283
+ .video-js.skin_mini .vjs-live-control{
482
284
  align-items: center;
483
- display: none;
285
+ max-width: 5em;
484
286
  }
485
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
287
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
486
288
  height: 2.2em;
487
289
  display: flex;
488
290
  align-items: center;
@@ -490,1021 +292,1220 @@
490
292
  width: 4em;
491
293
  justify-content: center;
492
294
  background: red;
493
- margin: 4px 0px 4px 12px;
295
+ margin: 4px 0px 4px 2px;
494
296
  }
495
297
 
496
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
298
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
497
299
  text-shadow: none;
498
300
  }
499
-
500
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
501
- display: flex;
502
- justify-content: center;
503
- min-width: 5.3em;
504
- pointer-events: none;
505
- user-select: none;
506
- }
507
-
508
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
509
- color: white;
301
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
302
+ display: none;
303
+ font-size: 12px;
510
304
  }
511
305
 
512
-
513
- .settings-selection.vjs-control.vjs-button{
514
- display: flex !important;
306
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
307
+ height: 1.8em;
308
+ display: inline-flex;
309
+ align-items: center;
310
+ font-family: monospace;
311
+ justify-content: center;
312
+ border: 1.5px solid;
313
+ margin: 4px 0px 4px 2px;
314
+ white-space: pre;
315
+ padding: 2px 4px;
316
+ font-size: 1.2em;
317
+ font-weight: 500;
318
+ color: rgba(255, 255, 2555, 0.7);
515
319
  }
516
320
 
517
- @media(max-width:576px){
518
- .settings-selection.vjs-control.vjs-button{
519
- display: none !important;
520
- }
321
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
322
+ content: "NOT LIVE";
323
+ word-spacing: -4px;
521
324
  }
522
325
 
523
326
 
524
- @media(max-width:576px){
327
+ @media(max-width:600px){
525
328
  .tvProviderImage{
526
329
  display: none
527
330
  }
528
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
331
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
529
332
  .icon-maximize {
530
333
  height: 30px !important;
531
334
  }
532
335
 
533
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
336
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
534
337
  .icon-minimize {
535
338
  height: 30px !important;
536
339
  }
537
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
538
- width: 4.5em;
340
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
341
+ width: 3.5em;
539
342
  }
540
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
343
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
541
344
  height: min-content;
542
345
  }
543
346
 
544
- .video-js.skin_news_live button.vjs-slowmo-button{
347
+ .video-js.skin_mini button.vjs-slowmo-button{
545
348
  display: none;
546
349
  }
547
- .video-js.skin_news_live button.vjs-rewind-button{
350
+ .video-js.skin_mini button.vjs-rewind-button{
548
351
  display: none;
549
352
  }
550
- .video-js.skin_news_live button.vjs-rewind-button>svg{
353
+ .video-js.skin_mini button.vjs-rewind-button>svg{
551
354
  height: 20px;
552
355
  }
553
- .video-js.skin_news_live .vjs-button{
554
- width: 4.8em;
356
+ .video-js.skin_mini .vjs-button{
357
+ width: 3em;
555
358
  }
556
- .video-js.skin_news_live .widget-selection{
359
+ .video-js.skin_mini .widget-selection{
557
360
  display: none;
558
361
  }
559
- .video-js.skin_news_live .container{
362
+ .video-js.skin_mini .container{
560
363
  display: none !important;
561
364
  }
562
- .video-js.skin_news_live .vjs-control-bar{
365
+ .video-js.skin_mini .vjs-control-bar{
563
366
  height: 4em !important;
564
367
  }
565
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
368
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
566
369
  font-size: 2.5em;
567
370
  line-height: 1.5;
568
371
  }
569
- .video-js.skin_news_live .vjs-play-progress:before {
372
+ .video-js.skin_mini .vjs-play-progress:before {
570
373
  font-size: 1.2em;
571
374
  position: absolute;
572
375
  right: -0.5em;
573
376
  z-index: 1;
574
377
  }
575
- .video-js.skin_news_live button.vjs-skip-button>svg{
378
+ .video-js.skin_mini button.vjs-skip-button>svg{
576
379
  height: 20px;
577
380
  }
578
- .video-js.skin_news_live button.vjs-big-play-button {
579
- width: 50px !important;
580
- height: 50px !important;
581
- font-size: 2.1rem !important;
582
- }
583
381
 
584
382
  .stream-selector-icon>svg{
585
383
  width: 24px;
586
384
  height: 24px;
587
385
  }
588
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
589
- margin: 0 12px 0 12px;
590
- }
591
- .video-js.skin_news_live .vjs-seek-to-live-text{
386
+ .video-js.skin_mini .vjs-seek-to-live-text{
592
387
  font-size: 12px;
593
388
  }
594
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
595
- margin: 0 12px 0 12px;
389
+
390
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
391
+ color: white !important;
392
+ font-size: 16px !important;
393
+ background-color: rgba(0,0,0,0.2) !important;
394
+ }
596
395
  }
396
+
397
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
398
+ color: white !important;
399
+ font-size: 16px !important;
400
+ background-color: rgba(0,0,0,0.2) !important;
597
401
  }
598
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
599
- width: 90px;
600
- height: 90px;
601
- display: flex;
602
- justify-content: center;
603
- align-items: center;
604
- border-radius: 50%;
605
- position: absolute;
606
- top: 0;
607
- left: 0;
608
- right: 0;
609
- bottom: 0;
610
- margin: auto;
611
- font-size: 6em;
612
- line-height: 1.4em;
402
+
403
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
404
+ font-size: 18px !important;
613
405
  }
614
406
 
615
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
407
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
408
+ margin-bottom: 1rem !important;
409
+ }
410
+
411
+
412
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
616
413
  display: flex;
617
414
  justify-content: center;
618
415
  align-items: center;
619
416
  height: 100%;
620
417
  transition: width 0.1s;
621
418
  }
419
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
420
+ margin: 2px;
421
+ }
622
422
 
623
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
423
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
624
424
  display: flex;
625
425
  justify-content: center;
626
426
  align-items: center;
627
427
  height: 100%;
628
428
  transition: width 0.1s;
629
429
  }
630
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
631
- display: none !important;
430
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
431
+ display: grid;
432
+ font-size: 10px;
433
+ grid-template-columns: 1fr;
434
+ grid-template-rows: 1fr;
435
+ padding: 1px 0px 0 0px;
436
+ margin: 0;
632
437
  }
633
438
 
634
- @media (max-width: 576px) {
635
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
439
+ @media (max-width: 600px) {
440
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
636
441
  height: 5px !important;
637
442
  }
638
- .video-js.skin_news_live button.vjs-big-play-button {
639
- width: 50px !important;
640
- height: 50px !important;
641
- font-size: 2.1rem !important;
642
- }
643
443
 
644
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
444
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
645
445
  display: none;
646
446
  }
647
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
648
- bottom: 2.4em !important;
649
- right: -1em;
650
- z-index: 1;
651
- }
652
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
653
- display: none !important;
654
- }
655
-
656
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
657
- color: white !important;
658
- font-size: 13px !important;
659
- background-color: black !important;
660
- }
661
- }
662
-
663
- .video-js.skin_news_live .vjs-text-track-display-ttml {
664
- width: 100% !important;
665
- }
666
-
667
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
668
- color: white !important;
669
- font-size: 16px !important;
670
- background-color: black !important;
671
- }
672
447
 
673
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
674
- margin-bottom: 2rem !important;
675
448
  }
676
449
 
677
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
678
- font-size: 18px !important;
450
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
451
+ content: none !important;
452
+ fill: none !important;
453
+ filter: none !important;
679
454
  }
680
455
 
681
-
682
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
683
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
684
- font-size: 1.2em !important;
685
- line-height: 1.5em !important;
686
- padding: 0.2em 0.8em !important;
456
+ /* svg icons opacity and hover effect */
457
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
458
+ opacity: 0.7 !important;
687
459
  }
688
460
 
689
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
690
- content: none !important;
691
- fill: none !important;
692
- filter: none !important;
461
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
462
+ opacity: 1 !important;
693
463
  }
694
464
 
695
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
465
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
696
466
  color: rgba(255, 255, 2555, 0.7)!important;
697
467
  }
698
468
 
699
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
469
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
700
470
  color: rgba(255, 255, 2555, 1)!important;
701
471
  }
702
472
 
703
473
 
704
474
 
705
-
706
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
707
- font-size: 2.2em;
708
- line-height: 2.6;
709
- }
710
- .video-js.skin_mini{
711
- overflow: hidden;
712
- }
713
- .video-js.skin_mini .vjs-control-bar{
714
- z-index: 1 !important;
715
- height: 4em !important;
716
- background: black !important;
475
+ .video-js.skin_cn_news .vjs-control-bar {
476
+ z-index: 1 !important;
477
+ height: auto !important;
478
+ padding: 0.8em 30px 0.6em;
479
+ background: transparent !important;
480
+ display: flex;
481
+ flex-wrap: wrap;
482
+ align-items: center;
483
+ column-gap: 10px;
717
484
  }
718
485
 
719
- .video-js.skin_mini .vjs-fade>* {
720
- visibility: hidden !important;
721
- opacity: 0 !important;
722
- transition: visibility 1s, opacity 1s !important;
723
- }
724
486
 
725
- .video-js.skin_mini .custom-spaced-progress-bar {
487
+ .video-js.skin_cn_news .vjs-control-bar::before {
488
+ content: '';
726
489
  position: absolute;
727
- width: 100%;
728
- display: flex;
729
- height: 0.5em;
730
- top: -0.5em;
490
+ left: 0;
491
+ right: 0;
492
+ bottom: 0;
493
+ top: -3em;
494
+ background: linear-gradient(
495
+ to top,
496
+ rgba(0, 0, 0, 0.85) 0%,
497
+ rgba(0, 0, 0, 0.7) 40%,
498
+ rgba(0, 0, 0, 0.55) 70%,
499
+ rgba(0, 0, 0, 0.38) 86%,
500
+ transparent 100%
501
+ );
502
+ pointer-events: none;
503
+ z-index: -1;
731
504
  }
732
505
 
733
- .video-js.skin_mini .vjs-progress-control {
734
- /* left: -6px; */
506
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
507
+ order: -1;
508
+ flex: 0 0 100%;
509
+ width: 80%;
510
+ margin: 0 0 5em;
735
511
  position: relative;
736
- width: 100%;
737
- height: 0.5em;
738
- transition: height 0.1s, top 0.1s;
739
512
  }
740
513
 
514
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
515
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
516
+ width: auto;
517
+ min-width: 0;
518
+ }
519
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
520
+ display: inline-flex;
521
+ align-items: center;
522
+ justify-content: center;
523
+ height: 7em;
524
+ padding: 0 10px;
525
+ color: #fff;
526
+ }
741
527
 
528
+ .video-js.skin_cn_news .vjs-svg-icon::before {
529
+ content: none !important;
530
+ }
742
531
 
743
532
 
744
- .video-js.skin_mini .vjs-custom-control-spacer {
533
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
534
+ display: inline-flex;
535
+ align-items: center;
536
+ justify-content: center;
537
+ }
538
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
539
+ .video-js.skin_cn_news .vjs-rewind-button svg {
540
+ width: 24px;
541
+ height: 24px;
745
542
  display: block;
746
- flex: 1 1 auto;
747
543
  }
748
544
 
749
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
750
- margin: 0 0px 0 0px;
751
- }
752
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
753
- display: none;
545
+
546
+
547
+ .video-js.skin_cn_news .vjs-subs-caps-button {
548
+ opacity: 1;
754
549
  }
755
550
 
756
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
757
- font-size: 14px;
758
- font-weight: 500;
551
+
552
+
553
+ .video-js.skin_cn_news .vjs-volume-panel {
554
+ margin: 0;
555
+ display: inline-flex;
556
+ align-items: center;
759
557
  align-self: center;
760
- height: min-content;
761
- padding: 5px 2px;
762
- border-radius: 8px;
558
+ height: 2.2em;
559
+ min-width: 7em;
560
+ transition: none;
763
561
  }
764
-
765
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
766
- height: 5px !important;
562
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
563
+ width: 0;
564
+ height: 100%;
565
+ display: flex;
566
+ align-items: center;
567
+ overflow: hidden;
568
+ opacity: 0;
569
+ transition: width 0.15s ease, opacity 0.15s ease;
767
570
  }
768
-
769
- .video-js.skin_mini .vjs-play-progress:before {
770
- font-size: 1.3em;
771
- line-height: unset;
772
- top: -0.3333333333em;
571
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
572
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
573
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
574
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
575
+ width: 5em;
576
+ opacity: 1;
773
577
  }
774
578
 
775
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
776
- display: none !important;
579
+ .video-js.skin_cn_news .vjs-volume-bar {
580
+ width: 4em;
581
+ height: 0.3em;
582
+ margin: 0 0.45em;
777
583
  }
778
584
 
779
- /* */
780
- .video-js.skin_mini .vjs-mouse-display{
781
- font-size: 1.6666666667em;
782
- }
783
585
 
784
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
785
- font-size: 1em !important;
586
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
587
+ display: none !important;
786
588
  }
787
589
 
788
- .video-js.skin_mini .vjs-button{
789
- width: 3em;
790
- display: flex;
791
- align-items: center;
792
- justify-content: center;
590
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
591
+ width: 0 !important;
793
592
  }
794
593
 
795
594
 
796
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
797
- .icon-maximize {
798
- display: block;
799
- height: 32px;
595
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
596
+ display: block !important;
597
+ flex: 1 1 auto;
800
598
  }
801
599
 
802
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
803
- line-height: 4;
804
- }
805
600
 
806
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
807
- .icon-minimize {
808
- display: none;
809
- height: 32px;
810
- }
811
-
812
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
813
- outline: none !important;
814
- }
815
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
816
- .vjs-icon-fullscreen-enter:before {
817
- /* content: '' !important; */
818
- }
819
-
820
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
821
- display: flex;
822
- justify-content: center;
823
- align-items: center;
824
- /* transform: rotate(90deg); */
825
- }
826
-
827
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
828
- display: none;
829
- }
830
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
831
- margin-left: -10px;
601
+ .video-js.skin_cn_news .vjs-big-play-button {
832
602
  display: none;
833
603
  }
834
-
835
- .video-js.skin_mini .vjs-loading-spinner {
836
- position: absolute;
837
- top: 50%;
838
- left: 50%;
839
- transform: translate(-50%, -50%);
840
- opacity: .85;
841
- text-align: left;
842
- border: .2em solid rgba(43, 51, 63, .7);
843
- box-sizing: border-box;
844
- background-clip: padding-box;
845
- width: 3em;
846
- height: 3em;
847
- border-radius: 50%;
848
- visibility: hidden;
849
- }
850
-
851
- .video-js.skin_mini .skipbtn:hover{
852
- cursor: pointer;
853
- }
854
-
855
- .video-js.skin_mini .rewindbtn:hover{
856
- cursor: pointer;
857
- }
858
-
859
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
860
- position: relative;
861
- padding-left: 0;
604
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
605
+ position: relative !important;
606
+ display: flex;
607
+ left: 0;
608
+ top: -1px;
862
609
  }
863
-
864
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
865
- width: 40px;
866
- height: 40px;
610
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
867
611
  display: flex;
868
612
  justify-content: center;
869
613
  align-items: center;
870
- border: none;
871
614
  position: absolute;
872
615
  top: 0;
873
616
  left: 0;
874
617
  right: 0;
875
618
  bottom: 0;
876
619
  margin: auto;
877
- font-size: 3em;
620
+ width: 80px;
621
+ height: 80px;
622
+ border: none;
623
+ border-radius: 50%;
624
+ background: rgba(0, 0, 0, 0.55);
625
+ font-size: 5em;
878
626
  line-height: 1.3em;
879
627
  transform: none !important;
880
- border-radius: 1.3em;
881
628
  }
882
629
 
883
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
884
- font-weight: bold;
885
- }
886
630
 
887
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
888
- bottom: 1.1em !important;
889
- right: 1em;
890
- z-index: 1;
891
- font-size: 10px;
631
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
632
+ height: 4px !important;
633
+ margin: 0;
634
+ border-radius: 20px;
635
+ background-color: #393944;
892
636
  }
893
637
 
894
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
895
- width: 24px !important;
896
- height: 24px !important;
897
- }
898
- .video-js.skin_mini .settings-selector-icon>svg{
899
- height: 19px !important;
900
- width: 19px !important;
638
+ .video-js.skin_cn_news .vjs-play-progress {
639
+ background-color: #ffffff;
640
+ border-radius: 20px;
901
641
  }
902
642
 
903
-
904
- .video-js.skin_mini button.vjs-rewind-button{
905
- cursor: pointer;
643
+ .video-js.skin_cn_news .vjs-load-progress,
644
+ .video-js.skin_cn_news .vjs-load-progress div {
645
+ background: rgba(255, 255, 255, 0.15);
646
+ border-radius: 20px;
906
647
  }
907
648
 
908
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
909
- padding-right: 0;
910
- }
911
649
 
912
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
913
- padding-left: 0;
650
+ .video-js.skin_cn_news .vjs-play-progress:before {
651
+ content: '';
652
+ width: 16px;
653
+ height: 16px;
654
+ border-radius: 50%;
655
+ background: #ffffff;
656
+ border: 2px solid rgba(0, 0, 0, 0.6);
657
+ box-sizing: border-box;
658
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
659
+ top: -6px;
660
+ right: -8px;
661
+ position: absolute;
914
662
  }
915
-
916
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
917
- padding-left: 0;
918
- padding-right: 0;
919
- display: flex;
920
- justify-content: center;
921
- width: min-content;
663
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
664
+ display: none !important;
922
665
  }
923
666
 
924
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
925
- display: none
926
- }
927
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
928
- display: none
667
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
668
+ background: #ffffff;
669
+ color: #0a0e17;
670
+ font-weight: 700;
671
+ border-radius: 3px;
929
672
  }
930
673
 
931
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
932
- display: flex;
933
- align-items: center;
934
- font-weight: 700;
935
- font-size: 9px;
936
- min-width: 0.8em;
937
- padding-left: 0;
674
+ .video-js.skin_cn_news .vjs-live-control {
675
+ display: none !important;
938
676
  }
939
-
940
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
941
- display: none;
942
- font-size: 11px;
943
- justify-content: center;
677
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
678
+ display: inline-flex;
944
679
  align-items: center;
945
- user-select: none;
946
- }
947
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
948
- display: none;
680
+ align-self: center;
681
+ height: 2.2em;
682
+ gap: 5px;
683
+ width: auto;
684
+ padding: 0 10px;
685
+ border: 1px solid rgba(255, 255, 255, 0.45);
686
+ border-radius: 4px;
687
+ cursor: pointer;
949
688
  }
950
689
 
951
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
952
- height: min-content;
953
- width: min-content;
690
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
691
+ display: none;
954
692
  }
955
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
956
- width: 3em;
957
- margin-right: 4px;
693
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
694
+ display: inline-flex;
695
+ align-items: center;
958
696
  }
959
-
960
- .video-js.skin_mini .content{
961
- bottom: 3.4rem !important;
962
- right: -4rem !important;
697
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
698
+ content: '';
699
+ display: inline-block;
700
+ width: 8px;
701
+ height: 8px;
702
+ border-radius: 50%;
703
+ background: #ff2d2d; /* red live dot */
963
704
  }
964
-
965
- .video-js.skin_mini .setting-icon > svg{
966
- height:18px !important;
705
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
706
+ color: #ffffff;
707
+ font-weight: 700;
708
+ font-size: 12px;
709
+ letter-spacing: 0.03em;
967
710
  }
968
711
 
969
- .output-overlay{
970
- position: absolute;
971
- bottom: 0;
972
- height: 100%;
973
- width: 100%;
974
- z-index: 0;
975
- border: 0;
976
- pointer-events:none
712
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
713
+ border-color: transparent;
977
714
  }
978
-
979
- .video-js.skin_mini iframe{
980
- width: 100%;
981
- height: 100%;
715
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
716
+ color: #ff2d2d;
982
717
  }
983
718
 
984
- .video-js.skin_mini .vjs-live-control{
985
- align-items: center;
986
- max-width: 5em;
719
+ /* ---- time controls ---- */
720
+ .video-js.skin_cn_news .vjs-current-time,
721
+ .video-js.skin_cn_news .vjs-duration,
722
+ .video-js.skin_cn_news .vjs-time-divider {
723
+ display: none !important;
987
724
  }
988
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
989
- height: 2.2em;
990
- display: flex;
725
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
726
+ display: none;
991
727
  align-items: center;
992
- font-family: monospace;
993
- width: 4em;
994
728
  justify-content: center;
995
- background: red;
996
- margin: 4px 0px 4px 2px;
729
+ font-size: 11px;
730
+ font-weight: 700;
731
+ color: #fff;
732
+ padding: 0 6px;
733
+ user-select: none;
997
734
  }
998
735
 
999
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1000
- text-shadow: none;
736
+
737
+ .video-js.skin_cn_news .vjs-chapter-marker {
738
+ z-index: 2;
739
+ width: var(--vl-chapter-size, 8px);
740
+ height: var(--vl-chapter-size, 8px);
741
+ top: 50%;
742
+ bottom: auto;
743
+ background: var(--vl-chapter-color, #ffffff);
744
+ opacity: var(--vl-chapter-opacity, 1);
745
+ border-radius: 50%;
746
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
747
+ transform: translate(-50%, -50%) scale(1);
748
+ transition: background-color 0.12s ease;
1001
749
  }
1002
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1003
- display: none;
1004
- font-size: 12px;
750
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
751
+ background: var(--vl-chapter-hover, #0a5cff);
752
+ }
753
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
754
+ background: var(--vl-chapter-active, #0a5cff);
1005
755
  }
1006
756
 
1007
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1008
- height: 1.8em;
1009
- display: inline-flex;
1010
- align-items: center;
1011
- font-family: monospace;
1012
- justify-content: center;
1013
- border: 1.5px solid;
1014
- margin: 4px 0px 4px 2px;
1015
- white-space: pre;
1016
- padding: 2px 4px;
1017
- font-size: 1.2em;
1018
- font-weight: 500;
1019
- color: rgba(255, 255, 2555, 0.7);
1020
- }
1021
757
 
1022
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1023
- content: "NOT LIVE";
1024
- word-spacing: -4px;
758
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
759
+ width: 16px;
760
+ height: 16px;
761
+ bottom: 160%;
762
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1025
763
  }
1026
764
 
1027
765
 
1028
- @media(max-width:600px){
1029
- .tvProviderImage{
1030
- display: none
1031
- }
1032
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1033
- .icon-maximize {
1034
- height: 30px !important;
1035
- }
1036
-
1037
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1038
- .icon-minimize {
1039
- height: 30px !important;
1040
- }
1041
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1042
- width: 3.5em;
1043
- }
1044
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1045
- height: min-content;
1046
- }
766
+ .video-js.skin_cn_news .vjs-chapter-preview {
767
+ background: var(--vl-chapter-tooltip, #0a5cff);
768
+ border-radius: 6px;
769
+ padding: 8px 10px;
770
+ width: max-content;
771
+ max-width: 300px;
772
+ text-align: left;
773
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
774
+ }
775
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
776
+ color: #ffffff;
777
+ font-size: 13px;
778
+ font-weight: 400;
779
+ margin-bottom: 2px;
780
+ }
781
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
782
+ color: #ffffff;
783
+ font-size: 13px;
784
+ font-weight: 400;
785
+ line-height: 1.3;
786
+ white-space: normal;
787
+ text-align: left;
788
+ }
789
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
790
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
791
+ }
1047
792
 
1048
- .video-js.skin_mini button.vjs-slowmo-button{
1049
- display: none;
1050
- }
1051
- .video-js.skin_mini button.vjs-rewind-button{
1052
- display: none;
1053
- }
1054
- .video-js.skin_mini button.vjs-rewind-button>svg{
1055
- height: 20px;
1056
- }
1057
- .video-js.skin_mini .vjs-button{
1058
- width: 3em;
793
+ /* ---- responsive ---- */
794
+ @media (max-width: 576px) {
795
+ .video-js.skin_cn_news .vjs-control-bar {
796
+ height: 3.2em !important;
797
+ padding: 0 8px;
1059
798
  }
1060
- .video-js.skin_mini .widget-selection{
1061
- display: none;
799
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
800
+ padding: 0 6px;
1062
801
  }
1063
- .video-js.skin_mini .container{
802
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1064
803
  display: none !important;
1065
804
  }
1066
- .video-js.skin_mini .vjs-control-bar{
1067
- height: 4em !important;
1068
- }
1069
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1070
- font-size: 2.5em;
1071
- line-height: 1.5;
1072
- }
1073
- .video-js.skin_mini .vjs-play-progress:before {
1074
- font-size: 1.2em;
805
+ }
806
+
807
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
808
+ height: 0.7em;
1075
809
  position: absolute;
1076
- right: -0.5em;
810
+ top: -0.7em;
811
+ width: 100%;
812
+ }
813
+
814
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
815
+ height: 100%;
816
+ }
817
+
818
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
819
+ line-height: 2.5;
820
+ }
821
+
822
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
823
+ height: 19px;
824
+ width: 19px;
825
+ cursor: pointer;
826
+ }
827
+ .video-js.skin_vlone .vjs-control {
828
+ user-select: none;
829
+ }
830
+ .video-js.skin_vlone .vjs-custom-control-spacer{
831
+ user-select: none;
832
+ }
833
+
834
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
835
+ height: 19px;
836
+ width: 19px;
837
+ cursor: pointer;
838
+ }
839
+
840
+ .video-js.skin_vlone .vjs-play-progress:before {
841
+ display: none !important;
842
+ }
843
+
844
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
845
+ margin: 0 !important;
846
+
847
+ }
848
+
849
+
850
+ .video-js.skin_vlone .vjs-custom-control-spacer {
851
+ display: block;
852
+ flex: 1 1 auto;
853
+ }
854
+
855
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1077
856
  z-index: 1;
1078
857
  }
1079
- .video-js.skin_mini button.vjs-skip-button>svg{
1080
- height: 20px;
858
+
859
+
860
+ .video-js.skin_vlone .vjs-control-bar {
861
+ height: 40px;
1081
862
  }
1082
863
 
1083
- .stream-selector-icon>svg{
1084
- width: 24px;
1085
- height: 24px;
864
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
865
+ .vjs-button>.vjs-icon-placeholder:before {
866
+ position: relative !important;
1086
867
  }
1087
- .video-js.skin_mini .vjs-seek-to-live-text{
1088
- font-size: 12px;
868
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
869
+ display: flex;
870
+ left: 0px;
871
+ top: -1px;
1089
872
  }
1090
873
 
1091
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1092
- color: white !important;
1093
- font-size: 16px !important;
1094
- background-color: rgba(0,0,0,0.2) !important;
1095
- }
874
+ .vjs-button>.vjs-icon-placeholder:before {
875
+ font-size: 2em !important;
1096
876
  }
1097
877
 
1098
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1099
- color: white !important;
1100
- font-size: 16px !important;
1101
- background-color: rgba(0,0,0,0.2) !important;
878
+ .video-js.skin_vlone .vjs-control {
879
+ width: 4.3em;
1102
880
  }
1103
881
 
1104
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1105
- font-size: 18px !important;
882
+ .vjs-menu-button-popup .vjs-menu {
883
+ bottom: 10px !important;
1106
884
  }
1107
885
 
1108
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1109
- margin-bottom: 1rem !important;
886
+
887
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
888
+ height: 1.3em;
889
+ position: absolute;
890
+ top: -1.3em;
891
+ transition: height 0.3s, top 0.3s;
1110
892
  }
1111
893
 
1112
894
 
1113
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
895
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
896
+ display: none !important;
897
+ }
898
+
899
+ .video-js.skin_vlone .vjs-time-control {
900
+ display: block;
901
+ }
902
+ .video-js.skin_vlone .vjs-remaining-time {
903
+ display: none;
904
+ }
905
+
906
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
907
+ line-height: 3.5em;
908
+ font-size: 1.1em;
909
+ min-width: 4em;
910
+ }
911
+
912
+ .video-js.skin_vlone .vjs-time-divider > div{
913
+ display: flex;
914
+ justify-content: center;
915
+ }
916
+
917
+ .video-js.skin_vlone .vjs-live-control{
918
+ align-items: center;
919
+ }
920
+ .video-js.skin_vlone .vjs-live-display{
921
+ height: 2.2em;
922
+ display: flex;
923
+ align-items: center;
924
+ font-family: monospace;
925
+ width: 4em;
926
+ justify-content: center;
927
+ background: red;
928
+ margin: 4px 0px 4px 12px;
929
+ }
930
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
931
+ background: #6b6b6b;
932
+ }
933
+ .video-js.skin_vlone .vjs-live-display:hover{
934
+ cursor: pointer;
935
+ }
936
+
937
+ .video-js.skin_vlone .vjs-time-control {
938
+ line-height: 3.5em !important;
939
+ font-size: 1.1em !important;
940
+ width: min-content !important;
941
+ min-width: 1.5em;
942
+ padding: 0 !important;
943
+ user-select: none;
944
+ }
945
+
946
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
947
+ margin-left: 16px !important;
948
+ }
949
+
950
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
951
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
952
+ font-size: 1.2em !important;
953
+ line-height: 1.5em !important;
954
+ padding: 0.2em 0.8em !important;
955
+ }
956
+
957
+
958
+ /* Big play */
959
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
960
+ width: 80px;
961
+ height: 80px;
962
+ display: flex;
963
+ justify-content: center;
964
+ align-items: center;
965
+ border: none;
966
+ position: absolute;
967
+ top: 0;
968
+ left: 0;
969
+ right: 0;
970
+ bottom: 0;
971
+ margin: auto;
972
+ font-size: 5em;
973
+ line-height: 1.3em;
974
+ transform: none !important;
975
+ border-radius: 1.3em;
976
+ }
977
+ .video-js.skin_vlone .ssai-ad-container{
978
+ position: absolute;
979
+ bottom: 4px;
980
+ }
981
+
982
+ @media(max-width:600px){
983
+ .video-js.skin_vlone button.vjs-big-play-button {
984
+ width: 50px !important;
985
+ height: 50px !important;
986
+ font-size: 2.1rem !important;
987
+ }
988
+
989
+ .video-js.skin_vlone .ssai-ad-container {
990
+ position: absolute;
991
+ bottom: 2px;
992
+ }
993
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
994
+ display: none;
995
+ }
996
+
997
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
998
+ /* display: none; */
999
+ }
1000
+
1001
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1002
+ /* display: none; */
1003
+ }
1004
+ }
1005
+
1006
+
1007
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1008
+ font-size: 2.2em;
1009
+ line-height: 2.6;
1010
+ }
1011
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1012
+ background: #fcb700;
1013
+ }
1014
+ .video-js.skin_news_live .vjs-control-bar{
1015
+ z-index: 1 !important;
1016
+ height: 5em !important;
1017
+ background: black !important;
1018
+ }
1019
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1114
1020
  display: flex;
1021
+ align-items: center;
1115
1022
  justify-content: center;
1023
+ }
1024
+
1025
+ .video-js.skin_news_live .vjs-fade>* {
1026
+ visibility: hidden !important;
1027
+ opacity: 0 !important;
1028
+ transition: visibility 1s, opacity 1s !important;
1029
+ }
1030
+
1031
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1032
+ position: absolute;
1033
+ width: 100%;
1034
+ display: flex;
1035
+ height: 0.5em;
1036
+ top: -0.5em;
1037
+ }
1038
+
1039
+ .video-js.skin_news_live .vjs-progress-control {
1040
+ /* left: -6px; */
1041
+ position: relative;
1042
+ width: 100%;
1043
+ height: 0.5em;
1044
+ transition: height 0.1s, top 0.1s;
1045
+ }
1046
+
1047
+ .video-js.skin_news_live .vjs-volume-panel{
1048
+ min-width: 5.3em;
1049
+ }
1050
+
1051
+
1052
+
1053
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1054
+ /* display: block; */
1055
+ /* flex: 1 1 auto; */
1056
+ }
1057
+
1058
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1059
+ margin: 0 0px 0 0px;
1060
+ }
1061
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1062
+ display: none;
1063
+ }
1064
+
1065
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1066
+ font-size: 14px;
1067
+ font-weight: 500;
1068
+ align-self: center;
1069
+ height: min-content;
1070
+ padding: 5px 2px;
1071
+ border-radius: 8px;
1072
+ }
1073
+
1074
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1075
+ height: 6px !important;
1076
+ }
1077
+
1078
+ .video-js.skin_news_live .vjs-play-progress:before {
1079
+ font-size: 1.5em;
1080
+ line-height: unset;
1081
+ top: -0.3333333333em;
1082
+ }
1083
+
1084
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1085
+ display: none !important;
1086
+ }
1087
+
1088
+ /* */
1089
+ .video-js.skin_news_live .vjs-mouse-display{
1090
+ font-size: 1.6666666667em;
1091
+ }
1092
+
1093
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1094
+ font-size: 1em !important;
1095
+ }
1096
+
1097
+ .video-js.skin_news_live .vjs-button{
1098
+ width: 5.3em;
1099
+ display: flex;
1116
1100
  align-items: center;
1117
- height: 100%;
1118
- transition: width 0.1s;
1101
+ justify-content: center;
1119
1102
  }
1120
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1121
- margin: 2px;
1103
+
1104
+
1105
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1106
+ .icon-maximize {
1107
+ display: block;
1108
+ height: 32px;
1122
1109
  }
1123
1110
 
1124
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1111
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1112
+ line-height: 4;
1113
+ }
1114
+
1115
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1116
+ .icon-minimize {
1117
+ display: none;
1118
+ height: 32px;
1119
+ }
1120
+
1121
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1122
+ outline: none !important;
1123
+ /* flex: 1; */
1124
+ }
1125
+ .video-js.skin_news_live .vjs-play-toggle-container{
1126
+ display: flex;
1127
+ flex: 1;
1128
+ justify-content: center;
1129
+ }
1130
+
1131
+
1132
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1133
+ .vjs-icon-fullscreen-enter:before {
1134
+ /* content: '' !important; */
1135
+ }
1136
+
1137
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1125
1138
  display: flex;
1126
1139
  justify-content: center;
1127
1140
  align-items: center;
1128
- height: 100%;
1129
- transition: width 0.1s;
1141
+ /* transform: rotate(90deg); */
1130
1142
  }
1131
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1132
- display: grid;
1133
- font-size: 10px;
1134
- grid-template-columns: 1fr;
1135
- grid-template-rows: 1fr;
1136
- padding: 1px 0px 0 0px;
1137
- margin: 0;
1143
+
1144
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1145
+ display: none;
1146
+ }
1147
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1148
+ margin-left: -10px;
1149
+ }
1150
+
1151
+ .video-js.skin_news_live .skipbtn:hover{
1152
+ cursor: pointer;
1153
+ }
1154
+
1155
+ .video-js.skin_news_live .rewindbtn:hover{
1156
+ cursor: pointer;
1157
+ }
1158
+
1159
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1160
+ position: relative;
1161
+ padding-left: 0;
1162
+ }
1163
+
1164
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1165
+ display: none !important;
1166
+ }
1167
+
1168
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1169
+ /* width: 90px;
1170
+ height: 90px;
1171
+ display: flex;
1172
+ justify-content: center;
1173
+ align-items: center;
1174
+ border-radius: 50%;
1175
+ position: absolute;
1176
+ top: 0;
1177
+ left: 0;
1178
+ right: 0;
1179
+ bottom: 0;
1180
+ margin: auto;
1181
+ font-size: 6em;
1182
+ line-height: 1.4em;
1183
+ border: 0.05em solid;
1184
+ color: inherit; */
1185
+ display: none !important;
1186
+ }
1187
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1188
+ font-weight: bold;
1189
+ }
1190
+
1191
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1192
+ bottom: 2.4em !important;
1193
+ right: -1em;
1194
+ z-index: 1;
1138
1195
  }
1139
1196
 
1140
- @media (max-width: 600px) {
1141
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1142
- height: 5px !important;
1143
- }
1197
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1198
+ width: 24px !important;
1199
+ height: 24px !important;
1200
+ }
1201
+ .settings-selector-icon>svg{
1202
+ height: 19px !important;
1203
+ width: 19px !important;
1204
+ }
1144
1205
 
1145
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1146
- display: none;
1147
- }
1148
1206
 
1207
+ .video-js.skin_news_live button.vjs-rewind-button{
1208
+ cursor: pointer;
1149
1209
  }
1150
1210
 
1151
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1152
- content: none !important;
1153
- fill: none !important;
1154
- filter: none !important;
1211
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1212
+ padding-right: 0;
1213
+ display: none;
1155
1214
  }
1156
1215
 
1157
- /* svg icons opacity and hover effect */
1158
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1159
- opacity: 0.7 !important;
1216
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1217
+ padding-left: 0;
1218
+ display: none;
1160
1219
  }
1161
1220
 
1162
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1163
- opacity: 1 !important;
1221
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1222
+ padding-left: 0;
1223
+ padding-right: 0;
1224
+ display: none;
1164
1225
  }
1165
1226
 
1166
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1167
- color: rgba(255, 255, 2555, 0.7)!important;
1227
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1228
+ display: none
1168
1229
  }
1169
-
1170
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1171
- color: rgba(255, 255, 2555, 1)!important;
1230
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1231
+ display: none
1172
1232
  }
1173
1233
 
1234
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1235
+ display: flex;
1236
+ align-items: center;
1237
+ font-weight: 700;
1238
+ font-size: 12px;
1239
+ min-width: 1.2em;
1240
+ }
1174
1241
 
1242
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1243
+ display: none;
1244
+ font-size: 11px;
1245
+ justify-content: center;
1246
+ align-items: center;
1247
+ user-select: none;
1248
+ }
1249
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1250
+ display: none;
1251
+ }
1175
1252
 
1253
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1254
+ height: min-content;
1255
+ width: min-content;
1256
+ }
1257
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1258
+ width: 6em;
1259
+ }
1176
1260
 
1177
- .video-js.skin_cn_news .vjs-control-bar {
1178
- z-index: 1 !important;
1179
- height: auto !important;
1180
- padding: 0.8em 30px 0.6em;
1181
- background: transparent !important;
1182
- display: flex;
1183
- flex-wrap: wrap;
1184
- align-items: center;
1185
- column-gap: 10px;
1261
+ .video-js.skin_news_live .content{
1262
+ bottom: 3.4rem !important;
1263
+ right: -4rem !important;
1186
1264
  }
1187
1265
 
1266
+ .setting-icon > svg{
1267
+ height:18px !important;
1268
+ }
1188
1269
 
1189
- .video-js.skin_cn_news .vjs-control-bar::before {
1190
- content: '';
1270
+ .output-overlay{
1191
1271
  position: absolute;
1192
- left: 0;
1193
- right: 0;
1194
1272
  bottom: 0;
1195
- top: -3em;
1196
- background: linear-gradient(
1197
- to top,
1198
- rgba(0, 0, 0, 0.85) 0%,
1199
- rgba(0, 0, 0, 0.7) 40%,
1200
- rgba(0, 0, 0, 0.55) 70%,
1201
- rgba(0, 0, 0, 0.38) 86%,
1202
- transparent 100%
1203
- );
1204
- pointer-events: none;
1205
- z-index: -1;
1273
+ height: 100%;
1274
+ width: 100%;
1275
+ z-index: 0;
1276
+ border: 0;
1277
+ pointer-events:none
1206
1278
  }
1207
1279
 
1208
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1209
- order: -1;
1210
- flex: 0 0 100%;
1211
- width: 80%;
1212
- margin: 0 0 5em;
1213
- position: relative;
1280
+ .video-js.skin_news_live iframe{
1281
+ width: 100%;
1282
+ height: 100%;
1214
1283
  }
1215
1284
 
1216
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1217
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1218
- width: auto;
1219
- min-width: 0;
1285
+ .video-js.skin_news_live .vjs-live-control{
1286
+ align-items: center;
1287
+ display: none;
1220
1288
  }
1221
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1222
- display: inline-flex;
1289
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1290
+ height: 2.2em;
1291
+ display: flex;
1223
1292
  align-items: center;
1293
+ font-family: monospace;
1294
+ width: 4em;
1224
1295
  justify-content: center;
1225
- height: 7em;
1226
- padding: 0 10px;
1227
- color: #fff;
1296
+ background: red;
1297
+ margin: 4px 0px 4px 12px;
1228
1298
  }
1229
1299
 
1230
- .video-js.skin_cn_news .vjs-svg-icon::before {
1231
- content: none !important;
1300
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1301
+ text-shadow: none;
1232
1302
  }
1233
1303
 
1234
-
1235
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1236
- display: inline-flex;
1237
- align-items: center;
1304
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1305
+ display: flex;
1238
1306
  justify-content: center;
1307
+ min-width: 5.3em;
1308
+ pointer-events: none;
1309
+ user-select: none;
1239
1310
  }
1240
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1241
- .video-js.skin_cn_news .vjs-rewind-button svg {
1242
- width: 24px;
1243
- height: 24px;
1244
- display: block;
1311
+
1312
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1313
+ color: white;
1245
1314
  }
1246
1315
 
1247
1316
 
1317
+ .settings-selection.vjs-control.vjs-button{
1318
+ display: flex !important;
1319
+ }
1248
1320
 
1249
- .video-js.skin_cn_news .vjs-subs-caps-button {
1250
- opacity: 1;
1321
+ @media(max-width:576px){
1322
+ .settings-selection.vjs-control.vjs-button{
1323
+ display: none !important;
1324
+ }
1251
1325
  }
1252
1326
 
1253
1327
 
1328
+ @media(max-width:576px){
1329
+ .tvProviderImage{
1330
+ display: none
1331
+ }
1332
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1333
+ .icon-maximize {
1334
+ height: 30px !important;
1335
+ }
1254
1336
 
1255
- .video-js.skin_cn_news .vjs-volume-panel {
1256
- margin: 0;
1257
- display: inline-flex;
1258
- align-items: center;
1259
- align-self: center;
1260
- height: 2.2em;
1261
- min-width: 7em;
1262
- transition: none;
1263
- }
1264
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1265
- width: 0;
1266
- height: 100%;
1267
- display: flex;
1268
- align-items: center;
1269
- overflow: hidden;
1270
- opacity: 0;
1271
- transition: width 0.15s ease, opacity 0.15s ease;
1272
- }
1273
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1274
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1275
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1276
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1277
- width: 5em;
1278
- opacity: 1;
1279
- }
1337
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1338
+ .icon-minimize {
1339
+ height: 30px !important;
1340
+ }
1341
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1342
+ width: 4.5em;
1343
+ }
1344
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1345
+ height: min-content;
1346
+ }
1280
1347
 
1281
- .video-js.skin_cn_news .vjs-volume-bar {
1282
- width: 4em;
1283
- height: 0.3em;
1284
- margin: 0 0.45em;
1348
+ .video-js.skin_news_live button.vjs-slowmo-button{
1349
+ display: none;
1350
+ }
1351
+ .video-js.skin_news_live button.vjs-rewind-button{
1352
+ display: none;
1353
+ }
1354
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1355
+ height: 20px;
1356
+ }
1357
+ .video-js.skin_news_live .vjs-button{
1358
+ width: 4.8em;
1359
+ }
1360
+ .video-js.skin_news_live .widget-selection{
1361
+ display: none;
1362
+ }
1363
+ .video-js.skin_news_live .container{
1364
+ display: none !important;
1365
+ }
1366
+ .video-js.skin_news_live .vjs-control-bar{
1367
+ height: 4em !important;
1368
+ }
1369
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1370
+ font-size: 2.5em;
1371
+ line-height: 1.5;
1372
+ }
1373
+ .video-js.skin_news_live .vjs-play-progress:before {
1374
+ font-size: 1.2em;
1375
+ position: absolute;
1376
+ right: -0.5em;
1377
+ z-index: 1;
1285
1378
  }
1286
-
1287
-
1288
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1289
- display: none !important;
1379
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1380
+ height: 20px;
1290
1381
  }
1291
-
1292
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1293
- width: 0 !important;
1382
+ .video-js.skin_news_live button.vjs-big-play-button {
1383
+ width: 50px !important;
1384
+ height: 50px !important;
1385
+ font-size: 2.1rem !important;
1294
1386
  }
1295
1387
 
1296
-
1297
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1298
- display: block !important;
1299
- flex: 1 1 auto;
1388
+ .stream-selector-icon>svg{
1389
+ width: 24px;
1390
+ height: 24px;
1300
1391
  }
1301
-
1302
-
1303
- .video-js.skin_cn_news .vjs-big-play-button {
1304
- display: none;
1392
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1393
+ margin: 0 12px 0 12px;
1305
1394
  }
1306
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1307
- position: relative !important;
1308
- display: flex;
1309
- left: 0;
1310
- top: -1px;
1395
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1396
+ font-size: 12px;
1311
1397
  }
1312
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1398
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1399
+ margin: 0 12px 0 12px;
1400
+ }
1401
+ }
1402
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1403
+ width: 90px;
1404
+ height: 90px;
1313
1405
  display: flex;
1314
1406
  justify-content: center;
1315
1407
  align-items: center;
1408
+ border-radius: 50%;
1316
1409
  position: absolute;
1317
1410
  top: 0;
1318
1411
  left: 0;
1319
1412
  right: 0;
1320
1413
  bottom: 0;
1321
1414
  margin: auto;
1322
- width: 80px;
1323
- height: 80px;
1324
- border: none;
1325
- border-radius: 50%;
1326
- background: rgba(0, 0, 0, 0.55);
1327
- font-size: 5em;
1328
- line-height: 1.3em;
1329
- transform: none !important;
1415
+ font-size: 6em;
1416
+ line-height: 1.4em;
1330
1417
  }
1331
1418
 
1332
-
1333
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1334
- height: 4px !important;
1335
- margin: 0;
1336
- border-radius: 20px;
1337
- background-color: #393944;
1419
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1420
+ display: flex;
1421
+ justify-content: center;
1422
+ align-items: center;
1423
+ height: 100%;
1424
+ transition: width 0.1s;
1338
1425
  }
1339
1426
 
1340
- .video-js.skin_cn_news .vjs-play-progress {
1341
- background-color: #ffffff;
1342
- border-radius: 20px;
1427
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1428
+ display: flex;
1429
+ justify-content: center;
1430
+ align-items: center;
1431
+ height: 100%;
1432
+ transition: width 0.1s;
1343
1433
  }
1344
-
1345
- .video-js.skin_cn_news .vjs-load-progress,
1346
- .video-js.skin_cn_news .vjs-load-progress div {
1347
- background: rgba(255, 255, 255, 0.15);
1348
- border-radius: 20px;
1434
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1435
+ display: none !important;
1349
1436
  }
1350
1437
 
1438
+ @media (max-width: 576px) {
1439
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1440
+ height: 5px !important;
1441
+ }
1442
+ .video-js.skin_news_live button.vjs-big-play-button {
1443
+ width: 50px !important;
1444
+ height: 50px !important;
1445
+ font-size: 2.1rem !important;
1446
+ }
1351
1447
 
1352
- .video-js.skin_cn_news .vjs-play-progress:before {
1353
- content: '';
1354
- width: 16px;
1355
- height: 16px;
1356
- border-radius: 50%;
1357
- background: #ffffff;
1358
- border: 2px solid rgba(0, 0, 0, 0.6);
1359
- box-sizing: border-box;
1360
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1361
- top: -6px;
1362
- right: -8px;
1363
- position: absolute;
1364
- }
1365
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1366
- display: none !important;
1448
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1449
+ display: none;
1450
+ }
1451
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1452
+ bottom: 2.4em !important;
1453
+ right: -1em;
1454
+ z-index: 1;
1367
1455
  }
1456
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1457
+ display: none !important;
1458
+ }
1368
1459
 
1369
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1370
- background: #ffffff;
1371
- color: #0a0e17;
1372
- font-weight: 700;
1373
- border-radius: 3px;
1460
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1461
+ color: white !important;
1462
+ font-size: 13px !important;
1463
+ background-color: black !important;
1464
+ }
1374
1465
  }
1375
1466
 
1376
- .video-js.skin_cn_news .vjs-live-control {
1377
- display: none !important;
1378
- }
1379
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1380
- display: inline-flex;
1381
- align-items: center;
1382
- align-self: center;
1383
- height: 2.2em;
1384
- gap: 5px;
1385
- width: auto;
1386
- padding: 0 10px;
1387
- border: 1px solid rgba(255, 255, 255, 0.45);
1388
- border-radius: 4px;
1389
- cursor: pointer;
1467
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1468
+ width: 100% !important;
1390
1469
  }
1391
1470
 
1392
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1393
- display: none;
1394
- }
1395
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1396
- display: inline-flex;
1397
- align-items: center;
1398
- }
1399
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1400
- content: '';
1401
- display: inline-block;
1402
- width: 8px;
1403
- height: 8px;
1404
- border-radius: 50%;
1405
- background: #ff2d2d; /* red live dot */
1406
- }
1407
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1408
- color: #ffffff;
1409
- font-weight: 700;
1410
- font-size: 12px;
1411
- letter-spacing: 0.03em;
1471
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1472
+ color: white !important;
1473
+ font-size: 16px !important;
1474
+ background-color: black !important;
1412
1475
  }
1413
1476
 
1414
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1415
- border-color: transparent;
1416
- }
1417
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1418
- color: #ff2d2d;
1477
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1478
+ margin-bottom: 2rem !important;
1419
1479
  }
1420
1480
 
1421
- /* ---- time controls ---- */
1422
- .video-js.skin_cn_news .vjs-current-time,
1423
- .video-js.skin_cn_news .vjs-duration,
1424
- .video-js.skin_cn_news .vjs-time-divider {
1425
- display: none !important;
1426
- }
1427
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1428
- display: none;
1429
- align-items: center;
1430
- justify-content: center;
1431
- font-size: 11px;
1432
- font-weight: 700;
1433
- color: #fff;
1434
- padding: 0 6px;
1435
- user-select: none;
1481
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1482
+ font-size: 18px !important;
1436
1483
  }
1437
1484
 
1438
1485
 
1439
- .video-js.skin_cn_news .vjs-chapter-marker {
1440
- z-index: 2;
1441
- width: var(--vl-chapter-size, 8px);
1442
- height: var(--vl-chapter-size, 8px);
1443
- top: 50%;
1444
- bottom: auto;
1445
- background: var(--vl-chapter-color, #ffffff);
1446
- opacity: var(--vl-chapter-opacity, 1);
1447
- border-radius: 50%;
1448
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1449
- transform: translate(-50%, -50%) scale(1);
1450
- transition: background-color 0.12s ease;
1451
- }
1452
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1453
- background: var(--vl-chapter-hover, #0a5cff);
1486
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1487
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1488
+ font-size: 1.2em !important;
1489
+ line-height: 1.5em !important;
1490
+ padding: 0.2em 0.8em !important;
1454
1491
  }
1455
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1456
- background: var(--vl-chapter-active, #0a5cff);
1492
+
1493
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1494
+ content: none !important;
1495
+ fill: none !important;
1496
+ filter: none !important;
1457
1497
  }
1458
1498
 
1499
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1500
+ color: rgba(255, 255, 2555, 0.7)!important;
1501
+ }
1459
1502
 
1460
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1461
- width: 16px;
1462
- height: 16px;
1463
- bottom: 160%;
1464
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1503
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1504
+ color: rgba(255, 255, 2555, 1)!important;
1465
1505
  }
1466
1506
 
1467
1507
 
1468
- .video-js.skin_cn_news .vjs-chapter-preview {
1469
- background: var(--vl-chapter-tooltip, #0a5cff);
1470
- border-radius: 6px;
1471
- padding: 8px 10px;
1472
- width: max-content;
1473
- max-width: 300px;
1474
- text-align: left;
1475
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1476
- }
1477
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1478
- color: #ffffff;
1479
- font-size: 13px;
1480
- font-weight: 400;
1481
- margin-bottom: 2px;
1482
- }
1483
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1484
- color: #ffffff;
1485
- font-size: 13px;
1486
- font-weight: 400;
1487
- line-height: 1.3;
1488
- white-space: normal;
1489
- text-align: left;
1490
- }
1491
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1492
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1493
- }
1494
1508
 
1495
- /* ---- responsive ---- */
1496
- @media (max-width: 576px) {
1497
- .video-js.skin_cn_news .vjs-control-bar {
1498
- height: 3.2em !important;
1499
- padding: 0 8px;
1500
- }
1501
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1502
- padding: 0 6px;
1503
- }
1504
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1505
- display: none !important;
1506
- }
1507
- }
1508
1509
 
1509
1510
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1510
1511
  font-size: 2.2em;
@@ -2034,7 +2035,6 @@
2034
2035
 
2035
2036
 
2036
2037
 
2037
-
2038
2038
  /* CSS for videojs-dvr-seekbar */
2039
2039
 
2040
2040
  .video-js.vjs-dvr-seekbar {
@@ -2215,6 +2215,8 @@
2215
2215
 
2216
2216
 
2217
2217
 
2218
+
2219
+
2218
2220
  .video-js .multicamera-parent.default{
2219
2221
  height: 345px;
2220
2222
  position: absolute;
@@ -2296,7 +2298,6 @@
2296
2298
 
2297
2299
 
2298
2300
 
2299
-
2300
2301
  .vjs-custom-big-mute.vjs-control{
2301
2302
  position: absolute;
2302
2303
  align-items: center;
@@ -2345,7 +2346,6 @@
2345
2346
  width: 22px;
2346
2347
  }
2347
2348
 
2348
-
2349
2349
  /* nextep — up-next card (centered in player, scales with player size) */
2350
2350
  .video-js:has(.next-ep-preview),
2351
2351
  .video-js:has(.next-ep-preview-player-thumb) {