@viewlift/player-backup 2.0.318-backup → 2.0.319-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 (10) hide show
  1. package/cjs/bundle.css +829 -829
  2. package/cjs/{index-c82f1ab8.js → index-d056b5da.js} +1 -1
  3. package/cjs/index.js +1 -1
  4. package/cjs/{skin-13f1ddc0.js → skin-b7a6b06c.js} +1 -1
  5. package/esm/bundle.css +829 -829
  6. package/esm/{index-32db0990.js → index-0155af1b.js} +1 -1
  7. package/esm/index.js +1 -1
  8. package/esm/plugins/chromecast.d.ts +2 -0
  9. package/esm/{skin-c182cabd.js → skin-1bf16a8c.js} +1 -1
  10. package/package.json +1 -1
package/cjs/bundle.css CHANGED
@@ -2,26 +2,32 @@
2
2
 
3
3
 
4
4
 
5
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
5
+
6
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
6
7
  font-size: 2.2em;
7
8
  line-height: 2.6;
8
9
  }
9
- .video-js.skin_mini{
10
- overflow: hidden;
10
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
11
+ background: #fcb700;
11
12
  }
12
- .video-js.skin_mini .vjs-control-bar{
13
+ .video-js.skin_news_live .vjs-control-bar{
13
14
  z-index: 1 !important;
14
- height: 4em !important;
15
+ height: 5em !important;
15
16
  background: black !important;
16
17
  }
18
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+ }
17
23
 
18
- .video-js.skin_mini .vjs-fade>* {
24
+ .video-js.skin_news_live .vjs-fade>* {
19
25
  visibility: hidden !important;
20
26
  opacity: 0 !important;
21
27
  transition: visibility 1s, opacity 1s !important;
22
28
  }
23
29
 
24
- .video-js.skin_mini .custom-spaced-progress-bar {
30
+ .video-js.skin_news_live .custom-spaced-progress-bar {
25
31
  position: absolute;
26
32
  width: 100%;
27
33
  display: flex;
@@ -29,7 +35,7 @@
29
35
  top: -0.5em;
30
36
  }
31
37
 
32
- .video-js.skin_mini .vjs-progress-control {
38
+ .video-js.skin_news_live .vjs-progress-control {
33
39
  /* left: -6px; */
34
40
  position: relative;
35
41
  width: 100%;
@@ -37,22 +43,25 @@
37
43
  transition: height 0.1s, top 0.1s;
38
44
  }
39
45
 
46
+ .video-js.skin_news_live .vjs-volume-panel{
47
+ min-width: 5.3em;
48
+ }
40
49
 
41
50
 
42
51
 
43
- .video-js.skin_mini .vjs-custom-control-spacer {
44
- display: block;
45
- flex: 1 1 auto;
52
+ .video-js.skin_news_live .vjs-custom-control-spacer {
53
+ /* display: block; */
54
+ /* flex: 1 1 auto; */
46
55
  }
47
56
 
48
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
57
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
49
58
  margin: 0 0px 0 0px;
50
59
  }
51
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
60
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
52
61
  display: none;
53
62
  }
54
63
 
55
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
64
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
56
65
  font-size: 14px;
57
66
  font-weight: 500;
58
67
  align-self: center;
@@ -61,207 +70,199 @@
61
70
  border-radius: 8px;
62
71
  }
63
72
 
64
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
65
- height: 5px !important;
73
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
74
+ height: 6px !important;
66
75
  }
67
76
 
68
- .video-js.skin_mini .vjs-play-progress:before {
69
- font-size: 1.3em;
77
+ .video-js.skin_news_live .vjs-play-progress:before {
78
+ font-size: 1.5em;
70
79
  line-height: unset;
71
80
  top: -0.3333333333em;
72
81
  }
73
82
 
74
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
83
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
75
84
  display: none !important;
76
85
  }
77
86
 
78
87
  /* */
79
- .video-js.skin_mini .vjs-mouse-display{
88
+ .video-js.skin_news_live .vjs-mouse-display{
80
89
  font-size: 1.6666666667em;
81
90
  }
82
91
 
83
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
92
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
84
93
  font-size: 1em !important;
85
94
  }
86
95
 
87
- .video-js.skin_mini .vjs-button{
88
- width: 3em;
96
+ .video-js.skin_news_live .vjs-button{
97
+ width: 5.3em;
89
98
  display: flex;
90
99
  align-items: center;
91
100
  justify-content: center;
92
101
  }
93
102
 
94
103
 
95
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
104
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
96
105
  .icon-maximize {
97
106
  display: block;
98
107
  height: 32px;
99
108
  }
100
109
 
101
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
110
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
102
111
  line-height: 4;
103
112
  }
104
113
 
105
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
114
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
106
115
  .icon-minimize {
107
116
  display: none;
108
117
  height: 32px;
109
118
  }
110
119
 
111
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
120
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
112
121
  outline: none !important;
122
+ /* flex: 1; */
113
123
  }
114
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
124
+ .video-js.skin_news_live .vjs-play-toggle-container{
125
+ display: flex;
126
+ flex: 1;
127
+ justify-content: center;
128
+ }
129
+
130
+
131
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
115
132
  .vjs-icon-fullscreen-enter:before {
116
133
  /* content: '' !important; */
117
134
  }
118
135
 
119
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
136
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
120
137
  display: flex;
121
138
  justify-content: center;
122
139
  align-items: center;
123
140
  /* transform: rotate(90deg); */
124
141
  }
125
142
 
126
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
143
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
127
144
  display: none;
128
145
  }
129
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
146
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
130
147
  margin-left: -10px;
131
- display: none;
132
- }
133
-
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
148
  }
149
149
 
150
- .video-js.skin_mini .skipbtn:hover{
150
+ .video-js.skin_news_live .skipbtn:hover{
151
151
  cursor: pointer;
152
152
  }
153
153
 
154
- .video-js.skin_mini .rewindbtn:hover{
154
+ .video-js.skin_news_live .rewindbtn:hover{
155
155
  cursor: pointer;
156
156
  }
157
157
 
158
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
158
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
159
159
  position: relative;
160
160
  padding-left: 0;
161
161
  }
162
162
 
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;
163
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
164
+ display: none !important;
180
165
  }
181
166
 
182
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
167
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
168
+ /* width: 90px;
169
+ height: 90px;
170
+ display: flex;
171
+ justify-content: center;
172
+ align-items: center;
173
+ border-radius: 50%;
174
+ position: absolute;
175
+ top: 0;
176
+ left: 0;
177
+ right: 0;
178
+ bottom: 0;
179
+ margin: auto;
180
+ font-size: 6em;
181
+ line-height: 1.4em;
182
+ border: 0.05em solid;
183
+ color: inherit; */
184
+ display: none !important;
185
+ }
186
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
183
187
  font-weight: bold;
184
188
  }
185
189
 
186
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
187
- bottom: 1.1em !important;
188
- right: 1em;
190
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
191
+ bottom: 2.4em !important;
192
+ right: -1em;
189
193
  z-index: 1;
190
- font-size: 10px;
191
194
  }
192
195
 
193
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
196
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
194
197
  width: 24px !important;
195
198
  height: 24px !important;
196
199
  }
197
- .video-js.skin_mini .settings-selector-icon>svg{
200
+ .settings-selector-icon>svg{
198
201
  height: 19px !important;
199
202
  width: 19px !important;
200
203
  }
201
204
 
202
205
 
203
- .video-js.skin_mini button.vjs-rewind-button{
206
+ .video-js.skin_news_live button.vjs-rewind-button{
204
207
  cursor: pointer;
205
208
  }
206
209
 
207
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
210
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
208
211
  padding-right: 0;
212
+ display: none;
209
213
  }
210
214
 
211
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
215
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
212
216
  padding-left: 0;
217
+ display: none;
213
218
  }
214
219
 
215
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
220
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
216
221
  padding-left: 0;
217
222
  padding-right: 0;
218
- display: flex;
219
- justify-content: center;
220
- width: min-content;
223
+ display: none;
221
224
  }
222
225
 
223
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
226
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
224
227
  display: none
225
228
  }
226
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
229
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
227
230
  display: none
228
231
  }
229
232
 
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;
233
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
234
+ display: flex;
235
+ align-items: center;
236
+ font-weight: 700;
237
+ font-size: 12px;
238
+ min-width: 1.2em;
237
239
  }
238
240
 
239
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
241
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
240
242
  display: none;
241
243
  font-size: 11px;
242
244
  justify-content: center;
243
245
  align-items: center;
244
246
  user-select: none;
245
247
  }
246
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
248
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
249
  display: none;
248
250
  }
249
251
 
250
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
252
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
253
  height: min-content;
252
254
  width: min-content;
253
255
  }
254
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
255
- width: 3em;
256
- margin-right: 4px;
256
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
257
+ width: 6em;
257
258
  }
258
259
 
259
- .video-js.skin_mini .content{
260
+ .video-js.skin_news_live .content{
260
261
  bottom: 3.4rem !important;
261
262
  right: -4rem !important;
262
263
  }
263
264
 
264
- .video-js.skin_mini .setting-icon > svg{
265
+ .setting-icon > svg{
265
266
  height:18px !important;
266
267
  }
267
268
 
@@ -275,16 +276,16 @@
275
276
  pointer-events:none
276
277
  }
277
278
 
278
- .video-js.skin_mini iframe{
279
+ .video-js.skin_news_live iframe{
279
280
  width: 100%;
280
281
  height: 100%;
281
282
  }
282
283
 
283
- .video-js.skin_mini .vjs-live-control{
284
+ .video-js.skin_news_live .vjs-live-control{
284
285
  align-items: center;
285
- max-width: 5em;
286
+ display: none;
286
287
  }
287
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
288
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
288
289
  height: 2.2em;
289
290
  display: flex;
290
291
  align-items: center;
@@ -292,185 +293,218 @@
292
293
  width: 4em;
293
294
  justify-content: center;
294
295
  background: red;
295
- margin: 4px 0px 4px 2px;
296
+ margin: 4px 0px 4px 12px;
296
297
  }
297
298
 
298
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
299
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
299
300
  text-shadow: none;
300
301
  }
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;
304
- }
305
302
 
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;
303
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
304
+ display: flex;
311
305
  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);
306
+ min-width: 5.3em;
307
+ pointer-events: none;
308
+ user-select: none;
319
309
  }
320
310
 
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;
311
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
312
+ color: white;
324
313
  }
325
314
 
326
315
 
327
- @media(max-width:600px){
316
+ .settings-selection.vjs-control.vjs-button{
317
+ display: flex !important;
318
+ }
319
+
320
+ @media(max-width:576px){
321
+ .settings-selection.vjs-control.vjs-button{
322
+ display: none !important;
323
+ }
324
+ }
325
+
326
+
327
+ @media(max-width:576px){
328
328
  .tvProviderImage{
329
329
  display: none
330
330
  }
331
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
331
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
332
332
  .icon-maximize {
333
333
  height: 30px !important;
334
334
  }
335
335
 
336
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
336
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
337
337
  .icon-minimize {
338
338
  height: 30px !important;
339
339
  }
340
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
341
- width: 3.5em;
340
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
341
+ width: 4.5em;
342
342
  }
343
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
343
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
344
344
  height: min-content;
345
345
  }
346
346
 
347
- .video-js.skin_mini button.vjs-slowmo-button{
347
+ .video-js.skin_news_live button.vjs-slowmo-button{
348
348
  display: none;
349
349
  }
350
- .video-js.skin_mini button.vjs-rewind-button{
350
+ .video-js.skin_news_live button.vjs-rewind-button{
351
351
  display: none;
352
352
  }
353
- .video-js.skin_mini button.vjs-rewind-button>svg{
353
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
354
354
  height: 20px;
355
355
  }
356
- .video-js.skin_mini .vjs-button{
357
- width: 3em;
356
+ .video-js.skin_news_live .vjs-button{
357
+ width: 4.8em;
358
358
  }
359
- .video-js.skin_mini .widget-selection{
359
+ .video-js.skin_news_live .widget-selection{
360
360
  display: none;
361
361
  }
362
- .video-js.skin_mini .container{
362
+ .video-js.skin_news_live .container{
363
363
  display: none !important;
364
364
  }
365
- .video-js.skin_mini .vjs-control-bar{
365
+ .video-js.skin_news_live .vjs-control-bar{
366
366
  height: 4em !important;
367
367
  }
368
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
368
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
369
369
  font-size: 2.5em;
370
370
  line-height: 1.5;
371
371
  }
372
- .video-js.skin_mini .vjs-play-progress:before {
372
+ .video-js.skin_news_live .vjs-play-progress:before {
373
373
  font-size: 1.2em;
374
374
  position: absolute;
375
375
  right: -0.5em;
376
376
  z-index: 1;
377
377
  }
378
- .video-js.skin_mini button.vjs-skip-button>svg{
378
+ .video-js.skin_news_live button.vjs-skip-button>svg{
379
379
  height: 20px;
380
380
  }
381
+ .video-js.skin_news_live button.vjs-big-play-button {
382
+ width: 50px !important;
383
+ height: 50px !important;
384
+ font-size: 2.1rem !important;
385
+ }
381
386
 
382
387
  .stream-selector-icon>svg{
383
388
  width: 24px;
384
389
  height: 24px;
385
390
  }
386
- .video-js.skin_mini .vjs-seek-to-live-text{
387
- font-size: 12px;
391
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
392
+ margin: 0 12px 0 12px;
388
393
  }
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
- }
394
+ .video-js.skin_news_live .vjs-seek-to-live-text{
395
+ font-size: 12px;
395
396
  }
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;
397
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
398
+ margin: 0 12px 0 12px;
401
399
  }
402
-
403
- .video-js.skin_mini .vjs-text-track-display-ttml p {
404
- font-size: 18px !important;
405
400
  }
406
-
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;
401
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
402
+ width: 90px;
403
+ height: 90px;
404
+ display: flex;
405
+ justify-content: center;
406
+ align-items: center;
407
+ border-radius: 50%;
408
+ position: absolute;
409
+ top: 0;
410
+ left: 0;
411
+ right: 0;
412
+ bottom: 0;
413
+ margin: auto;
414
+ font-size: 6em;
415
+ line-height: 1.4em;
409
416
  }
410
417
 
411
-
412
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
418
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
413
419
  display: flex;
414
420
  justify-content: center;
415
421
  align-items: center;
416
422
  height: 100%;
417
423
  transition: width 0.1s;
418
424
  }
419
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
420
- margin: 2px;
421
- }
422
425
 
423
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
426
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
427
  display: flex;
425
428
  justify-content: center;
426
429
  align-items: center;
427
430
  height: 100%;
428
431
  transition: width 0.1s;
429
432
  }
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;
433
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
434
+ display: none !important;
437
435
  }
438
436
 
439
- @media (max-width: 600px) {
440
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
437
+ @media (max-width: 576px) {
438
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
441
439
  height: 5px !important;
442
440
  }
441
+ .video-js.skin_news_live button.vjs-big-play-button {
442
+ width: 50px !important;
443
+ height: 50px !important;
444
+ font-size: 2.1rem !important;
445
+ }
443
446
 
444
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
447
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
445
448
  display: none;
446
449
  }
450
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
451
+ bottom: 2.4em !important;
452
+ right: -1em;
453
+ z-index: 1;
454
+ }
455
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
456
+ display: none !important;
457
+ }
447
458
 
459
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
460
+ color: white !important;
461
+ font-size: 13px !important;
462
+ background-color: black !important;
463
+ }
448
464
  }
449
465
 
450
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
451
- content: none !important;
452
- fill: none !important;
453
- filter: none !important;
466
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
467
+ width: 100% !important;
454
468
  }
455
469
 
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;
470
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
471
+ color: white !important;
472
+ font-size: 16px !important;
473
+ background-color: black !important;
459
474
  }
460
475
 
461
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
462
- opacity: 1 !important;
476
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
477
+ margin-bottom: 2rem !important;
463
478
  }
464
479
 
465
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
480
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
481
+ font-size: 18px !important;
482
+ }
483
+
484
+
485
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
486
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
487
+ font-size: 1.2em !important;
488
+ line-height: 1.5em !important;
489
+ padding: 0.2em 0.8em !important;
490
+ }
491
+
492
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
493
+ content: none !important;
494
+ fill: none !important;
495
+ filter: none !important;
496
+ }
497
+
498
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
466
499
  color: rgba(255, 255, 2555, 0.7)!important;
467
500
  }
468
501
 
469
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
502
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
470
503
  color: rgba(255, 255, 2555, 1)!important;
471
504
  }
472
505
 
473
506
 
507
+
474
508
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
475
509
  font-size: 2.2em;
476
510
  line-height: 2.6;
@@ -999,236 +1033,367 @@
999
1033
 
1000
1034
 
1001
1035
 
1002
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1003
- height: 0.7em;
1004
- position: absolute;
1005
- top: -0.7em;
1006
- width: 100%;
1007
- }
1008
1036
 
1009
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1010
- height: 100%;
1037
+ .video-js.skin_cn_news .vjs-control-bar {
1038
+ z-index: 1 !important;
1039
+ height: auto !important;
1040
+ padding: 0.8em 30px 0.6em;
1041
+ background: transparent !important;
1042
+ display: flex;
1043
+ flex-wrap: wrap;
1044
+ align-items: center;
1045
+ column-gap: 10px;
1011
1046
  }
1012
1047
 
1013
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1014
- line-height: 2.5;
1015
- }
1016
1048
 
1017
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1018
- height: 19px;
1019
- width: 19px;
1020
- cursor: pointer;
1021
- }
1022
- .video-js.skin_vlone .vjs-control {
1023
- user-select: none;
1024
- }
1025
- .video-js.skin_vlone .vjs-custom-control-spacer{
1026
- user-select: none;
1049
+ .video-js.skin_cn_news .vjs-control-bar::before {
1050
+ content: '';
1051
+ position: absolute;
1052
+ left: 0;
1053
+ right: 0;
1054
+ bottom: 0;
1055
+ top: -3em;
1056
+ background: linear-gradient(
1057
+ to top,
1058
+ rgba(0, 0, 0, 0.85) 0%,
1059
+ rgba(0, 0, 0, 0.7) 40%,
1060
+ rgba(0, 0, 0, 0.55) 70%,
1061
+ rgba(0, 0, 0, 0.38) 86%,
1062
+ transparent 100%
1063
+ );
1064
+ pointer-events: none;
1065
+ z-index: -1;
1027
1066
  }
1028
1067
 
1029
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1030
- height: 19px;
1031
- width: 19px;
1032
- cursor: pointer;
1068
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1069
+ order: -1;
1070
+ flex: 0 0 100%;
1071
+ width: 80%;
1072
+ margin: 0 0 5em;
1073
+ position: relative;
1033
1074
  }
1034
1075
 
1035
- .video-js.skin_vlone .vjs-play-progress:before {
1036
- display: none !important;
1076
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1077
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1078
+ width: auto;
1079
+ min-width: 0;
1080
+ }
1081
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1082
+ display: inline-flex;
1083
+ align-items: center;
1084
+ justify-content: center;
1085
+ height: 7em;
1086
+ padding: 0 10px;
1087
+ color: #fff;
1037
1088
  }
1038
1089
 
1039
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1040
- margin: 0 !important;
1041
-
1090
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1091
+ content: none !important;
1042
1092
  }
1043
1093
 
1044
1094
 
1045
- .video-js.skin_vlone .vjs-custom-control-spacer {
1046
- display: block;
1047
- flex: 1 1 auto;
1095
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1096
+ display: inline-flex;
1097
+ align-items: center;
1098
+ justify-content: center;
1048
1099
  }
1049
-
1050
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1051
- z-index: 1;
1100
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1101
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1102
+ width: 24px;
1103
+ height: 24px;
1104
+ display: block;
1052
1105
  }
1053
1106
 
1054
1107
 
1055
- .video-js.skin_vlone .vjs-control-bar {
1056
- height: 40px;
1057
- }
1058
1108
 
1059
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1060
- .vjs-button>.vjs-icon-placeholder:before {
1061
- position: relative !important;
1062
- }
1063
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1064
- display: flex;
1065
- left: 0px;
1066
- top: -1px;
1109
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1110
+ opacity: 1;
1067
1111
  }
1068
1112
 
1069
- .vjs-button>.vjs-icon-placeholder:before {
1070
- font-size: 2em !important;
1071
- }
1072
1113
 
1073
- .video-js.skin_vlone .vjs-control {
1074
- width: 4.3em;
1075
- }
1076
1114
 
1077
- .vjs-menu-button-popup .vjs-menu {
1078
- bottom: 10px !important;
1115
+ .video-js.skin_cn_news .vjs-volume-panel {
1116
+ margin: 0;
1117
+ display: inline-flex;
1118
+ align-items: center;
1119
+ align-self: center;
1120
+ height: 2.2em;
1121
+ min-width: 7em;
1122
+ transition: none;
1123
+ }
1124
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1125
+ width: 0;
1126
+ height: 100%;
1127
+ display: flex;
1128
+ align-items: center;
1129
+ overflow: hidden;
1130
+ opacity: 0;
1131
+ transition: width 0.15s ease, opacity 0.15s ease;
1132
+ }
1133
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1134
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1135
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1136
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1137
+ width: 5em;
1138
+ opacity: 1;
1079
1139
  }
1080
1140
 
1081
-
1082
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1083
- height: 1.3em;
1084
- position: absolute;
1085
- top: -1.3em;
1086
- transition: height 0.3s, top 0.3s;
1141
+ .video-js.skin_cn_news .vjs-volume-bar {
1142
+ width: 4em;
1143
+ height: 0.3em;
1144
+ margin: 0 0.45em;
1087
1145
  }
1088
1146
 
1089
1147
 
1090
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1091
- display: none !important;
1148
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1149
+ display: none !important;
1092
1150
  }
1093
1151
 
1094
- .video-js.skin_vlone .vjs-time-control {
1095
- display: block;
1096
- }
1097
- .video-js.skin_vlone .vjs-remaining-time {
1098
- display: none;
1152
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1153
+ width: 0 !important;
1099
1154
  }
1100
1155
 
1101
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1102
- line-height: 3.5em;
1103
- font-size: 1.1em;
1104
- min-width: 4em;
1105
- }
1106
1156
 
1107
- .video-js.skin_vlone .vjs-time-divider > div{
1108
- display: flex;
1109
- justify-content: center;
1157
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1158
+ display: block !important;
1159
+ flex: 1 1 auto;
1110
1160
  }
1111
1161
 
1112
- .video-js.skin_vlone .vjs-live-control{
1113
- align-items: center;
1162
+
1163
+ .video-js.skin_cn_news .vjs-big-play-button {
1164
+ display: none;
1114
1165
  }
1115
- .video-js.skin_vlone .vjs-live-display{
1116
- height: 2.2em;
1117
- display: flex;
1118
- align-items: center;
1119
- font-family: monospace;
1120
- width: 4em;
1121
- justify-content: center;
1122
- background: red;
1123
- margin: 4px 0px 4px 12px;
1166
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1167
+ position: relative !important;
1168
+ display: flex;
1169
+ left: 0;
1170
+ top: -1px;
1124
1171
  }
1125
- .video-js.skin_vlone .vjs-live-display:hover{
1126
- cursor: pointer;
1172
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1173
+ display: flex;
1174
+ justify-content: center;
1175
+ align-items: center;
1176
+ position: absolute;
1177
+ top: 0;
1178
+ left: 0;
1179
+ right: 0;
1180
+ bottom: 0;
1181
+ margin: auto;
1182
+ width: 80px;
1183
+ height: 80px;
1184
+ border: none;
1185
+ border-radius: 50%;
1186
+ background: rgba(0, 0, 0, 0.55);
1187
+ font-size: 5em;
1188
+ line-height: 1.3em;
1189
+ transform: none !important;
1127
1190
  }
1128
1191
 
1129
- .video-js.skin_vlone .vjs-time-control {
1130
- line-height: 3.5em !important;
1131
- font-size: 1.1em !important;
1132
- width: min-content !important;
1133
- min-width: 1.5em;
1134
- padding: 0 !important;
1135
- user-select: none;
1192
+
1193
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1194
+ height: 4px !important;
1195
+ margin: 0;
1196
+ border-radius: 20px;
1197
+ background-color: #393944;
1136
1198
  }
1137
1199
 
1138
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1139
- margin-left: 16px !important;
1200
+ .video-js.skin_cn_news .vjs-play-progress {
1201
+ background-color: #ffffff;
1202
+ border-radius: 20px;
1140
1203
  }
1141
1204
 
1142
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1143
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1144
- font-size: 1.2em !important;
1145
- line-height: 1.5em !important;
1146
- padding: 0.2em 0.8em !important;
1205
+ .video-js.skin_cn_news .vjs-load-progress,
1206
+ .video-js.skin_cn_news .vjs-load-progress div {
1207
+ background: rgba(255, 255, 255, 0.15);
1208
+ border-radius: 20px;
1147
1209
  }
1148
1210
 
1149
1211
 
1150
- /* Big play */
1151
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1152
- width: 80px;
1153
- height: 80px;
1154
- display: flex;
1155
- justify-content: center;
1156
- align-items: center;
1157
- border: none;
1158
- position: absolute;
1159
- top: 0;
1160
- left: 0;
1161
- right: 0;
1162
- bottom: 0;
1163
- margin: auto;
1164
- font-size: 5em;
1165
- line-height: 1.3em;
1166
- transform: none !important;
1167
- border-radius: 1.3em;
1212
+ .video-js.skin_cn_news .vjs-play-progress:before {
1213
+ content: '';
1214
+ width: 16px;
1215
+ height: 16px;
1216
+ border-radius: 50%;
1217
+ background: #ffffff;
1218
+ border: 2px solid rgba(0, 0, 0, 0.6);
1219
+ box-sizing: border-box;
1220
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1221
+ top: -6px;
1222
+ right: -8px;
1223
+ position: absolute;
1168
1224
  }
1169
- .video-js.skin_vlone .ssai-ad-container{
1170
- position: absolute;
1171
- bottom: 4px;
1225
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1226
+ display: none !important;
1172
1227
  }
1173
-
1174
- @media(max-width:600px){
1175
- .video-js.skin_vlone button.vjs-big-play-button {
1176
- width: 50px !important;
1177
- height: 50px !important;
1178
- font-size: 2.1rem !important;
1179
- }
1180
1228
 
1181
- .video-js.skin_vlone .ssai-ad-container {
1182
- position: absolute;
1183
- bottom: 2px;
1184
- }
1185
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1186
- display: none;
1229
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1230
+ background: #ffffff;
1231
+ color: #0a0e17;
1232
+ font-weight: 700;
1233
+ border-radius: 3px;
1187
1234
  }
1188
1235
 
1189
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1190
- /* display: none; */
1236
+ .video-js.skin_cn_news .vjs-live-control {
1237
+ display: none !important;
1238
+ }
1239
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1240
+ display: inline-flex;
1241
+ align-items: center;
1242
+ align-self: center;
1243
+ height: 2.2em;
1244
+ gap: 5px;
1245
+ width: auto;
1246
+ padding: 0 10px;
1247
+ border: 1px solid rgba(255, 255, 255, 0.45);
1248
+ border-radius: 4px;
1249
+ cursor: pointer;
1191
1250
  }
1192
1251
 
1193
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1194
- /* display: none; */
1252
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1253
+ display: none;
1195
1254
  }
1255
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1256
+ display: inline-flex;
1257
+ align-items: center;
1258
+ }
1259
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1260
+ content: '';
1261
+ display: inline-block;
1262
+ width: 8px;
1263
+ height: 8px;
1264
+ border-radius: 50%;
1265
+ background: #ff2d2d; /* red live dot */
1266
+ }
1267
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1268
+ color: #ffffff;
1269
+ font-weight: 700;
1270
+ font-size: 12px;
1271
+ letter-spacing: 0.03em;
1196
1272
  }
1197
-
1198
1273
 
1199
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1200
- font-size: 2.2em;
1201
- line-height: 2.6;
1274
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1275
+ border-color: transparent;
1202
1276
  }
1203
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1204
- background: #fcb700;
1277
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1278
+ color: #ff2d2d;
1205
1279
  }
1206
- .video-js.skin_news_live .vjs-control-bar{
1207
- z-index: 1 !important;
1208
- height: 5em !important;
1209
- background: black !important;
1280
+
1281
+ /* ---- time controls ---- */
1282
+ .video-js.skin_cn_news .vjs-current-time,
1283
+ .video-js.skin_cn_news .vjs-duration,
1284
+ .video-js.skin_cn_news .vjs-time-divider {
1285
+ display: none !important;
1210
1286
  }
1211
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1212
- display: flex;
1287
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1288
+ display: none;
1213
1289
  align-items: center;
1214
1290
  justify-content: center;
1291
+ font-size: 11px;
1292
+ font-weight: 700;
1293
+ color: #fff;
1294
+ padding: 0 6px;
1295
+ user-select: none;
1215
1296
  }
1216
1297
 
1217
- .video-js.skin_news_live .vjs-fade>* {
1218
- visibility: hidden !important;
1219
- opacity: 0 !important;
1220
- transition: visibility 1s, opacity 1s !important;
1221
- }
1222
1298
 
1223
- .video-js.skin_news_live .custom-spaced-progress-bar {
1224
- position: absolute;
1299
+ .video-js.skin_cn_news .vjs-chapter-marker {
1300
+ z-index: 2;
1301
+ width: var(--vl-chapter-size, 8px);
1302
+ height: var(--vl-chapter-size, 8px);
1303
+ top: 50%;
1304
+ bottom: auto;
1305
+ background: var(--vl-chapter-color, #ffffff);
1306
+ opacity: var(--vl-chapter-opacity, 1);
1307
+ border-radius: 50%;
1308
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1309
+ transform: translate(-50%, -50%) scale(1);
1310
+ transition: background-color 0.12s ease;
1311
+ }
1312
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1313
+ background: var(--vl-chapter-hover, #0a5cff);
1314
+ }
1315
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1316
+ background: var(--vl-chapter-active, #0a5cff);
1317
+ }
1318
+
1319
+
1320
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1321
+ width: 16px;
1322
+ height: 16px;
1323
+ bottom: 160%;
1324
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1325
+ }
1326
+
1327
+
1328
+ .video-js.skin_cn_news .vjs-chapter-preview {
1329
+ background: var(--vl-chapter-tooltip, #0a5cff);
1330
+ border-radius: 6px;
1331
+ padding: 8px 10px;
1332
+ width: max-content;
1333
+ max-width: 300px;
1334
+ text-align: left;
1335
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1336
+ }
1337
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1338
+ color: #ffffff;
1339
+ font-size: 13px;
1340
+ font-weight: 400;
1341
+ margin-bottom: 2px;
1342
+ }
1343
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1344
+ color: #ffffff;
1345
+ font-size: 13px;
1346
+ font-weight: 400;
1347
+ line-height: 1.3;
1348
+ white-space: normal;
1349
+ text-align: left;
1350
+ }
1351
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1352
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1353
+ }
1354
+
1355
+ /* ---- responsive ---- */
1356
+ @media (max-width: 576px) {
1357
+ .video-js.skin_cn_news .vjs-control-bar {
1358
+ height: 3.2em !important;
1359
+ padding: 0 8px;
1360
+ }
1361
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1362
+ padding: 0 6px;
1363
+ }
1364
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1365
+ display: none !important;
1366
+ }
1367
+ }
1368
+
1369
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1370
+ font-size: 2.2em;
1371
+ line-height: 2.6;
1372
+ }
1373
+ .video-js.skin_mini{
1374
+ overflow: hidden;
1375
+ }
1376
+ .video-js.skin_mini .vjs-control-bar{
1377
+ z-index: 1 !important;
1378
+ height: 4em !important;
1379
+ background: black !important;
1380
+ }
1381
+
1382
+ .video-js.skin_mini .vjs-fade>* {
1383
+ visibility: hidden !important;
1384
+ opacity: 0 !important;
1385
+ transition: visibility 1s, opacity 1s !important;
1386
+ }
1387
+
1388
+ .video-js.skin_mini .custom-spaced-progress-bar {
1389
+ position: absolute;
1225
1390
  width: 100%;
1226
1391
  display: flex;
1227
1392
  height: 0.5em;
1228
1393
  top: -0.5em;
1229
1394
  }
1230
1395
 
1231
- .video-js.skin_news_live .vjs-progress-control {
1396
+ .video-js.skin_mini .vjs-progress-control {
1232
1397
  /* left: -6px; */
1233
1398
  position: relative;
1234
1399
  width: 100%;
@@ -1236,25 +1401,22 @@
1236
1401
  transition: height 0.1s, top 0.1s;
1237
1402
  }
1238
1403
 
1239
- .video-js.skin_news_live .vjs-volume-panel{
1240
- min-width: 5.3em;
1241
- }
1242
1404
 
1243
1405
 
1244
1406
 
1245
- .video-js.skin_news_live .vjs-custom-control-spacer {
1246
- /* display: block; */
1247
- /* flex: 1 1 auto; */
1407
+ .video-js.skin_mini .vjs-custom-control-spacer {
1408
+ display: block;
1409
+ flex: 1 1 auto;
1248
1410
  }
1249
1411
 
1250
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1412
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1251
1413
  margin: 0 0px 0 0px;
1252
1414
  }
1253
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1415
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1254
1416
  display: none;
1255
1417
  }
1256
1418
 
1257
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1419
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1258
1420
  font-size: 14px;
1259
1421
  font-weight: 500;
1260
1422
  align-self: center;
@@ -1263,199 +1425,207 @@
1263
1425
  border-radius: 8px;
1264
1426
  }
1265
1427
 
1266
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1267
- height: 6px !important;
1428
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1429
+ height: 5px !important;
1268
1430
  }
1269
1431
 
1270
- .video-js.skin_news_live .vjs-play-progress:before {
1271
- font-size: 1.5em;
1432
+ .video-js.skin_mini .vjs-play-progress:before {
1433
+ font-size: 1.3em;
1272
1434
  line-height: unset;
1273
1435
  top: -0.3333333333em;
1274
1436
  }
1275
1437
 
1276
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1438
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1277
1439
  display: none !important;
1278
1440
  }
1279
1441
 
1280
1442
  /* */
1281
- .video-js.skin_news_live .vjs-mouse-display{
1443
+ .video-js.skin_mini .vjs-mouse-display{
1282
1444
  font-size: 1.6666666667em;
1283
1445
  }
1284
1446
 
1285
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1447
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1286
1448
  font-size: 1em !important;
1287
1449
  }
1288
1450
 
1289
- .video-js.skin_news_live .vjs-button{
1290
- width: 5.3em;
1451
+ .video-js.skin_mini .vjs-button{
1452
+ width: 3em;
1291
1453
  display: flex;
1292
1454
  align-items: center;
1293
1455
  justify-content: center;
1294
1456
  }
1295
1457
 
1296
1458
 
1297
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1459
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1298
1460
  .icon-maximize {
1299
1461
  display: block;
1300
1462
  height: 32px;
1301
1463
  }
1302
1464
 
1303
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1465
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1304
1466
  line-height: 4;
1305
1467
  }
1306
1468
 
1307
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1469
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1308
1470
  .icon-minimize {
1309
1471
  display: none;
1310
1472
  height: 32px;
1311
1473
  }
1312
1474
 
1313
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1475
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1314
1476
  outline: none !important;
1315
- /* flex: 1; */
1316
- }
1317
- .video-js.skin_news_live .vjs-play-toggle-container{
1318
- display: flex;
1319
- flex: 1;
1320
- justify-content: center;
1321
1477
  }
1322
-
1323
-
1324
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1478
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1325
1479
  .vjs-icon-fullscreen-enter:before {
1326
1480
  /* content: '' !important; */
1327
1481
  }
1328
1482
 
1329
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1483
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1330
1484
  display: flex;
1331
1485
  justify-content: center;
1332
1486
  align-items: center;
1333
1487
  /* transform: rotate(90deg); */
1334
1488
  }
1335
1489
 
1336
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1490
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1337
1491
  display: none;
1338
1492
  }
1339
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1493
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1340
1494
  margin-left: -10px;
1495
+ display: none;
1341
1496
  }
1342
1497
 
1343
- .video-js.skin_news_live .skipbtn:hover{
1498
+ .video-js.skin_mini .vjs-loading-spinner {
1499
+ position: absolute;
1500
+ top: 50%;
1501
+ left: 50%;
1502
+ transform: translate(-50%, -50%);
1503
+ opacity: .85;
1504
+ text-align: left;
1505
+ border: .2em solid rgba(43, 51, 63, .7);
1506
+ box-sizing: border-box;
1507
+ background-clip: padding-box;
1508
+ width: 3em;
1509
+ height: 3em;
1510
+ border-radius: 50%;
1511
+ visibility: hidden;
1512
+ }
1513
+
1514
+ .video-js.skin_mini .skipbtn:hover{
1344
1515
  cursor: pointer;
1345
1516
  }
1346
1517
 
1347
- .video-js.skin_news_live .rewindbtn:hover{
1518
+ .video-js.skin_mini .rewindbtn:hover{
1348
1519
  cursor: pointer;
1349
1520
  }
1350
1521
 
1351
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1522
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1352
1523
  position: relative;
1353
1524
  padding-left: 0;
1354
1525
  }
1355
1526
 
1356
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1357
- display: none !important;
1527
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1528
+ width: 40px;
1529
+ height: 40px;
1530
+ display: flex;
1531
+ justify-content: center;
1532
+ align-items: center;
1533
+ border: none;
1534
+ position: absolute;
1535
+ top: 0;
1536
+ left: 0;
1537
+ right: 0;
1538
+ bottom: 0;
1539
+ margin: auto;
1540
+ font-size: 3em;
1541
+ line-height: 1.3em;
1542
+ transform: none !important;
1543
+ border-radius: 1.3em;
1358
1544
  }
1359
1545
 
1360
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1361
- /* width: 90px;
1362
- height: 90px;
1363
- display: flex;
1364
- justify-content: center;
1365
- align-items: center;
1366
- border-radius: 50%;
1367
- position: absolute;
1368
- top: 0;
1369
- left: 0;
1370
- right: 0;
1371
- bottom: 0;
1372
- margin: auto;
1373
- font-size: 6em;
1374
- line-height: 1.4em;
1375
- border: 0.05em solid;
1376
- color: inherit; */
1377
- display: none !important;
1378
- }
1379
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1546
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1380
1547
  font-weight: bold;
1381
1548
  }
1382
1549
 
1383
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1384
- bottom: 2.4em !important;
1385
- right: -1em;
1550
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1551
+ bottom: 1.1em !important;
1552
+ right: 1em;
1386
1553
  z-index: 1;
1554
+ font-size: 10px;
1387
1555
  }
1388
1556
 
1389
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1557
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1390
1558
  width: 24px !important;
1391
1559
  height: 24px !important;
1392
1560
  }
1393
- .settings-selector-icon>svg{
1561
+ .video-js.skin_mini .settings-selector-icon>svg{
1394
1562
  height: 19px !important;
1395
1563
  width: 19px !important;
1396
1564
  }
1397
1565
 
1398
1566
 
1399
- .video-js.skin_news_live button.vjs-rewind-button{
1567
+ .video-js.skin_mini button.vjs-rewind-button{
1400
1568
  cursor: pointer;
1401
1569
  }
1402
1570
 
1403
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1571
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1404
1572
  padding-right: 0;
1405
- display: none;
1406
1573
  }
1407
1574
 
1408
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1575
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1409
1576
  padding-left: 0;
1410
- display: none;
1411
1577
  }
1412
1578
 
1413
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1579
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1414
1580
  padding-left: 0;
1415
1581
  padding-right: 0;
1416
- display: none;
1582
+ display: flex;
1583
+ justify-content: center;
1584
+ width: min-content;
1417
1585
  }
1418
1586
 
1419
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1587
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1420
1588
  display: none
1421
1589
  }
1422
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1590
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1423
1591
  display: none
1424
1592
  }
1425
1593
 
1426
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1427
- display: flex;
1428
- align-items: center;
1429
- font-weight: 700;
1430
- font-size: 12px;
1431
- min-width: 1.2em;
1594
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1595
+ display: flex;
1596
+ align-items: center;
1597
+ font-weight: 700;
1598
+ font-size: 9px;
1599
+ min-width: 0.8em;
1600
+ padding-left: 0;
1432
1601
  }
1433
1602
 
1434
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1603
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1435
1604
  display: none;
1436
1605
  font-size: 11px;
1437
1606
  justify-content: center;
1438
1607
  align-items: center;
1439
1608
  user-select: none;
1440
1609
  }
1441
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1610
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1442
1611
  display: none;
1443
1612
  }
1444
1613
 
1445
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1614
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1446
1615
  height: min-content;
1447
1616
  width: min-content;
1448
1617
  }
1449
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1450
- width: 6em;
1618
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1619
+ width: 3em;
1620
+ margin-right: 4px;
1451
1621
  }
1452
1622
 
1453
- .video-js.skin_news_live .content{
1623
+ .video-js.skin_mini .content{
1454
1624
  bottom: 3.4rem !important;
1455
1625
  right: -4rem !important;
1456
1626
  }
1457
1627
 
1458
- .setting-icon > svg{
1628
+ .video-js.skin_mini .setting-icon > svg{
1459
1629
  height:18px !important;
1460
1630
  }
1461
1631
 
@@ -1469,16 +1639,16 @@
1469
1639
  pointer-events:none
1470
1640
  }
1471
1641
 
1472
- .video-js.skin_news_live iframe{
1642
+ .video-js.skin_mini iframe{
1473
1643
  width: 100%;
1474
1644
  height: 100%;
1475
1645
  }
1476
1646
 
1477
- .video-js.skin_news_live .vjs-live-control{
1647
+ .video-js.skin_mini .vjs-live-control{
1478
1648
  align-items: center;
1479
- display: none;
1649
+ max-width: 5em;
1480
1650
  }
1481
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1651
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1482
1652
  height: 2.2em;
1483
1653
  display: flex;
1484
1654
  align-items: center;
@@ -1486,552 +1656,382 @@
1486
1656
  width: 4em;
1487
1657
  justify-content: center;
1488
1658
  background: red;
1489
- margin: 4px 0px 4px 12px;
1659
+ margin: 4px 0px 4px 2px;
1490
1660
  }
1491
1661
 
1492
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1662
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1493
1663
  text-shadow: none;
1494
1664
  }
1495
-
1496
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1497
- display: flex;
1498
- justify-content: center;
1499
- min-width: 5.3em;
1500
- pointer-events: none;
1501
- user-select: none;
1502
- }
1503
-
1504
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1505
- color: white;
1665
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1666
+ display: none;
1667
+ font-size: 12px;
1506
1668
  }
1507
1669
 
1508
-
1509
- .settings-selection.vjs-control.vjs-button{
1510
- display: flex !important;
1670
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1671
+ height: 1.8em;
1672
+ display: inline-flex;
1673
+ align-items: center;
1674
+ font-family: monospace;
1675
+ justify-content: center;
1676
+ border: 1.5px solid;
1677
+ margin: 4px 0px 4px 2px;
1678
+ white-space: pre;
1679
+ padding: 2px 4px;
1680
+ font-size: 1.2em;
1681
+ font-weight: 500;
1682
+ color: rgba(255, 255, 2555, 0.7);
1511
1683
  }
1512
1684
 
1513
- @media(max-width:576px){
1514
- .settings-selection.vjs-control.vjs-button{
1515
- display: none !important;
1516
- }
1685
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1686
+ content: "NOT LIVE";
1687
+ word-spacing: -4px;
1517
1688
  }
1518
1689
 
1519
1690
 
1520
- @media(max-width:576px){
1691
+ @media(max-width:600px){
1521
1692
  .tvProviderImage{
1522
1693
  display: none
1523
1694
  }
1524
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1695
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1525
1696
  .icon-maximize {
1526
1697
  height: 30px !important;
1527
1698
  }
1528
1699
 
1529
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1700
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1530
1701
  .icon-minimize {
1531
1702
  height: 30px !important;
1532
1703
  }
1533
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1534
- width: 4.5em;
1704
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1705
+ width: 3.5em;
1535
1706
  }
1536
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1707
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1537
1708
  height: min-content;
1538
1709
  }
1539
1710
 
1540
- .video-js.skin_news_live button.vjs-slowmo-button{
1711
+ .video-js.skin_mini button.vjs-slowmo-button{
1541
1712
  display: none;
1542
1713
  }
1543
- .video-js.skin_news_live button.vjs-rewind-button{
1714
+ .video-js.skin_mini button.vjs-rewind-button{
1544
1715
  display: none;
1545
1716
  }
1546
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1717
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1547
1718
  height: 20px;
1548
1719
  }
1549
- .video-js.skin_news_live .vjs-button{
1550
- width: 4.8em;
1720
+ .video-js.skin_mini .vjs-button{
1721
+ width: 3em;
1551
1722
  }
1552
- .video-js.skin_news_live .widget-selection{
1723
+ .video-js.skin_mini .widget-selection{
1553
1724
  display: none;
1554
1725
  }
1555
- .video-js.skin_news_live .container{
1726
+ .video-js.skin_mini .container{
1556
1727
  display: none !important;
1557
1728
  }
1558
- .video-js.skin_news_live .vjs-control-bar{
1729
+ .video-js.skin_mini .vjs-control-bar{
1559
1730
  height: 4em !important;
1560
1731
  }
1561
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1732
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1562
1733
  font-size: 2.5em;
1563
1734
  line-height: 1.5;
1564
1735
  }
1565
- .video-js.skin_news_live .vjs-play-progress:before {
1736
+ .video-js.skin_mini .vjs-play-progress:before {
1566
1737
  font-size: 1.2em;
1567
1738
  position: absolute;
1568
1739
  right: -0.5em;
1569
1740
  z-index: 1;
1570
1741
  }
1571
- .video-js.skin_news_live button.vjs-skip-button>svg{
1742
+ .video-js.skin_mini button.vjs-skip-button>svg{
1572
1743
  height: 20px;
1573
1744
  }
1574
- .video-js.skin_news_live button.vjs-big-play-button {
1575
- width: 50px !important;
1576
- height: 50px !important;
1577
- font-size: 2.1rem !important;
1578
- }
1579
1745
 
1580
1746
  .stream-selector-icon>svg{
1581
1747
  width: 24px;
1582
1748
  height: 24px;
1583
1749
  }
1584
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1585
- margin: 0 12px 0 12px;
1586
- }
1587
- .video-js.skin_news_live .vjs-seek-to-live-text{
1750
+ .video-js.skin_mini .vjs-seek-to-live-text{
1588
1751
  font-size: 12px;
1589
1752
  }
1590
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1591
- margin: 0 12px 0 12px;
1753
+
1754
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1755
+ color: white !important;
1756
+ font-size: 16px !important;
1757
+ background-color: rgba(0,0,0,0.2) !important;
1758
+ }
1592
1759
  }
1760
+
1761
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1762
+ color: white !important;
1763
+ font-size: 16px !important;
1764
+ background-color: rgba(0,0,0,0.2) !important;
1593
1765
  }
1594
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1595
- width: 90px;
1596
- height: 90px;
1597
- display: flex;
1598
- justify-content: center;
1599
- align-items: center;
1600
- border-radius: 50%;
1601
- position: absolute;
1602
- top: 0;
1603
- left: 0;
1604
- right: 0;
1605
- bottom: 0;
1606
- margin: auto;
1607
- font-size: 6em;
1608
- line-height: 1.4em;
1766
+
1767
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1768
+ font-size: 18px !important;
1609
1769
  }
1610
1770
 
1611
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1771
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1772
+ margin-bottom: 1rem !important;
1773
+ }
1774
+
1775
+
1776
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1612
1777
  display: flex;
1613
1778
  justify-content: center;
1614
1779
  align-items: center;
1615
1780
  height: 100%;
1616
1781
  transition: width 0.1s;
1617
1782
  }
1783
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1784
+ margin: 2px;
1785
+ }
1618
1786
 
1619
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1787
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1620
1788
  display: flex;
1621
1789
  justify-content: center;
1622
1790
  align-items: center;
1623
1791
  height: 100%;
1624
1792
  transition: width 0.1s;
1625
1793
  }
1626
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1627
- display: none !important;
1794
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1795
+ display: grid;
1796
+ font-size: 10px;
1797
+ grid-template-columns: 1fr;
1798
+ grid-template-rows: 1fr;
1799
+ padding: 1px 0px 0 0px;
1800
+ margin: 0;
1628
1801
  }
1629
1802
 
1630
- @media (max-width: 576px) {
1631
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1803
+ @media (max-width: 600px) {
1804
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1632
1805
  height: 5px !important;
1633
1806
  }
1634
- .video-js.skin_news_live button.vjs-big-play-button {
1635
- width: 50px !important;
1636
- height: 50px !important;
1637
- font-size: 2.1rem !important;
1638
- }
1639
1807
 
1640
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1808
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1641
1809
  display: none;
1642
1810
  }
1643
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1644
- bottom: 2.4em !important;
1645
- right: -1em;
1646
- z-index: 1;
1811
+
1647
1812
  }
1648
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1649
- display: none !important;
1650
- }
1651
1813
 
1652
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1653
- color: white !important;
1654
- font-size: 13px !important;
1655
- background-color: black !important;
1656
- }
1814
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1815
+ content: none !important;
1816
+ fill: none !important;
1817
+ filter: none !important;
1657
1818
  }
1658
1819
 
1659
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1660
- width: 100% !important;
1820
+ /* svg icons opacity and hover effect */
1821
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1822
+ opacity: 0.7 !important;
1661
1823
  }
1662
1824
 
1663
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1664
- color: white !important;
1665
- font-size: 16px !important;
1666
- background-color: black !important;
1825
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1826
+ opacity: 1 !important;
1667
1827
  }
1668
1828
 
1669
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1670
- margin-bottom: 2rem !important;
1829
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1830
+ color: rgba(255, 255, 2555, 0.7)!important;
1671
1831
  }
1672
1832
 
1673
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1674
- font-size: 18px !important;
1833
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1834
+ color: rgba(255, 255, 2555, 1)!important;
1675
1835
  }
1676
1836
 
1677
1837
 
1678
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1679
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1680
- font-size: 1.2em !important;
1681
- line-height: 1.5em !important;
1682
- padding: 0.2em 0.8em !important;
1838
+
1839
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1840
+ height: 0.7em;
1841
+ position: absolute;
1842
+ top: -0.7em;
1843
+ width: 100%;
1683
1844
  }
1684
1845
 
1685
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1686
- content: none !important;
1687
- fill: none !important;
1688
- filter: none !important;
1846
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1847
+ height: 100%;
1689
1848
  }
1690
1849
 
1691
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1692
- color: rgba(255, 255, 2555, 0.7)!important;
1850
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1851
+ line-height: 2.5;
1693
1852
  }
1694
1853
 
1695
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1696
- color: rgba(255, 255, 2555, 1)!important;
1854
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1855
+ height: 19px;
1856
+ width: 19px;
1857
+ cursor: pointer;
1858
+ }
1859
+ .video-js.skin_vlone .vjs-control {
1860
+ user-select: none;
1861
+ }
1862
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1863
+ user-select: none;
1697
1864
  }
1698
1865
 
1866
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1867
+ height: 19px;
1868
+ width: 19px;
1869
+ cursor: pointer;
1870
+ }
1699
1871
 
1872
+ .video-js.skin_vlone .vjs-play-progress:before {
1873
+ display: none !important;
1874
+ }
1700
1875
 
1876
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1877
+ margin: 0 !important;
1701
1878
 
1702
-
1703
- .video-js.skin_cn_news .vjs-control-bar {
1704
- z-index: 1 !important;
1705
- height: auto !important;
1706
- padding: 0.8em 30px 0.6em;
1707
- background: transparent !important;
1708
- display: flex;
1709
- flex-wrap: wrap;
1710
- align-items: center;
1711
- column-gap: 10px;
1712
- }
1879
+ }
1713
1880
 
1714
1881
 
1715
- .video-js.skin_cn_news .vjs-control-bar::before {
1716
- content: '';
1717
- position: absolute;
1718
- left: 0;
1719
- right: 0;
1720
- bottom: 0;
1721
- top: -3em;
1722
- background: linear-gradient(
1723
- to top,
1724
- rgba(0, 0, 0, 0.85) 0%,
1725
- rgba(0, 0, 0, 0.7) 40%,
1726
- rgba(0, 0, 0, 0.55) 70%,
1727
- rgba(0, 0, 0, 0.38) 86%,
1728
- transparent 100%
1729
- );
1730
- pointer-events: none;
1731
- z-index: -1;
1882
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1883
+ display: block;
1884
+ flex: 1 1 auto;
1732
1885
  }
1733
1886
 
1734
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1735
- order: -1;
1736
- flex: 0 0 100%;
1737
- width: 80%;
1738
- margin: 0 0 5em;
1739
- position: relative;
1887
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1888
+ z-index: 1;
1740
1889
  }
1741
1890
 
1742
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1743
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1744
- width: auto;
1745
- min-width: 0;
1746
- }
1747
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1748
- display: inline-flex;
1749
- align-items: center;
1750
- justify-content: center;
1751
- height: 7em;
1752
- padding: 0 10px;
1753
- color: #fff;
1754
- }
1755
1891
 
1756
- .video-js.skin_cn_news .vjs-svg-icon::before {
1757
- content: none !important;
1892
+ .video-js.skin_vlone .vjs-control-bar {
1893
+ height: 40px;
1758
1894
  }
1759
1895
 
1760
-
1761
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1762
- display: inline-flex;
1763
- align-items: center;
1764
- justify-content: center;
1896
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1897
+ .vjs-button>.vjs-icon-placeholder:before {
1898
+ position: relative !important;
1765
1899
  }
1766
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1767
- .video-js.skin_cn_news .vjs-rewind-button svg {
1768
- width: 24px;
1769
- height: 24px;
1770
- display: block;
1900
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1901
+ display: flex;
1902
+ left: 0px;
1903
+ top: -1px;
1771
1904
  }
1772
1905
 
1773
-
1774
-
1775
- .video-js.skin_cn_news .vjs-subs-caps-button {
1776
- opacity: 1;
1906
+ .vjs-button>.vjs-icon-placeholder:before {
1907
+ font-size: 2em !important;
1777
1908
  }
1778
1909
 
1779
-
1780
-
1781
- .video-js.skin_cn_news .vjs-volume-panel {
1782
- margin: 0;
1783
- display: inline-flex;
1784
- align-items: center;
1785
- align-self: center;
1786
- height: 2.2em;
1787
- min-width: 7em;
1788
- transition: none;
1789
- }
1790
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1791
- width: 0;
1792
- height: 100%;
1793
- display: flex;
1794
- align-items: center;
1795
- overflow: hidden;
1796
- opacity: 0;
1797
- transition: width 0.15s ease, opacity 0.15s ease;
1798
- }
1799
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1800
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1801
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1802
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1803
- width: 5em;
1804
- opacity: 1;
1910
+ .video-js.skin_vlone .vjs-control {
1911
+ width: 4.3em;
1805
1912
  }
1806
1913
 
1807
- .video-js.skin_cn_news .vjs-volume-bar {
1808
- width: 4em;
1809
- height: 0.3em;
1810
- margin: 0 0.45em;
1914
+ .vjs-menu-button-popup .vjs-menu {
1915
+ bottom: 10px !important;
1811
1916
  }
1812
1917
 
1813
1918
 
1814
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1815
- display: none !important;
1816
- }
1817
-
1818
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1819
- width: 0 !important;
1919
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1920
+ height: 1.3em;
1921
+ position: absolute;
1922
+ top: -1.3em;
1923
+ transition: height 0.3s, top 0.3s;
1820
1924
  }
1821
1925
 
1822
1926
 
1823
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1824
- display: block !important;
1825
- flex: 1 1 auto;
1927
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1928
+ display: none !important;
1826
1929
  }
1827
1930
 
1828
-
1829
- .video-js.skin_cn_news .vjs-big-play-button {
1830
- display: none;
1831
- }
1832
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1833
- position: relative !important;
1834
- display: flex;
1835
- left: 0;
1836
- top: -1px;
1931
+ .video-js.skin_vlone .vjs-time-control {
1932
+ display: block;
1837
1933
  }
1838
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1839
- display: flex;
1840
- justify-content: center;
1841
- align-items: center;
1842
- position: absolute;
1843
- top: 0;
1844
- left: 0;
1845
- right: 0;
1846
- bottom: 0;
1847
- margin: auto;
1848
- width: 80px;
1849
- height: 80px;
1850
- border: none;
1851
- border-radius: 50%;
1852
- background: rgba(0, 0, 0, 0.55);
1853
- font-size: 5em;
1854
- line-height: 1.3em;
1855
- transform: none !important;
1934
+ .video-js.skin_vlone .vjs-remaining-time {
1935
+ display: none;
1856
1936
  }
1857
1937
 
1858
-
1859
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1860
- height: 4px !important;
1861
- margin: 0;
1862
- border-radius: 20px;
1863
- background-color: #393944;
1938
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1939
+ line-height: 3.5em;
1940
+ font-size: 1.1em;
1941
+ min-width: 4em;
1864
1942
  }
1865
1943
 
1866
- .video-js.skin_cn_news .vjs-play-progress {
1867
- background-color: #ffffff;
1868
- border-radius: 20px;
1944
+ .video-js.skin_vlone .vjs-time-divider > div{
1945
+ display: flex;
1946
+ justify-content: center;
1869
1947
  }
1870
1948
 
1871
- .video-js.skin_cn_news .vjs-load-progress,
1872
- .video-js.skin_cn_news .vjs-load-progress div {
1873
- background: rgba(255, 255, 255, 0.15);
1874
- border-radius: 20px;
1949
+ .video-js.skin_vlone .vjs-live-control{
1950
+ align-items: center;
1875
1951
  }
1876
-
1877
-
1878
- .video-js.skin_cn_news .vjs-play-progress:before {
1879
- content: '';
1880
- width: 16px;
1881
- height: 16px;
1882
- border-radius: 50%;
1883
- background: #ffffff;
1884
- border: 2px solid rgba(0, 0, 0, 0.6);
1885
- box-sizing: border-box;
1886
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1887
- top: -6px;
1888
- right: -8px;
1889
- position: absolute;
1952
+ .video-js.skin_vlone .vjs-live-display{
1953
+ height: 2.2em;
1954
+ display: flex;
1955
+ align-items: center;
1956
+ font-family: monospace;
1957
+ width: 4em;
1958
+ justify-content: center;
1959
+ background: red;
1960
+ margin: 4px 0px 4px 12px;
1890
1961
  }
1891
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1892
- display: none !important;
1962
+ .video-js.skin_vlone .vjs-live-display:hover{
1963
+ cursor: pointer;
1893
1964
  }
1894
1965
 
1895
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1896
- background: #ffffff;
1897
- color: #0a0e17;
1898
- font-weight: 700;
1899
- border-radius: 3px;
1966
+ .video-js.skin_vlone .vjs-time-control {
1967
+ line-height: 3.5em !important;
1968
+ font-size: 1.1em !important;
1969
+ width: min-content !important;
1970
+ min-width: 1.5em;
1971
+ padding: 0 !important;
1972
+ user-select: none;
1900
1973
  }
1901
1974
 
1902
- .video-js.skin_cn_news .vjs-live-control {
1903
- display: none !important;
1904
- }
1905
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1906
- display: inline-flex;
1907
- align-items: center;
1908
- align-self: center;
1909
- height: 2.2em;
1910
- gap: 5px;
1911
- width: auto;
1912
- padding: 0 10px;
1913
- border: 1px solid rgba(255, 255, 255, 0.45);
1914
- border-radius: 4px;
1915
- cursor: pointer;
1975
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1976
+ margin-left: 16px !important;
1916
1977
  }
1917
1978
 
1918
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1919
- display: none;
1920
- }
1921
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1922
- display: inline-flex;
1923
- align-items: center;
1924
- }
1925
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1926
- content: '';
1927
- display: inline-block;
1928
- width: 8px;
1929
- height: 8px;
1930
- border-radius: 50%;
1931
- background: #ff2d2d; /* red live dot */
1932
- }
1933
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1934
- color: #ffffff;
1935
- font-weight: 700;
1936
- font-size: 12px;
1937
- letter-spacing: 0.03em;
1979
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1980
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1981
+ font-size: 1.2em !important;
1982
+ line-height: 1.5em !important;
1983
+ padding: 0.2em 0.8em !important;
1938
1984
  }
1939
1985
 
1940
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1941
- border-color: transparent;
1942
- }
1943
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1944
- color: #ff2d2d;
1945
- }
1946
1986
 
1947
- /* ---- time controls ---- */
1948
- .video-js.skin_cn_news .vjs-current-time,
1949
- .video-js.skin_cn_news .vjs-duration,
1950
- .video-js.skin_cn_news .vjs-time-divider {
1951
- display: none !important;
1987
+ /* Big play */
1988
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1989
+ width: 80px;
1990
+ height: 80px;
1991
+ display: flex;
1992
+ justify-content: center;
1993
+ align-items: center;
1994
+ border: none;
1995
+ position: absolute;
1996
+ top: 0;
1997
+ left: 0;
1998
+ right: 0;
1999
+ bottom: 0;
2000
+ margin: auto;
2001
+ font-size: 5em;
2002
+ line-height: 1.3em;
2003
+ transform: none !important;
2004
+ border-radius: 1.3em;
1952
2005
  }
1953
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1954
- display: none;
1955
- align-items: center;
1956
- justify-content: center;
1957
- font-size: 11px;
1958
- font-weight: 700;
1959
- color: #fff;
1960
- padding: 0 6px;
1961
- user-select: none;
2006
+ .video-js.skin_vlone .ssai-ad-container{
2007
+ position: absolute;
2008
+ bottom: 4px;
1962
2009
  }
2010
+
2011
+ @media(max-width:600px){
2012
+ .video-js.skin_vlone button.vjs-big-play-button {
2013
+ width: 50px !important;
2014
+ height: 50px !important;
2015
+ font-size: 2.1rem !important;
2016
+ }
1963
2017
 
1964
-
1965
- .video-js.skin_cn_news .vjs-chapter-marker {
1966
- z-index: 2;
1967
- width: var(--vl-chapter-size, 8px);
1968
- height: var(--vl-chapter-size, 8px);
1969
- top: 50%;
1970
- bottom: auto;
1971
- background: var(--vl-chapter-color, #ffffff);
1972
- opacity: var(--vl-chapter-opacity, 1);
1973
- border-radius: 50%;
1974
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1975
- transform: translate(-50%, -50%) scale(1);
1976
- transition: background-color 0.12s ease;
1977
- }
1978
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1979
- background: var(--vl-chapter-hover, #0a5cff);
2018
+ .video-js.skin_vlone .ssai-ad-container {
2019
+ position: absolute;
2020
+ bottom: 2px;
1980
2021
  }
1981
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1982
- background: var(--vl-chapter-active, #0a5cff);
2022
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
2023
+ display: none;
1983
2024
  }
1984
2025
 
1985
-
1986
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1987
- width: 16px;
1988
- height: 16px;
1989
- bottom: 160%;
1990
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
2026
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
2027
+ /* display: none; */
1991
2028
  }
1992
2029
 
1993
-
1994
- .video-js.skin_cn_news .vjs-chapter-preview {
1995
- background: var(--vl-chapter-tooltip, #0a5cff);
1996
- border-radius: 6px;
1997
- padding: 8px 10px;
1998
- width: max-content;
1999
- max-width: 300px;
2000
- text-align: left;
2001
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
2002
- }
2003
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
2004
- color: #ffffff;
2005
- font-size: 13px;
2006
- font-weight: 400;
2007
- margin-bottom: 2px;
2008
- }
2009
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
2010
- color: #ffffff;
2011
- font-size: 13px;
2012
- font-weight: 400;
2013
- line-height: 1.3;
2014
- white-space: normal;
2015
- text-align: left;
2030
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
2031
+ /* display: none; */
2016
2032
  }
2017
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2018
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2019
2033
  }
2020
-
2021
- /* ---- responsive ---- */
2022
- @media (max-width: 576px) {
2023
- .video-js.skin_cn_news .vjs-control-bar {
2024
- height: 3.2em !important;
2025
- padding: 0 8px;
2026
- }
2027
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2028
- padding: 0 6px;
2029
- }
2030
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2031
- display: none !important;
2032
- }
2033
- }
2034
-
2034
+
2035
2035
  /* CSS for videojs-dvr-seekbar */
2036
2036
 
2037
2037
  .video-js.vjs-dvr-seekbar {