@viewlift/player-backup 2.0.204-backup → 2.0.205-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 +395 -395
- package/cjs/{index-c30e866b.js → index-b6562875.js} +1 -1
- package/cjs/index.js +1 -1
- package/cjs/{skin-7444cf90.js → skin-66ad7063.js} +1 -1
- package/esm/bundle.css +395 -395
- package/esm/{index-69dba67d.js → index-407a07f9.js} +1 -1
- package/esm/index.js +1 -1
- package/esm/{skin-76caf837.js → skin-abb5c2ce.js} +1 -1
- package/package.json +1 -1
package/cjs/bundle.css
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
4
|
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
8
5
|
height: 0.7em;
|
|
9
6
|
position: absolute;
|
|
@@ -240,26 +237,34 @@
|
|
|
240
237
|
font-weight: bold
|
|
241
238
|
}
|
|
242
239
|
|
|
243
|
-
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
|
|
243
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
244
244
|
font-size: 2.2em;
|
|
245
245
|
line-height: 2.6;
|
|
246
246
|
}
|
|
247
|
-
.video-js.
|
|
248
|
-
|
|
247
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
248
|
+
background: white;
|
|
249
249
|
}
|
|
250
|
-
.video-js.
|
|
250
|
+
.video-js.skin_news .vjs-control-bar{
|
|
251
251
|
z-index: 1 !important;
|
|
252
|
-
height:
|
|
252
|
+
height: 5em !important;
|
|
253
253
|
background: black !important;
|
|
254
254
|
}
|
|
255
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
256
|
+
display: flex;
|
|
257
|
+
align-items: center;
|
|
258
|
+
justify-content: center;
|
|
259
|
+
}
|
|
255
260
|
|
|
256
|
-
.video-js.
|
|
261
|
+
.video-js.skin_news .vjs-fade>* {
|
|
257
262
|
visibility: hidden !important;
|
|
258
263
|
opacity: 0 !important;
|
|
259
264
|
transition: visibility 1s, opacity 1s !important;
|
|
260
265
|
}
|
|
261
266
|
|
|
262
|
-
.video-js.
|
|
267
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
263
268
|
position: absolute;
|
|
264
269
|
width: 100%;
|
|
265
270
|
display: flex;
|
|
@@ -267,7 +272,7 @@
|
|
|
267
272
|
top: -0.5em;
|
|
268
273
|
}
|
|
269
274
|
|
|
270
|
-
.video-js.
|
|
275
|
+
.video-js.skin_news .vjs-progress-control {
|
|
271
276
|
/* left: -6px; */
|
|
272
277
|
position: relative;
|
|
273
278
|
width: 100%;
|
|
@@ -278,19 +283,19 @@
|
|
|
278
283
|
|
|
279
284
|
|
|
280
285
|
|
|
281
|
-
.video-js.
|
|
286
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
282
287
|
display: block;
|
|
283
288
|
flex: 1 1 auto;
|
|
284
289
|
}
|
|
285
290
|
|
|
286
|
-
.video-js.
|
|
291
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
287
292
|
margin: 0 0px 0 0px;
|
|
288
293
|
}
|
|
289
|
-
.video-js.
|
|
294
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
290
295
|
display: none;
|
|
291
296
|
}
|
|
292
297
|
|
|
293
|
-
.video-js.
|
|
298
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
294
299
|
font-size: 14px;
|
|
295
300
|
font-weight: 500;
|
|
296
301
|
align-self: center;
|
|
@@ -299,158 +304,143 @@
|
|
|
299
304
|
border-radius: 8px;
|
|
300
305
|
}
|
|
301
306
|
|
|
302
|
-
.video-js.
|
|
303
|
-
height:
|
|
307
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
308
|
+
height: 6px !important;
|
|
304
309
|
}
|
|
305
310
|
|
|
306
|
-
.video-js.
|
|
307
|
-
font-size: 1.
|
|
311
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
312
|
+
font-size: 1.5em;
|
|
308
313
|
line-height: unset;
|
|
309
314
|
top: -0.3333333333em;
|
|
310
315
|
}
|
|
311
316
|
|
|
312
|
-
.video-js.
|
|
317
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
313
318
|
display: none !important;
|
|
314
319
|
}
|
|
315
320
|
|
|
316
321
|
/* */
|
|
317
|
-
.video-js.
|
|
322
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
318
323
|
font-size: 1.6666666667em;
|
|
319
324
|
}
|
|
320
325
|
|
|
321
|
-
.video-js.
|
|
326
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
322
327
|
font-size: 1em !important;
|
|
323
328
|
}
|
|
324
329
|
|
|
325
|
-
.video-js.
|
|
326
|
-
width: 3em;
|
|
330
|
+
.video-js.skin_news .vjs-button{
|
|
331
|
+
width: 5.3em;
|
|
327
332
|
display: flex;
|
|
328
333
|
align-items: center;
|
|
329
334
|
justify-content: center;
|
|
330
335
|
}
|
|
331
336
|
|
|
332
337
|
|
|
333
|
-
.video-js.
|
|
338
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
334
339
|
.icon-maximize {
|
|
335
340
|
display: block;
|
|
336
341
|
height: 32px;
|
|
337
342
|
}
|
|
338
343
|
|
|
339
|
-
.video-js.
|
|
344
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
340
345
|
line-height: 4;
|
|
341
346
|
}
|
|
342
347
|
|
|
343
|
-
.video-js.
|
|
348
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
344
349
|
.icon-minimize {
|
|
345
350
|
display: none;
|
|
346
351
|
height: 32px;
|
|
347
352
|
}
|
|
348
353
|
|
|
349
|
-
.video-js.
|
|
354
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
350
355
|
outline: none !important;
|
|
351
356
|
}
|
|
352
|
-
.video-js.
|
|
357
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
353
358
|
.vjs-icon-fullscreen-enter:before {
|
|
354
359
|
/* content: '' !important; */
|
|
355
360
|
}
|
|
356
361
|
|
|
357
|
-
.video-js.
|
|
362
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
358
363
|
display: flex;
|
|
359
364
|
justify-content: center;
|
|
360
365
|
align-items: center;
|
|
361
366
|
/* transform: rotate(90deg); */
|
|
362
367
|
}
|
|
363
368
|
|
|
364
|
-
.video-js.
|
|
369
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
365
370
|
display: none;
|
|
366
371
|
}
|
|
367
|
-
.video-js.
|
|
372
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
368
373
|
margin-left: -10px;
|
|
369
|
-
display: none;
|
|
370
374
|
}
|
|
371
375
|
|
|
372
|
-
.video-js.
|
|
373
|
-
position: absolute;
|
|
374
|
-
top: 50%;
|
|
375
|
-
left: 50%;
|
|
376
|
-
transform: translate(-50%, -50%);
|
|
377
|
-
opacity: .85;
|
|
378
|
-
text-align: left;
|
|
379
|
-
border: .2em solid rgba(43, 51, 63, .7);
|
|
380
|
-
box-sizing: border-box;
|
|
381
|
-
background-clip: padding-box;
|
|
382
|
-
width: 3em;
|
|
383
|
-
height: 3em;
|
|
384
|
-
border-radius: 50%;
|
|
385
|
-
visibility: hidden;
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
.video-js.skin_mini .skipbtn:hover{
|
|
376
|
+
.video-js.skin_news .skipbtn:hover{
|
|
389
377
|
cursor: pointer;
|
|
390
378
|
}
|
|
391
379
|
|
|
392
|
-
.video-js.
|
|
380
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
393
381
|
cursor: pointer;
|
|
394
382
|
}
|
|
395
383
|
|
|
396
|
-
.video-js.
|
|
384
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
397
385
|
position: relative;
|
|
398
386
|
padding-left: 0;
|
|
399
387
|
}
|
|
400
388
|
|
|
401
|
-
.video-js.
|
|
402
|
-
|
|
403
|
-
height: 40px;
|
|
404
|
-
display: flex;
|
|
405
|
-
justify-content: center;
|
|
406
|
-
align-items: center;
|
|
407
|
-
border: none;
|
|
408
|
-
position: absolute;
|
|
409
|
-
top: 0;
|
|
410
|
-
left: 0;
|
|
411
|
-
right: 0;
|
|
412
|
-
bottom: 0;
|
|
413
|
-
margin: auto;
|
|
414
|
-
font-size: 3em;
|
|
415
|
-
line-height: 1.3em;
|
|
416
|
-
transform: none !important;
|
|
417
|
-
border-radius: 1.3em;
|
|
389
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
390
|
+
display: none !important;
|
|
418
391
|
}
|
|
419
392
|
|
|
420
|
-
.video-js.
|
|
393
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
394
|
+
width: 90px;
|
|
395
|
+
height: 90px;
|
|
396
|
+
display: flex;
|
|
397
|
+
justify-content: center;
|
|
398
|
+
align-items: center;
|
|
399
|
+
border-radius: 50%;
|
|
400
|
+
position: absolute;
|
|
401
|
+
top: 0;
|
|
402
|
+
left: 0;
|
|
403
|
+
right: 0;
|
|
404
|
+
bottom: 0;
|
|
405
|
+
margin: auto;
|
|
406
|
+
font-size: 6em;
|
|
407
|
+
line-height: 1.4em;
|
|
408
|
+
border: 0.05em solid;
|
|
409
|
+
color: inherit;
|
|
410
|
+
}
|
|
411
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
421
412
|
font-weight: bold;
|
|
422
413
|
}
|
|
423
414
|
|
|
424
|
-
.video-js.
|
|
425
|
-
bottom:
|
|
426
|
-
right: 1em;
|
|
415
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
416
|
+
bottom: 2.4em !important;
|
|
417
|
+
right: -1em;
|
|
427
418
|
z-index: 1;
|
|
428
|
-
font-size: 10px;
|
|
429
419
|
}
|
|
430
420
|
|
|
431
|
-
.video-js.
|
|
421
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
432
422
|
width: 24px !important;
|
|
433
423
|
height: 24px !important;
|
|
434
424
|
}
|
|
435
|
-
.
|
|
425
|
+
.settings-selector-icon>svg{
|
|
436
426
|
height: 19px !important;
|
|
437
427
|
width: 19px !important;
|
|
438
428
|
}
|
|
439
429
|
|
|
440
430
|
|
|
441
|
-
.video-js.
|
|
431
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
442
432
|
cursor: pointer;
|
|
443
433
|
}
|
|
444
434
|
|
|
445
|
-
.video-js.
|
|
435
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
446
436
|
padding-right: 0;
|
|
447
437
|
}
|
|
448
438
|
|
|
449
|
-
.video-js.
|
|
439
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
450
440
|
padding-left: 0;
|
|
451
441
|
}
|
|
452
442
|
|
|
453
|
-
.video-js.
|
|
443
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
454
444
|
padding-left: 0;
|
|
455
445
|
padding-right: 0;
|
|
456
446
|
display: flex;
|
|
@@ -458,48 +448,46 @@
|
|
|
458
448
|
width: min-content;
|
|
459
449
|
}
|
|
460
450
|
|
|
461
|
-
.video-js.
|
|
451
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
462
452
|
display: none
|
|
463
453
|
}
|
|
464
|
-
.video-js.
|
|
454
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
465
455
|
display: none
|
|
466
456
|
}
|
|
467
457
|
|
|
468
|
-
.video-js.
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
padding-left: 0;
|
|
458
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
459
|
+
display: flex;
|
|
460
|
+
align-items: center;
|
|
461
|
+
font-weight: 700;
|
|
462
|
+
font-size: 12px;
|
|
463
|
+
min-width: 1.2em;
|
|
475
464
|
}
|
|
476
465
|
|
|
477
|
-
.video-js.
|
|
466
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
478
467
|
display: none;
|
|
479
468
|
font-size: 11px;
|
|
480
469
|
justify-content: center;
|
|
481
470
|
align-items: center;
|
|
482
471
|
user-select: none;
|
|
483
472
|
}
|
|
484
|
-
.video-js.
|
|
473
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
485
474
|
display: none;
|
|
486
475
|
}
|
|
487
476
|
|
|
488
|
-
.video-js.
|
|
477
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
489
478
|
height: min-content;
|
|
490
479
|
width: min-content;
|
|
491
480
|
}
|
|
492
|
-
.video-js.
|
|
493
|
-
width:
|
|
494
|
-
margin-right: 4px;
|
|
481
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
482
|
+
width: 6em;
|
|
495
483
|
}
|
|
496
484
|
|
|
497
|
-
.video-js.
|
|
485
|
+
.video-js.skin_news .content{
|
|
498
486
|
bottom: 3.4rem !important;
|
|
499
487
|
right: -4rem !important;
|
|
500
488
|
}
|
|
501
489
|
|
|
502
|
-
.
|
|
490
|
+
.setting-icon > svg{
|
|
503
491
|
height:18px !important;
|
|
504
492
|
}
|
|
505
493
|
|
|
@@ -518,11 +506,10 @@ iframe{
|
|
|
518
506
|
height: 100%;
|
|
519
507
|
}
|
|
520
508
|
|
|
521
|
-
.video-js.
|
|
509
|
+
.video-js.skin_news .vjs-live-control{
|
|
522
510
|
align-items: center;
|
|
523
|
-
max-width: 5em;
|
|
524
511
|
}
|
|
525
|
-
.video-js.
|
|
512
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
526
513
|
height: 2.2em;
|
|
527
514
|
display: flex;
|
|
528
515
|
align-items: center;
|
|
@@ -530,185 +517,257 @@ iframe{
|
|
|
530
517
|
width: 4em;
|
|
531
518
|
justify-content: center;
|
|
532
519
|
background: red;
|
|
533
|
-
margin: 4px 0px 4px
|
|
520
|
+
margin: 4px 0px 4px 12px;
|
|
534
521
|
}
|
|
535
522
|
|
|
536
|
-
.video-js.
|
|
523
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
537
524
|
text-shadow: none;
|
|
538
525
|
}
|
|
539
|
-
.video-js.
|
|
526
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
540
527
|
display: none;
|
|
541
528
|
font-size: 12px;
|
|
542
529
|
}
|
|
543
530
|
|
|
544
|
-
.video-js.
|
|
545
|
-
height:
|
|
531
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
532
|
+
height: 2.2em;
|
|
546
533
|
display: inline-flex;
|
|
547
534
|
align-items: center;
|
|
548
|
-
font-family: monospace;
|
|
535
|
+
/* font-family: monospace; */
|
|
549
536
|
justify-content: center;
|
|
550
|
-
border:
|
|
551
|
-
margin: 4px 0px 4px
|
|
537
|
+
border: 2px solid;
|
|
538
|
+
margin: 4px 0px 4px 6px;
|
|
552
539
|
white-space: pre;
|
|
553
|
-
padding:
|
|
540
|
+
padding: 0px 6px;
|
|
554
541
|
font-size: 1.2em;
|
|
555
542
|
font-weight: 500;
|
|
556
543
|
color: rgba(255, 255, 2555, 0.7);
|
|
544
|
+
|
|
545
|
+
letter-spacing: -.1px;
|
|
546
|
+
line-height: normal;
|
|
547
|
+
text-transform: uppercase;
|
|
548
|
+
color: #FFFFFF;
|
|
549
|
+
opacity: .7;
|
|
550
|
+
font-family: "Proxima Nova";
|
|
557
551
|
}
|
|
558
552
|
|
|
559
|
-
.video-js.
|
|
553
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
554
|
+
opacity: 1;
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
560
558
|
content: "NOT LIVE";
|
|
561
|
-
word-spacing: -4px;
|
|
562
559
|
}
|
|
563
560
|
|
|
561
|
+
.settings-selection.vjs-control.vjs-button{
|
|
562
|
+
display: flex !important;
|
|
563
|
+
}
|
|
564
564
|
|
|
565
|
-
@media(max-width:
|
|
565
|
+
@media(max-width:576px){
|
|
566
|
+
.settings-selection.vjs-control.vjs-button{
|
|
567
|
+
display: none !important;
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
|
|
572
|
+
@media(max-width:576px){
|
|
566
573
|
.tvProviderImage{
|
|
567
574
|
display: none
|
|
568
575
|
}
|
|
569
|
-
.video-js.
|
|
576
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
570
577
|
.icon-maximize {
|
|
571
578
|
height: 30px !important;
|
|
572
579
|
}
|
|
573
580
|
|
|
574
|
-
.video-js.
|
|
581
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
575
582
|
.icon-minimize {
|
|
576
583
|
height: 30px !important;
|
|
577
584
|
}
|
|
578
|
-
.video-js.
|
|
579
|
-
width:
|
|
585
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
586
|
+
width: 4.5em;
|
|
580
587
|
}
|
|
581
|
-
.video-js.
|
|
588
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
582
589
|
height: min-content;
|
|
583
590
|
}
|
|
584
591
|
|
|
585
|
-
.video-js.
|
|
592
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
586
593
|
display: none;
|
|
587
594
|
}
|
|
588
|
-
.video-js.
|
|
595
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
589
596
|
display: none;
|
|
590
597
|
}
|
|
591
|
-
.video-js.
|
|
598
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
592
599
|
height: 20px;
|
|
593
600
|
}
|
|
594
|
-
.video-js.
|
|
595
|
-
width:
|
|
601
|
+
.video-js.skin_news .vjs-button{
|
|
602
|
+
width: 4.8em;
|
|
596
603
|
}
|
|
597
|
-
.video-js.
|
|
604
|
+
.video-js.skin_news .widget-selection{
|
|
598
605
|
display: none;
|
|
599
606
|
}
|
|
600
|
-
.video-js.
|
|
607
|
+
.video-js.skin_news .container{
|
|
601
608
|
display: none !important;
|
|
602
609
|
}
|
|
603
|
-
.video-js.
|
|
610
|
+
.video-js.skin_news .vjs-control-bar{
|
|
604
611
|
height: 4em !important;
|
|
605
612
|
}
|
|
606
|
-
.video-js.
|
|
613
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
607
614
|
font-size: 2.5em;
|
|
608
615
|
line-height: 1.5;
|
|
609
616
|
}
|
|
610
|
-
.video-js.
|
|
617
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
611
618
|
font-size: 1.2em;
|
|
612
619
|
position: absolute;
|
|
613
620
|
right: -0.5em;
|
|
614
621
|
z-index: 1;
|
|
615
622
|
}
|
|
616
|
-
.video-js.
|
|
623
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
617
624
|
height: 20px;
|
|
618
625
|
}
|
|
626
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
627
|
+
width: 50px !important;
|
|
628
|
+
height: 50px !important;
|
|
629
|
+
font-size: 2.1rem !important;
|
|
630
|
+
}
|
|
619
631
|
|
|
620
632
|
.stream-selector-icon>svg{
|
|
621
633
|
width: 24px;
|
|
622
634
|
height: 24px;
|
|
623
635
|
}
|
|
624
|
-
.video-js.
|
|
625
|
-
|
|
626
|
-
}
|
|
627
|
-
|
|
628
|
-
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
629
|
-
color: white !important;
|
|
630
|
-
font-size: 16px !important;
|
|
631
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
632
|
-
}
|
|
636
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
637
|
+
margin: 0 12px 0 12px;
|
|
633
638
|
}
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
color: white !important;
|
|
637
|
-
font-size: 16px !important;
|
|
638
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
639
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
640
|
+
font-size: 12px;
|
|
639
641
|
}
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
font-size: 18px !important;
|
|
642
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
643
|
+
margin: 0 12px 0 12px;
|
|
643
644
|
}
|
|
644
|
-
|
|
645
|
-
.video-js.
|
|
646
|
-
|
|
645
|
+
}
|
|
646
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
647
|
+
width: 90px;
|
|
648
|
+
height: 90px;
|
|
649
|
+
display: flex;
|
|
650
|
+
justify-content: center;
|
|
651
|
+
align-items: center;
|
|
652
|
+
border-radius: 50%;
|
|
653
|
+
position: absolute;
|
|
654
|
+
top: 0;
|
|
655
|
+
left: 0;
|
|
656
|
+
right: 0;
|
|
657
|
+
bottom: 0;
|
|
658
|
+
margin: auto;
|
|
659
|
+
font-size: 6em;
|
|
660
|
+
line-height: 1.4em;
|
|
647
661
|
}
|
|
648
662
|
|
|
649
|
-
|
|
650
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
663
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
651
664
|
display: flex;
|
|
652
665
|
justify-content: center;
|
|
653
666
|
align-items: center;
|
|
654
667
|
height: 100%;
|
|
655
668
|
transition: width 0.1s;
|
|
656
669
|
}
|
|
657
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
658
|
-
margin: 2px;
|
|
659
|
-
}
|
|
660
670
|
|
|
661
|
-
.video-js.
|
|
671
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
662
672
|
display: flex;
|
|
663
673
|
justify-content: center;
|
|
664
674
|
align-items: center;
|
|
665
675
|
height: 100%;
|
|
666
676
|
transition: width 0.1s;
|
|
667
677
|
}
|
|
668
|
-
.video-js.
|
|
669
|
-
display:
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
margin: 0;
|
|
678
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
679
|
+
display: none !important;
|
|
680
|
+
}
|
|
681
|
+
.video-js.skin_news .ssai-ad-container{
|
|
682
|
+
position: absolute;
|
|
683
|
+
bottom: 14px;
|
|
675
684
|
}
|
|
676
685
|
|
|
677
|
-
@media (max-width:
|
|
678
|
-
.video-js.
|
|
686
|
+
@media (max-width: 576px) {
|
|
687
|
+
.video-js.skin_news .ssai-ad-container{
|
|
688
|
+
bottom: 2px;
|
|
689
|
+
}
|
|
690
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
679
691
|
height: 5px !important;
|
|
680
692
|
}
|
|
693
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
694
|
+
width: 50px !important;
|
|
695
|
+
height: 50px !important;
|
|
696
|
+
font-size: 2.1rem !important;
|
|
697
|
+
}
|
|
681
698
|
|
|
682
|
-
.
|
|
699
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
683
700
|
display: none;
|
|
684
701
|
}
|
|
702
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
703
|
+
bottom: 2.4em !important;
|
|
704
|
+
right: -1em;
|
|
705
|
+
z-index: 1;
|
|
706
|
+
}
|
|
707
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
708
|
+
display: none !important;
|
|
709
|
+
}
|
|
710
|
+
|
|
711
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
712
|
+
color: white !important;
|
|
713
|
+
font-size: 13px !important;
|
|
714
|
+
background-color: black !important;
|
|
715
|
+
}
|
|
716
|
+
}
|
|
685
717
|
|
|
718
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
719
|
+
color: white !important;
|
|
720
|
+
font-size: 16px !important;
|
|
721
|
+
background-color: black !important;
|
|
686
722
|
}
|
|
687
723
|
|
|
688
|
-
.video-js.
|
|
724
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
725
|
+
margin-bottom: 2rem !important;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
729
|
+
font-size: 18px !important;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
|
|
733
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
734
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
735
|
+
font-size: 1.2em !important;
|
|
736
|
+
line-height: 1.5em !important;
|
|
737
|
+
padding: 0.2em 0.8em !important;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
689
741
|
content: none !important;
|
|
690
742
|
fill: none !important;
|
|
691
743
|
filter: none !important;
|
|
692
744
|
}
|
|
693
745
|
|
|
694
746
|
/* svg icons opacity and hover effect */
|
|
695
|
-
.video-js.
|
|
747
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
696
748
|
opacity: 0.7 !important;
|
|
697
749
|
}
|
|
698
750
|
|
|
699
|
-
.video-js.
|
|
751
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
752
|
+
opacity: 1 !important;
|
|
753
|
+
}
|
|
754
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
755
|
+
opacity: 0.7 !important;
|
|
756
|
+
}
|
|
757
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
700
758
|
opacity: 1 !important;
|
|
701
759
|
}
|
|
702
760
|
|
|
703
|
-
.video-js.
|
|
761
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
704
762
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
705
763
|
}
|
|
706
764
|
|
|
707
|
-
.video-js.
|
|
765
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
708
766
|
color: rgba(255, 255, 2555, 1)!important;
|
|
709
767
|
}
|
|
710
768
|
|
|
711
769
|
|
|
770
|
+
|
|
712
771
|
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
713
772
|
font-size: 2.2em;
|
|
714
773
|
line-height: 2.6;
|
|
@@ -1211,31 +1270,26 @@ iframe{
|
|
|
1211
1270
|
|
|
1212
1271
|
|
|
1213
1272
|
|
|
1214
|
-
.video-js.
|
|
1273
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
1215
1274
|
font-size: 2.2em;
|
|
1216
1275
|
line-height: 2.6;
|
|
1217
1276
|
}
|
|
1218
|
-
.video-js.
|
|
1219
|
-
|
|
1277
|
+
.video-js.skin_mini{
|
|
1278
|
+
overflow: hidden;
|
|
1220
1279
|
}
|
|
1221
|
-
.video-js.
|
|
1280
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
1222
1281
|
z-index: 1 !important;
|
|
1223
|
-
height:
|
|
1282
|
+
height: 4em !important;
|
|
1224
1283
|
background: black !important;
|
|
1225
1284
|
}
|
|
1226
|
-
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
1227
|
-
display: flex;
|
|
1228
|
-
align-items: center;
|
|
1229
|
-
justify-content: center;
|
|
1230
|
-
}
|
|
1231
1285
|
|
|
1232
|
-
.video-js.
|
|
1286
|
+
.video-js.skin_mini .vjs-fade>* {
|
|
1233
1287
|
visibility: hidden !important;
|
|
1234
1288
|
opacity: 0 !important;
|
|
1235
1289
|
transition: visibility 1s, opacity 1s !important;
|
|
1236
1290
|
}
|
|
1237
1291
|
|
|
1238
|
-
.video-js.
|
|
1292
|
+
.video-js.skin_mini .custom-spaced-progress-bar {
|
|
1239
1293
|
position: absolute;
|
|
1240
1294
|
width: 100%;
|
|
1241
1295
|
display: flex;
|
|
@@ -1243,7 +1297,7 @@ iframe{
|
|
|
1243
1297
|
top: -0.5em;
|
|
1244
1298
|
}
|
|
1245
1299
|
|
|
1246
|
-
.video-js.
|
|
1300
|
+
.video-js.skin_mini .vjs-progress-control {
|
|
1247
1301
|
/* left: -6px; */
|
|
1248
1302
|
position: relative;
|
|
1249
1303
|
width: 100%;
|
|
@@ -1254,19 +1308,19 @@ iframe{
|
|
|
1254
1308
|
|
|
1255
1309
|
|
|
1256
1310
|
|
|
1257
|
-
.video-js.
|
|
1311
|
+
.video-js.skin_mini .vjs-custom-control-spacer {
|
|
1258
1312
|
display: block;
|
|
1259
1313
|
flex: 1 1 auto;
|
|
1260
1314
|
}
|
|
1261
1315
|
|
|
1262
|
-
.video-js.
|
|
1316
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
|
|
1263
1317
|
margin: 0 0px 0 0px;
|
|
1264
1318
|
}
|
|
1265
|
-
.video-js.
|
|
1319
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1266
1320
|
display: none;
|
|
1267
1321
|
}
|
|
1268
1322
|
|
|
1269
|
-
.video-js.
|
|
1323
|
+
.video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
1270
1324
|
font-size: 14px;
|
|
1271
1325
|
font-weight: 500;
|
|
1272
1326
|
align-self: center;
|
|
@@ -1275,143 +1329,158 @@ iframe{
|
|
|
1275
1329
|
border-radius: 8px;
|
|
1276
1330
|
}
|
|
1277
1331
|
|
|
1278
|
-
.video-js.
|
|
1279
|
-
height:
|
|
1332
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1333
|
+
height: 5px !important;
|
|
1280
1334
|
}
|
|
1281
1335
|
|
|
1282
|
-
.video-js.
|
|
1283
|
-
font-size: 1.
|
|
1336
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
1337
|
+
font-size: 1.3em;
|
|
1284
1338
|
line-height: unset;
|
|
1285
1339
|
top: -0.3333333333em;
|
|
1286
1340
|
}
|
|
1287
1341
|
|
|
1288
|
-
.video-js.
|
|
1342
|
+
.video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
|
|
1289
1343
|
display: none !important;
|
|
1290
1344
|
}
|
|
1291
1345
|
|
|
1292
1346
|
/* */
|
|
1293
|
-
.video-js.
|
|
1347
|
+
.video-js.skin_mini .vjs-mouse-display{
|
|
1294
1348
|
font-size: 1.6666666667em;
|
|
1295
1349
|
}
|
|
1296
1350
|
|
|
1297
|
-
.video-js.
|
|
1351
|
+
.video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
|
|
1298
1352
|
font-size: 1em !important;
|
|
1299
1353
|
}
|
|
1300
1354
|
|
|
1301
|
-
.video-js.
|
|
1302
|
-
width:
|
|
1355
|
+
.video-js.skin_mini .vjs-button{
|
|
1356
|
+
width: 3em;
|
|
1303
1357
|
display: flex;
|
|
1304
1358
|
align-items: center;
|
|
1305
1359
|
justify-content: center;
|
|
1306
1360
|
}
|
|
1307
1361
|
|
|
1308
1362
|
|
|
1309
|
-
.video-js.
|
|
1363
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
1310
1364
|
.icon-maximize {
|
|
1311
1365
|
display: block;
|
|
1312
1366
|
height: 32px;
|
|
1313
1367
|
}
|
|
1314
1368
|
|
|
1315
|
-
.video-js.
|
|
1369
|
+
.video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
|
|
1316
1370
|
line-height: 4;
|
|
1317
1371
|
}
|
|
1318
1372
|
|
|
1319
|
-
.video-js.
|
|
1373
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
1320
1374
|
.icon-minimize {
|
|
1321
1375
|
display: none;
|
|
1322
1376
|
height: 32px;
|
|
1323
1377
|
}
|
|
1324
1378
|
|
|
1325
|
-
.video-js.
|
|
1379
|
+
.video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
|
|
1326
1380
|
outline: none !important;
|
|
1327
1381
|
}
|
|
1328
|
-
.video-js.
|
|
1382
|
+
.video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1329
1383
|
.vjs-icon-fullscreen-enter:before {
|
|
1330
1384
|
/* content: '' !important; */
|
|
1331
1385
|
}
|
|
1332
1386
|
|
|
1333
|
-
.video-js.
|
|
1387
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
1334
1388
|
display: flex;
|
|
1335
1389
|
justify-content: center;
|
|
1336
1390
|
align-items: center;
|
|
1337
1391
|
/* transform: rotate(90deg); */
|
|
1338
1392
|
}
|
|
1339
1393
|
|
|
1340
|
-
.video-js.
|
|
1394
|
+
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
1341
1395
|
display: none;
|
|
1342
1396
|
}
|
|
1343
|
-
.video-js.
|
|
1397
|
+
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
1344
1398
|
margin-left: -10px;
|
|
1399
|
+
display: none;
|
|
1345
1400
|
}
|
|
1346
1401
|
|
|
1347
|
-
.video-js.
|
|
1402
|
+
.video-js.skin_mini .vjs-loading-spinner {
|
|
1403
|
+
position: absolute;
|
|
1404
|
+
top: 50%;
|
|
1405
|
+
left: 50%;
|
|
1406
|
+
transform: translate(-50%, -50%);
|
|
1407
|
+
opacity: .85;
|
|
1408
|
+
text-align: left;
|
|
1409
|
+
border: .2em solid rgba(43, 51, 63, .7);
|
|
1410
|
+
box-sizing: border-box;
|
|
1411
|
+
background-clip: padding-box;
|
|
1412
|
+
width: 3em;
|
|
1413
|
+
height: 3em;
|
|
1414
|
+
border-radius: 50%;
|
|
1415
|
+
visibility: hidden;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
.video-js.skin_mini .skipbtn:hover{
|
|
1348
1419
|
cursor: pointer;
|
|
1349
1420
|
}
|
|
1350
1421
|
|
|
1351
|
-
.video-js.
|
|
1422
|
+
.video-js.skin_mini .rewindbtn:hover{
|
|
1352
1423
|
cursor: pointer;
|
|
1353
1424
|
}
|
|
1354
1425
|
|
|
1355
|
-
.video-js.
|
|
1426
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
|
|
1356
1427
|
position: relative;
|
|
1357
1428
|
padding-left: 0;
|
|
1358
1429
|
}
|
|
1359
1430
|
|
|
1360
|
-
.video-js.
|
|
1361
|
-
|
|
1431
|
+
.video-js.skin_mini.vjs-paused .vjs-big-play-button {
|
|
1432
|
+
width: 40px;
|
|
1433
|
+
height: 40px;
|
|
1434
|
+
display: flex;
|
|
1435
|
+
justify-content: center;
|
|
1436
|
+
align-items: center;
|
|
1437
|
+
border: none;
|
|
1438
|
+
position: absolute;
|
|
1439
|
+
top: 0;
|
|
1440
|
+
left: 0;
|
|
1441
|
+
right: 0;
|
|
1442
|
+
bottom: 0;
|
|
1443
|
+
margin: auto;
|
|
1444
|
+
font-size: 3em;
|
|
1445
|
+
line-height: 1.3em;
|
|
1446
|
+
transform: none !important;
|
|
1447
|
+
border-radius: 1.3em;
|
|
1362
1448
|
}
|
|
1363
1449
|
|
|
1364
|
-
.video-js.
|
|
1365
|
-
width: 90px;
|
|
1366
|
-
height: 90px;
|
|
1367
|
-
display: flex;
|
|
1368
|
-
justify-content: center;
|
|
1369
|
-
align-items: center;
|
|
1370
|
-
border-radius: 50%;
|
|
1371
|
-
position: absolute;
|
|
1372
|
-
top: 0;
|
|
1373
|
-
left: 0;
|
|
1374
|
-
right: 0;
|
|
1375
|
-
bottom: 0;
|
|
1376
|
-
margin: auto;
|
|
1377
|
-
font-size: 6em;
|
|
1378
|
-
line-height: 1.4em;
|
|
1379
|
-
border: 0.05em solid;
|
|
1380
|
-
color: inherit;
|
|
1381
|
-
}
|
|
1382
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
1450
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
1383
1451
|
font-weight: bold;
|
|
1384
1452
|
}
|
|
1385
1453
|
|
|
1386
|
-
.video-js.
|
|
1387
|
-
bottom:
|
|
1388
|
-
right:
|
|
1454
|
+
.video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
|
|
1455
|
+
bottom: 1.1em !important;
|
|
1456
|
+
right: 1em;
|
|
1389
1457
|
z-index: 1;
|
|
1458
|
+
font-size: 10px;
|
|
1390
1459
|
}
|
|
1391
1460
|
|
|
1392
|
-
.video-js.
|
|
1461
|
+
.video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
|
|
1393
1462
|
width: 24px !important;
|
|
1394
1463
|
height: 24px !important;
|
|
1395
1464
|
}
|
|
1396
|
-
.settings-selector-icon>svg{
|
|
1465
|
+
.video-js.skin_mini .settings-selector-icon>svg{
|
|
1397
1466
|
height: 19px !important;
|
|
1398
1467
|
width: 19px !important;
|
|
1399
1468
|
}
|
|
1400
1469
|
|
|
1401
1470
|
|
|
1402
|
-
.video-js.
|
|
1471
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
1403
1472
|
cursor: pointer;
|
|
1404
1473
|
}
|
|
1405
1474
|
|
|
1406
|
-
.video-js.
|
|
1475
|
+
.video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
1407
1476
|
padding-right: 0;
|
|
1408
1477
|
}
|
|
1409
1478
|
|
|
1410
|
-
.video-js.
|
|
1479
|
+
.video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
1411
1480
|
padding-left: 0;
|
|
1412
1481
|
}
|
|
1413
1482
|
|
|
1414
|
-
.video-js.
|
|
1483
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
1415
1484
|
padding-left: 0;
|
|
1416
1485
|
padding-right: 0;
|
|
1417
1486
|
display: flex;
|
|
@@ -1419,46 +1488,48 @@ iframe{
|
|
|
1419
1488
|
width: min-content;
|
|
1420
1489
|
}
|
|
1421
1490
|
|
|
1422
|
-
.video-js.
|
|
1491
|
+
.video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
|
|
1423
1492
|
display: none
|
|
1424
1493
|
}
|
|
1425
|
-
.video-js.
|
|
1494
|
+
.video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
1426
1495
|
display: none
|
|
1427
1496
|
}
|
|
1428
1497
|
|
|
1429
|
-
.video-js.
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1498
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control {
|
|
1499
|
+
display: flex;
|
|
1500
|
+
align-items: center;
|
|
1501
|
+
font-weight: 700;
|
|
1502
|
+
font-size: 9px;
|
|
1503
|
+
min-width: 0.8em;
|
|
1504
|
+
padding-left: 0;
|
|
1435
1505
|
}
|
|
1436
1506
|
|
|
1437
|
-
.video-js.
|
|
1507
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
1438
1508
|
display: none;
|
|
1439
1509
|
font-size: 11px;
|
|
1440
1510
|
justify-content: center;
|
|
1441
1511
|
align-items: center;
|
|
1442
1512
|
user-select: none;
|
|
1443
1513
|
}
|
|
1444
|
-
.video-js.
|
|
1514
|
+
.video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1445
1515
|
display: none;
|
|
1446
1516
|
}
|
|
1447
1517
|
|
|
1448
|
-
.video-js.
|
|
1518
|
+
.video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
1449
1519
|
height: min-content;
|
|
1450
1520
|
width: min-content;
|
|
1451
1521
|
}
|
|
1452
|
-
.video-js.
|
|
1453
|
-
width:
|
|
1522
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1523
|
+
width: 3em;
|
|
1524
|
+
margin-right: 4px;
|
|
1454
1525
|
}
|
|
1455
1526
|
|
|
1456
|
-
.video-js.
|
|
1527
|
+
.video-js.skin_mini .content{
|
|
1457
1528
|
bottom: 3.4rem !important;
|
|
1458
1529
|
right: -4rem !important;
|
|
1459
1530
|
}
|
|
1460
1531
|
|
|
1461
|
-
.setting-icon > svg{
|
|
1532
|
+
.video-js.skin_mini .setting-icon > svg{
|
|
1462
1533
|
height:18px !important;
|
|
1463
1534
|
}
|
|
1464
1535
|
|
|
@@ -1477,10 +1548,11 @@ iframe{
|
|
|
1477
1548
|
height: 100%;
|
|
1478
1549
|
}
|
|
1479
1550
|
|
|
1480
|
-
.video-js.
|
|
1551
|
+
.video-js.skin_mini .vjs-live-control{
|
|
1481
1552
|
align-items: center;
|
|
1553
|
+
max-width: 5em;
|
|
1482
1554
|
}
|
|
1483
|
-
.video-js.
|
|
1555
|
+
.video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
|
|
1484
1556
|
height: 2.2em;
|
|
1485
1557
|
display: flex;
|
|
1486
1558
|
align-items: center;
|
|
@@ -1488,257 +1560,185 @@ iframe{
|
|
|
1488
1560
|
width: 4em;
|
|
1489
1561
|
justify-content: center;
|
|
1490
1562
|
background: red;
|
|
1491
|
-
margin: 4px 0px 4px
|
|
1563
|
+
margin: 4px 0px 4px 2px;
|
|
1492
1564
|
}
|
|
1493
1565
|
|
|
1494
|
-
.video-js.
|
|
1566
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
|
|
1495
1567
|
text-shadow: none;
|
|
1496
1568
|
}
|
|
1497
|
-
.video-js.
|
|
1569
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1498
1570
|
display: none;
|
|
1499
1571
|
font-size: 12px;
|
|
1500
1572
|
}
|
|
1501
1573
|
|
|
1502
|
-
.video-js.
|
|
1503
|
-
height:
|
|
1574
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
1575
|
+
height: 1.8em;
|
|
1504
1576
|
display: inline-flex;
|
|
1505
1577
|
align-items: center;
|
|
1506
|
-
|
|
1578
|
+
font-family: monospace;
|
|
1507
1579
|
justify-content: center;
|
|
1508
|
-
border:
|
|
1509
|
-
margin: 4px 0px 4px
|
|
1580
|
+
border: 1.5px solid;
|
|
1581
|
+
margin: 4px 0px 4px 2px;
|
|
1510
1582
|
white-space: pre;
|
|
1511
|
-
padding:
|
|
1583
|
+
padding: 2px 4px;
|
|
1512
1584
|
font-size: 1.2em;
|
|
1513
1585
|
font-weight: 500;
|
|
1514
1586
|
color: rgba(255, 255, 2555, 0.7);
|
|
1515
|
-
|
|
1516
|
-
letter-spacing: -.1px;
|
|
1517
|
-
line-height: normal;
|
|
1518
|
-
text-transform: uppercase;
|
|
1519
|
-
color: #FFFFFF;
|
|
1520
|
-
opacity: .7;
|
|
1521
|
-
font-family: "Proxima Nova";
|
|
1522
|
-
}
|
|
1523
|
-
|
|
1524
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
1525
|
-
opacity: 1;
|
|
1526
1587
|
}
|
|
1527
1588
|
|
|
1528
|
-
.video-js.
|
|
1589
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1529
1590
|
content: "NOT LIVE";
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
.settings-selection.vjs-control.vjs-button{
|
|
1533
|
-
display: flex !important;
|
|
1534
|
-
}
|
|
1535
|
-
|
|
1536
|
-
@media(max-width:576px){
|
|
1537
|
-
.settings-selection.vjs-control.vjs-button{
|
|
1538
|
-
display: none !important;
|
|
1539
|
-
}
|
|
1591
|
+
word-spacing: -4px;
|
|
1540
1592
|
}
|
|
1541
1593
|
|
|
1542
1594
|
|
|
1543
|
-
@media(max-width:
|
|
1595
|
+
@media(max-width:600px){
|
|
1544
1596
|
.tvProviderImage{
|
|
1545
1597
|
display: none
|
|
1546
1598
|
}
|
|
1547
|
-
.video-js.
|
|
1599
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
1548
1600
|
.icon-maximize {
|
|
1549
1601
|
height: 30px !important;
|
|
1550
1602
|
}
|
|
1551
1603
|
|
|
1552
|
-
.video-js.
|
|
1604
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
1553
1605
|
.icon-minimize {
|
|
1554
1606
|
height: 30px !important;
|
|
1555
1607
|
}
|
|
1556
|
-
.video-js.
|
|
1557
|
-
width:
|
|
1608
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1609
|
+
width: 3.5em;
|
|
1558
1610
|
}
|
|
1559
|
-
.video-js.
|
|
1611
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1560
1612
|
height: min-content;
|
|
1561
1613
|
}
|
|
1562
1614
|
|
|
1563
|
-
.video-js.
|
|
1615
|
+
.video-js.skin_mini button.vjs-slowmo-button{
|
|
1564
1616
|
display: none;
|
|
1565
1617
|
}
|
|
1566
|
-
.video-js.
|
|
1618
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
1567
1619
|
display: none;
|
|
1568
1620
|
}
|
|
1569
|
-
.video-js.
|
|
1621
|
+
.video-js.skin_mini button.vjs-rewind-button>svg{
|
|
1570
1622
|
height: 20px;
|
|
1571
1623
|
}
|
|
1572
|
-
.video-js.
|
|
1573
|
-
width:
|
|
1624
|
+
.video-js.skin_mini .vjs-button{
|
|
1625
|
+
width: 3em;
|
|
1574
1626
|
}
|
|
1575
|
-
.video-js.
|
|
1627
|
+
.video-js.skin_mini .widget-selection{
|
|
1576
1628
|
display: none;
|
|
1577
1629
|
}
|
|
1578
|
-
.video-js.
|
|
1630
|
+
.video-js.skin_mini .container{
|
|
1579
1631
|
display: none !important;
|
|
1580
1632
|
}
|
|
1581
|
-
.video-js.
|
|
1633
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
1582
1634
|
height: 4em !important;
|
|
1583
1635
|
}
|
|
1584
|
-
.video-js.
|
|
1636
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
1585
1637
|
font-size: 2.5em;
|
|
1586
1638
|
line-height: 1.5;
|
|
1587
1639
|
}
|
|
1588
|
-
.video-js.
|
|
1640
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
1589
1641
|
font-size: 1.2em;
|
|
1590
1642
|
position: absolute;
|
|
1591
1643
|
right: -0.5em;
|
|
1592
1644
|
z-index: 1;
|
|
1593
1645
|
}
|
|
1594
|
-
.video-js.
|
|
1646
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
1595
1647
|
height: 20px;
|
|
1596
1648
|
}
|
|
1597
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
1598
|
-
width: 50px !important;
|
|
1599
|
-
height: 50px !important;
|
|
1600
|
-
font-size: 2.1rem !important;
|
|
1601
|
-
}
|
|
1602
1649
|
|
|
1603
1650
|
.stream-selector-icon>svg{
|
|
1604
1651
|
width: 24px;
|
|
1605
1652
|
height: 24px;
|
|
1606
1653
|
}
|
|
1607
|
-
.video-js.
|
|
1608
|
-
margin: 0 12px 0 12px;
|
|
1609
|
-
}
|
|
1610
|
-
.video-js.skin_news .vjs-seek-to-live-text{
|
|
1654
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
1611
1655
|
font-size: 12px;
|
|
1612
1656
|
}
|
|
1613
|
-
|
|
1614
|
-
|
|
1657
|
+
|
|
1658
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1659
|
+
color: white !important;
|
|
1660
|
+
font-size: 16px !important;
|
|
1661
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
1662
|
+
}
|
|
1615
1663
|
}
|
|
1664
|
+
|
|
1665
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1666
|
+
color: white !important;
|
|
1667
|
+
font-size: 16px !important;
|
|
1668
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
1616
1669
|
}
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
display: flex;
|
|
1621
|
-
justify-content: center;
|
|
1622
|
-
align-items: center;
|
|
1623
|
-
border-radius: 50%;
|
|
1624
|
-
position: absolute;
|
|
1625
|
-
top: 0;
|
|
1626
|
-
left: 0;
|
|
1627
|
-
right: 0;
|
|
1628
|
-
bottom: 0;
|
|
1629
|
-
margin: auto;
|
|
1630
|
-
font-size: 6em;
|
|
1631
|
-
line-height: 1.4em;
|
|
1670
|
+
|
|
1671
|
+
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
1672
|
+
font-size: 18px !important;
|
|
1632
1673
|
}
|
|
1633
1674
|
|
|
1634
|
-
.video-js.
|
|
1675
|
+
.video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1676
|
+
margin-bottom: 1rem !important;
|
|
1677
|
+
}
|
|
1678
|
+
|
|
1679
|
+
|
|
1680
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1635
1681
|
display: flex;
|
|
1636
1682
|
justify-content: center;
|
|
1637
1683
|
align-items: center;
|
|
1638
1684
|
height: 100%;
|
|
1639
1685
|
transition: width 0.1s;
|
|
1640
1686
|
}
|
|
1687
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1688
|
+
margin: 2px;
|
|
1689
|
+
}
|
|
1641
1690
|
|
|
1642
|
-
.video-js.
|
|
1691
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1643
1692
|
display: flex;
|
|
1644
1693
|
justify-content: center;
|
|
1645
1694
|
align-items: center;
|
|
1646
1695
|
height: 100%;
|
|
1647
1696
|
transition: width 0.1s;
|
|
1648
1697
|
}
|
|
1649
|
-
.video-js.
|
|
1650
|
-
display:
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1698
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
1699
|
+
display: grid;
|
|
1700
|
+
font-size: 10px;
|
|
1701
|
+
grid-template-columns: 1fr;
|
|
1702
|
+
grid-template-rows: 1fr;
|
|
1703
|
+
padding: 1px 0px 0 0px;
|
|
1704
|
+
margin: 0;
|
|
1655
1705
|
}
|
|
1656
1706
|
|
|
1657
|
-
@media (max-width:
|
|
1658
|
-
.video-js.
|
|
1659
|
-
bottom: 2px;
|
|
1660
|
-
}
|
|
1661
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1707
|
+
@media (max-width: 600px) {
|
|
1708
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1662
1709
|
height: 5px !important;
|
|
1663
1710
|
}
|
|
1664
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
1665
|
-
width: 50px !important;
|
|
1666
|
-
height: 50px !important;
|
|
1667
|
-
font-size: 2.1rem !important;
|
|
1668
|
-
}
|
|
1669
1711
|
|
|
1670
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1712
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1671
1713
|
display: none;
|
|
1672
1714
|
}
|
|
1673
|
-
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
1674
|
-
bottom: 2.4em !important;
|
|
1675
|
-
right: -1em;
|
|
1676
|
-
z-index: 1;
|
|
1677
|
-
}
|
|
1678
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1679
|
-
display: none !important;
|
|
1680
|
-
}
|
|
1681
|
-
|
|
1682
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1683
|
-
color: white !important;
|
|
1684
|
-
font-size: 13px !important;
|
|
1685
|
-
background-color: black !important;
|
|
1686
|
-
}
|
|
1687
|
-
}
|
|
1688
|
-
|
|
1689
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1690
|
-
color: white !important;
|
|
1691
|
-
font-size: 16px !important;
|
|
1692
|
-
background-color: black !important;
|
|
1693
|
-
}
|
|
1694
|
-
|
|
1695
|
-
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1696
|
-
margin-bottom: 2rem !important;
|
|
1697
|
-
}
|
|
1698
|
-
|
|
1699
|
-
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
1700
|
-
font-size: 18px !important;
|
|
1701
|
-
}
|
|
1702
|
-
|
|
1703
1715
|
|
|
1704
|
-
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1705
|
-
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1706
|
-
font-size: 1.2em !important;
|
|
1707
|
-
line-height: 1.5em !important;
|
|
1708
|
-
padding: 0.2em 0.8em !important;
|
|
1709
1716
|
}
|
|
1710
1717
|
|
|
1711
|
-
.video-js.
|
|
1718
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
1712
1719
|
content: none !important;
|
|
1713
1720
|
fill: none !important;
|
|
1714
1721
|
filter: none !important;
|
|
1715
1722
|
}
|
|
1716
1723
|
|
|
1717
1724
|
/* svg icons opacity and hover effect */
|
|
1718
|
-
.video-js.
|
|
1725
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1719
1726
|
opacity: 0.7 !important;
|
|
1720
1727
|
}
|
|
1721
1728
|
|
|
1722
|
-
.video-js.
|
|
1723
|
-
opacity: 1 !important;
|
|
1724
|
-
}
|
|
1725
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1726
|
-
opacity: 0.7 !important;
|
|
1727
|
-
}
|
|
1728
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
1729
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1729
1730
|
opacity: 1 !important;
|
|
1730
1731
|
}
|
|
1731
1732
|
|
|
1732
|
-
.video-js.
|
|
1733
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1733
1734
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1734
1735
|
}
|
|
1735
1736
|
|
|
1736
|
-
.video-js.
|
|
1737
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1737
1738
|
color: rgba(255, 255, 2555, 1)!important;
|
|
1738
1739
|
}
|
|
1739
1740
|
|
|
1740
1741
|
|
|
1741
|
-
|
|
1742
1742
|
/* CSS for videojs-dvr-seekbar */
|
|
1743
1743
|
|
|
1744
1744
|
.video-js.vjs-dvr-seekbar {
|
|
@@ -1919,7 +1919,6 @@ iframe{
|
|
|
1919
1919
|
|
|
1920
1920
|
|
|
1921
1921
|
|
|
1922
|
-
|
|
1923
1922
|
.video-js .multicamera-parent.default{
|
|
1924
1923
|
height: 345px;
|
|
1925
1924
|
position: absolute;
|
|
@@ -2001,6 +2000,8 @@ iframe{
|
|
|
2001
2000
|
|
|
2002
2001
|
|
|
2003
2002
|
|
|
2003
|
+
|
|
2004
|
+
|
|
2004
2005
|
.vjs-custom-big-mute.vjs-control{
|
|
2005
2006
|
position: absolute;
|
|
2006
2007
|
align-items: center;
|
|
@@ -2049,7 +2050,6 @@ iframe{
|
|
|
2049
2050
|
width: 22px;
|
|
2050
2051
|
}
|
|
2051
2052
|
|
|
2052
|
-
|
|
2053
2053
|
/* nextep */
|
|
2054
2054
|
.next-ep-preview{
|
|
2055
2055
|
position: absolute;
|