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