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