@viewlift/player-backup 2.0.238-backup → 2.0.239-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/autoNextVideo-0e2ec20e.js +1 -0
- package/cjs/bundle.css +577 -577
- package/cjs/caption-settings-d1eb3bf6.js +1 -0
- package/cjs/captions-dbc83a75.js +1 -0
- package/cjs/currentVideoInfo-31d70bec.js +1 -0
- package/cjs/features-4d691e83.js +1 -0
- package/cjs/generic-6d780e2e.js +1 -0
- package/cjs/helper-a50a8ffc.js +1 -0
- package/cjs/index-0a9b1adc.js +1 -0
- package/cjs/index-3f0e537b.js +1 -0
- package/cjs/index-4905764c.js +1 -0
- package/cjs/index-926268d0.js +1 -0
- package/cjs/index-addb96eb.js +1 -0
- package/cjs/index.js +1 -1
- package/cjs/multicamv2-5ed25218.js +1 -0
- package/cjs/multicamv2-aed7eabf.js +1 -0
- package/cjs/nextEpisodeButton-ebdf3e70.js +1 -0
- package/cjs/playlist-aac73130.js +1 -0
- package/cjs/resolution-f9dcc1b4.js +1 -0
- package/cjs/resolution-v2-e42e0101.js +1 -0
- package/cjs/series-7ee8537e.js +1 -0
- package/cjs/series-v2-47016b79.js +1 -0
- package/cjs/series-v2-f7b60c9b.js +1 -0
- package/cjs/settings-icon-b43f4406.js +1 -0
- package/cjs/skin-27161fd8.js +1 -0
- package/cjs/skin-9245f245.js +1 -0
- package/cjs/skin-9679ddb3.js +1 -0
- package/cjs/skin-97f88869.js +1 -0
- package/cjs/skin-aed74173.js +1 -0
- package/cjs/skin-cc318de0.js +1 -0
- package/cjs/skin-e5fa5679.js +1 -0
- package/cjs/skin-ed5cb139.js +1 -0
- package/cjs/skin-f5e18b89.js +1 -0
- package/cjs/skin-ffa1152c.js +1 -0
- package/cjs/start-begin-btn-5739a6c0.js +1 -0
- package/cjs/util-2a496b30.js +1 -0
- package/cjs/videoSelector-52c95aea.js +1 -0
- package/cjs/videoSelector-7f07ff79.js +1 -0
- package/cjs/videojs-dash5.es-ec94e5f4.js +1 -0
- package/cjs/watch-live-btn-822534d1.js +1 -0
- package/esm/autoNextVideo-1c64db31.js +1 -0
- package/esm/bundle.css +577 -577
- package/esm/caption-settings-6001af40.js +1 -0
- package/esm/{captions-78bd2908.js → captions-f507e8ee.js} +1 -1
- package/esm/{currentVideoInfo-0b234e55.js → currentVideoInfo-a8a254c2.js} +1 -1
- package/esm/features-9d2676bb.js +1 -0
- package/esm/generic-ea575ea9.js +1 -0
- package/esm/helper-349e076f.js +1 -0
- package/esm/index-1ec77f1c.js +1 -0
- package/esm/index-25792526.js +1 -0
- package/esm/index-4cc8ac6f.js +1 -0
- package/esm/index-757c2c71.js +1 -0
- package/esm/index-8e3eab6d.js +1 -0
- package/esm/index.js +1 -1
- package/esm/multicamv2-3e22e00f.js +1 -0
- package/esm/multicamv2-75e51147.js +1 -0
- package/esm/nextEpisodeButton-36a2a9b5.js +1 -0
- package/esm/playlist-441bfc74.js +1 -0
- package/esm/resolution-1c59b0f3.js +1 -0
- package/esm/resolution-v2-705ae275.js +1 -0
- package/esm/series-4e3ddb75.js +1 -0
- package/esm/series-v2-4b1b0900.js +1 -0
- package/esm/series-v2-e4b32511.js +1 -0
- package/esm/settings-icon-1e7b0951.js +1 -0
- package/esm/skin-058a26bc.js +1 -0
- package/esm/skin-186fd9cb.js +1 -0
- package/esm/skin-1e5f1f95.js +1 -0
- package/esm/skin-3dcba1b2.js +1 -0
- package/esm/skin-5a1b4211.js +1 -0
- package/esm/skin-5e166240.js +1 -0
- package/esm/skin-623962ae.js +1 -0
- package/esm/skin-baee1ac8.js +1 -0
- package/esm/skin-d98b89d7.js +1 -0
- package/esm/skin-dd4c7d30.js +1 -0
- package/esm/start-begin-btn-1e096fec.js +1 -0
- package/esm/util-26ae3bf5.js +1 -0
- package/esm/videoSelector-2d4812e0.js +1 -0
- package/esm/videoSelector-8a23b3cb.js +1 -0
- package/esm/videojs-dash5.es-390dd922.js +1 -0
- package/esm/watch-live-btn-5419f3a7.js +1 -0
- package/package.json +1 -1
- package/cjs/autoNextVideo-23902c5f.js +0 -1
- package/cjs/caption-settings-25cabfc0.js +0 -1
- package/cjs/captions-68e263dd.js +0 -1
- package/cjs/currentVideoInfo-5802821b.js +0 -1
- package/cjs/features-87a44683.js +0 -1
- package/cjs/generic-daf87743.js +0 -1
- package/cjs/helper-dbf2fb22.js +0 -1
- package/cjs/index-3906a27b.js +0 -1
- package/cjs/index-595b822b.js +0 -1
- package/cjs/index-7ae433c7.js +0 -1
- package/cjs/index-84cce26a.js +0 -1
- package/cjs/index-c7aa2f6f.js +0 -1
- package/cjs/multicamv2-8de56223.js +0 -1
- package/cjs/multicamv2-ffd996a1.js +0 -1
- package/cjs/nextEpisodeButton-77db7184.js +0 -1
- package/cjs/playlist-dd84090f.js +0 -1
- package/cjs/resolution-9c4872ec.js +0 -1
- package/cjs/resolution-v2-50cbd77b.js +0 -1
- package/cjs/series-bcb207c6.js +0 -1
- package/cjs/series-v2-453f2a60.js +0 -1
- package/cjs/series-v2-73f46794.js +0 -1
- package/cjs/settings-icon-a419af57.js +0 -1
- package/cjs/skin-353a3995.js +0 -1
- package/cjs/skin-49f080e9.js +0 -1
- package/cjs/skin-5f529bb7.js +0 -1
- package/cjs/skin-62c8b0fa.js +0 -1
- package/cjs/skin-64d4c9de.js +0 -1
- package/cjs/skin-826c3ad5.js +0 -1
- package/cjs/skin-95b2155f.js +0 -1
- package/cjs/skin-bb7ed830.js +0 -1
- package/cjs/skin-eeec7a85.js +0 -1
- package/cjs/skin-faf61d85.js +0 -1
- package/cjs/start-begin-btn-5adfa5b7.js +0 -1
- package/cjs/util-fae57780.js +0 -1
- package/cjs/videoSelector-199b9fd8.js +0 -1
- package/cjs/videoSelector-da395da9.js +0 -1
- package/cjs/videojs-dash5.es-f9629f7f.js +0 -1
- package/cjs/watch-live-btn-1c5d2e69.js +0 -1
- package/esm/autoNextVideo-e4e26c3f.js +0 -1
- package/esm/caption-settings-3a5e2e2d.js +0 -1
- package/esm/features-9af1ab4b.js +0 -1
- package/esm/generic-259bd438.js +0 -1
- package/esm/helper-d52dff3c.js +0 -1
- package/esm/index-2ab55f4b.js +0 -1
- package/esm/index-447bbdd3.js +0 -1
- package/esm/index-5d92eaa3.js +0 -1
- package/esm/index-fa8dc078.js +0 -1
- package/esm/index-fdd53e2b.js +0 -1
- package/esm/multicamv2-1a354b58.js +0 -1
- package/esm/multicamv2-e20bd706.js +0 -1
- package/esm/nextEpisodeButton-6589ff42.js +0 -1
- package/esm/playlist-e3071d79.js +0 -1
- package/esm/resolution-62be852a.js +0 -1
- package/esm/resolution-v2-6446fe47.js +0 -1
- package/esm/series-b046d527.js +0 -1
- package/esm/series-v2-3e5eec11.js +0 -1
- package/esm/series-v2-9886933b.js +0 -1
- package/esm/settings-icon-7d9e5221.js +0 -1
- package/esm/skin-36b36150.js +0 -1
- package/esm/skin-37e6e91e.js +0 -1
- package/esm/skin-3defacd6.js +0 -1
- package/esm/skin-41826888.js +0 -1
- package/esm/skin-44e85099.js +0 -1
- package/esm/skin-65765793.js +0 -1
- package/esm/skin-6a64a008.js +0 -1
- package/esm/skin-8bc9bdf4.js +0 -1
- package/esm/skin-8f722530.js +0 -1
- package/esm/skin-92e43a42.js +0 -1
- package/esm/start-begin-btn-16534825.js +0 -1
- package/esm/util-0effa173.js +0 -1
- package/esm/videoSelector-2728b161.js +0 -1
- package/esm/videoSelector-88e04367.js +0 -1
- package/esm/videojs-dash5.es-bc6f319d.js +0 -1
- package/esm/watch-live-btn-ddcfab89.js +0 -1
package/cjs/bundle.css
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
3
|
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
6
4
|
height: 0.7em;
|
|
7
5
|
position: absolute;
|
|
@@ -238,31 +236,32 @@
|
|
|
238
236
|
font-weight: bold
|
|
239
237
|
}
|
|
240
238
|
|
|
241
|
-
|
|
239
|
+
|
|
240
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
242
241
|
font-size: 2.2em;
|
|
243
242
|
line-height: 2.6;
|
|
244
243
|
}
|
|
245
|
-
.video-js.
|
|
246
|
-
background:
|
|
244
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
245
|
+
background: white;
|
|
247
246
|
}
|
|
248
|
-
.video-js.
|
|
247
|
+
.video-js.skin_news .vjs-control-bar{
|
|
249
248
|
z-index: 1 !important;
|
|
250
249
|
height: 5em !important;
|
|
251
250
|
background: black !important;
|
|
252
251
|
}
|
|
253
|
-
.video-js.
|
|
252
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
254
253
|
display: flex;
|
|
255
254
|
align-items: center;
|
|
256
255
|
justify-content: center;
|
|
257
256
|
}
|
|
258
257
|
|
|
259
|
-
.video-js.
|
|
258
|
+
.video-js.skin_news .vjs-fade>* {
|
|
260
259
|
visibility: hidden !important;
|
|
261
260
|
opacity: 0 !important;
|
|
262
261
|
transition: visibility 1s, opacity 1s !important;
|
|
263
262
|
}
|
|
264
263
|
|
|
265
|
-
.video-js.
|
|
264
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
266
265
|
position: absolute;
|
|
267
266
|
width: 100%;
|
|
268
267
|
display: flex;
|
|
@@ -270,7 +269,7 @@
|
|
|
270
269
|
top: -0.5em;
|
|
271
270
|
}
|
|
272
271
|
|
|
273
|
-
.video-js.
|
|
272
|
+
.video-js.skin_news .vjs-progress-control {
|
|
274
273
|
/* left: -6px; */
|
|
275
274
|
position: relative;
|
|
276
275
|
width: 100%;
|
|
@@ -278,25 +277,22 @@
|
|
|
278
277
|
transition: height 0.1s, top 0.1s;
|
|
279
278
|
}
|
|
280
279
|
|
|
281
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
282
|
-
min-width: 5.3em;
|
|
283
|
-
}
|
|
284
280
|
|
|
285
281
|
|
|
286
282
|
|
|
287
|
-
.video-js.
|
|
288
|
-
|
|
289
|
-
|
|
283
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
284
|
+
display: block;
|
|
285
|
+
flex: 1 1 auto;
|
|
290
286
|
}
|
|
291
287
|
|
|
292
|
-
.video-js.
|
|
288
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
293
289
|
margin: 0 0px 0 0px;
|
|
294
290
|
}
|
|
295
|
-
.video-js.
|
|
291
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
296
292
|
display: none;
|
|
297
293
|
}
|
|
298
294
|
|
|
299
|
-
.video-js.
|
|
295
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
300
296
|
font-size: 14px;
|
|
301
297
|
font-weight: 500;
|
|
302
298
|
align-self: center;
|
|
@@ -305,30 +301,30 @@
|
|
|
305
301
|
border-radius: 8px;
|
|
306
302
|
}
|
|
307
303
|
|
|
308
|
-
.video-js.
|
|
304
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
309
305
|
height: 6px !important;
|
|
310
306
|
}
|
|
311
307
|
|
|
312
|
-
.video-js.
|
|
308
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
313
309
|
font-size: 1.5em;
|
|
314
310
|
line-height: unset;
|
|
315
311
|
top: -0.3333333333em;
|
|
316
312
|
}
|
|
317
313
|
|
|
318
|
-
.video-js.
|
|
314
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
319
315
|
display: none !important;
|
|
320
316
|
}
|
|
321
317
|
|
|
322
318
|
/* */
|
|
323
|
-
.video-js.
|
|
319
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
324
320
|
font-size: 1.6666666667em;
|
|
325
321
|
}
|
|
326
322
|
|
|
327
|
-
.video-js.
|
|
323
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
328
324
|
font-size: 1em !important;
|
|
329
325
|
}
|
|
330
326
|
|
|
331
|
-
.video-js.
|
|
327
|
+
.video-js.skin_news .vjs-button{
|
|
332
328
|
width: 5.3em;
|
|
333
329
|
display: flex;
|
|
334
330
|
align-items: center;
|
|
@@ -336,71 +332,63 @@
|
|
|
336
332
|
}
|
|
337
333
|
|
|
338
334
|
|
|
339
|
-
.video-js.
|
|
335
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
340
336
|
.icon-maximize {
|
|
341
337
|
display: block;
|
|
342
338
|
height: 32px;
|
|
343
339
|
}
|
|
344
340
|
|
|
345
|
-
.video-js.
|
|
341
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
346
342
|
line-height: 4;
|
|
347
343
|
}
|
|
348
344
|
|
|
349
|
-
.video-js.
|
|
345
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
350
346
|
.icon-minimize {
|
|
351
347
|
display: none;
|
|
352
348
|
height: 32px;
|
|
353
349
|
}
|
|
354
350
|
|
|
355
|
-
.video-js.
|
|
351
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
356
352
|
outline: none !important;
|
|
357
|
-
/* flex: 1; */
|
|
358
|
-
}
|
|
359
|
-
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
360
|
-
display: flex;
|
|
361
|
-
flex: 1;
|
|
362
|
-
justify-content: center;
|
|
363
353
|
}
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
354
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
367
355
|
.vjs-icon-fullscreen-enter:before {
|
|
368
356
|
/* content: '' !important; */
|
|
369
357
|
}
|
|
370
358
|
|
|
371
|
-
.video-js.
|
|
359
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
372
360
|
display: flex;
|
|
373
361
|
justify-content: center;
|
|
374
362
|
align-items: center;
|
|
375
363
|
/* transform: rotate(90deg); */
|
|
376
364
|
}
|
|
377
365
|
|
|
378
|
-
.video-js.
|
|
366
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
379
367
|
display: none;
|
|
380
368
|
}
|
|
381
|
-
.video-js.
|
|
369
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
382
370
|
margin-left: -10px;
|
|
383
371
|
}
|
|
384
372
|
|
|
385
|
-
.video-js.
|
|
373
|
+
.video-js.skin_news .skipbtn:hover{
|
|
386
374
|
cursor: pointer;
|
|
387
375
|
}
|
|
388
376
|
|
|
389
|
-
.video-js.
|
|
377
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
390
378
|
cursor: pointer;
|
|
391
379
|
}
|
|
392
380
|
|
|
393
|
-
.video-js.
|
|
381
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
394
382
|
position: relative;
|
|
395
383
|
padding-left: 0;
|
|
396
384
|
}
|
|
397
385
|
|
|
398
|
-
.video-js.
|
|
386
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
399
387
|
display: none !important;
|
|
400
388
|
}
|
|
401
389
|
|
|
402
|
-
.video-js.
|
|
403
|
-
|
|
390
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
391
|
+
width: 90px;
|
|
404
392
|
height: 90px;
|
|
405
393
|
display: flex;
|
|
406
394
|
justify-content: center;
|
|
@@ -415,20 +403,19 @@
|
|
|
415
403
|
font-size: 6em;
|
|
416
404
|
line-height: 1.4em;
|
|
417
405
|
border: 0.05em solid;
|
|
418
|
-
color: inherit;
|
|
419
|
-
display: none !important;
|
|
406
|
+
color: inherit;
|
|
420
407
|
}
|
|
421
|
-
.video-js.
|
|
408
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
422
409
|
font-weight: bold;
|
|
423
410
|
}
|
|
424
411
|
|
|
425
|
-
.video-js.
|
|
412
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
426
413
|
bottom: 2.4em !important;
|
|
427
414
|
right: -1em;
|
|
428
415
|
z-index: 1;
|
|
429
416
|
}
|
|
430
417
|
|
|
431
|
-
.video-js.
|
|
418
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
432
419
|
width: 24px !important;
|
|
433
420
|
height: 24px !important;
|
|
434
421
|
}
|
|
@@ -438,34 +425,34 @@
|
|
|
438
425
|
}
|
|
439
426
|
|
|
440
427
|
|
|
441
|
-
.video-js.
|
|
428
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
442
429
|
cursor: pointer;
|
|
443
430
|
}
|
|
444
431
|
|
|
445
|
-
.video-js.
|
|
432
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
446
433
|
padding-right: 0;
|
|
447
|
-
display: none;
|
|
448
434
|
}
|
|
449
435
|
|
|
450
|
-
.video-js.
|
|
436
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
451
437
|
padding-left: 0;
|
|
452
|
-
display: none;
|
|
453
438
|
}
|
|
454
439
|
|
|
455
|
-
.video-js.
|
|
440
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
456
441
|
padding-left: 0;
|
|
457
442
|
padding-right: 0;
|
|
458
|
-
display:
|
|
443
|
+
display: flex;
|
|
444
|
+
justify-content: center;
|
|
445
|
+
width: min-content;
|
|
459
446
|
}
|
|
460
447
|
|
|
461
|
-
.video-js.
|
|
448
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
462
449
|
display: none
|
|
463
450
|
}
|
|
464
|
-
.video-js.
|
|
451
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
465
452
|
display: none
|
|
466
453
|
}
|
|
467
454
|
|
|
468
|
-
.video-js.
|
|
455
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
469
456
|
display: flex;
|
|
470
457
|
align-items: center;
|
|
471
458
|
font-weight: 700;
|
|
@@ -473,26 +460,26 @@
|
|
|
473
460
|
min-width: 1.2em;
|
|
474
461
|
}
|
|
475
462
|
|
|
476
|
-
.video-js.
|
|
463
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
477
464
|
display: none;
|
|
478
465
|
font-size: 11px;
|
|
479
466
|
justify-content: center;
|
|
480
467
|
align-items: center;
|
|
481
468
|
user-select: none;
|
|
482
469
|
}
|
|
483
|
-
.video-js.
|
|
470
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
484
471
|
display: none;
|
|
485
472
|
}
|
|
486
473
|
|
|
487
|
-
.video-js.
|
|
474
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
488
475
|
height: min-content;
|
|
489
476
|
width: min-content;
|
|
490
477
|
}
|
|
491
|
-
.video-js.
|
|
478
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
492
479
|
width: 6em;
|
|
493
480
|
}
|
|
494
481
|
|
|
495
|
-
.video-js.
|
|
482
|
+
.video-js.skin_news .content{
|
|
496
483
|
bottom: 3.4rem !important;
|
|
497
484
|
right: -4rem !important;
|
|
498
485
|
}
|
|
@@ -516,11 +503,10 @@ iframe{
|
|
|
516
503
|
height: 100%;
|
|
517
504
|
}
|
|
518
505
|
|
|
519
|
-
.video-js.
|
|
506
|
+
.video-js.skin_news .vjs-live-control{
|
|
520
507
|
align-items: center;
|
|
521
|
-
display: none;
|
|
522
508
|
}
|
|
523
|
-
.video-js.
|
|
509
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
524
510
|
height: 2.2em;
|
|
525
511
|
display: flex;
|
|
526
512
|
align-items: center;
|
|
@@ -531,22 +517,43 @@ iframe{
|
|
|
531
517
|
margin: 4px 0px 4px 12px;
|
|
532
518
|
}
|
|
533
519
|
|
|
534
|
-
.video-js.
|
|
520
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
535
521
|
text-shadow: none;
|
|
536
522
|
}
|
|
523
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
524
|
+
display: none;
|
|
525
|
+
font-size: 12px;
|
|
526
|
+
}
|
|
537
527
|
|
|
538
|
-
.video-js.
|
|
539
|
-
|
|
528
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
529
|
+
height: 2.2em;
|
|
530
|
+
display: inline-flex;
|
|
531
|
+
align-items: center;
|
|
532
|
+
/* font-family: monospace; */
|
|
540
533
|
justify-content: center;
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
534
|
+
border: 2px solid;
|
|
535
|
+
margin: 4px 0px 4px 6px;
|
|
536
|
+
white-space: pre;
|
|
537
|
+
padding: 0px 6px;
|
|
538
|
+
font-size: 1.2em;
|
|
539
|
+
font-weight: 500;
|
|
540
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
541
|
+
|
|
542
|
+
letter-spacing: -.1px;
|
|
543
|
+
line-height: normal;
|
|
544
|
+
text-transform: uppercase;
|
|
545
|
+
color: #FFFFFF;
|
|
546
|
+
opacity: .7;
|
|
547
|
+
font-family: "Proxima Nova";
|
|
544
548
|
}
|
|
545
549
|
|
|
546
|
-
.video-js.
|
|
547
|
-
|
|
550
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
551
|
+
opacity: 1;
|
|
548
552
|
}
|
|
549
553
|
|
|
554
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
555
|
+
content: "NOT LIVE";
|
|
556
|
+
}
|
|
550
557
|
|
|
551
558
|
.settings-selection.vjs-control.vjs-button{
|
|
552
559
|
display: flex !important;
|
|
@@ -563,57 +570,57 @@ iframe{
|
|
|
563
570
|
.tvProviderImage{
|
|
564
571
|
display: none
|
|
565
572
|
}
|
|
566
|
-
.video-js.
|
|
573
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
567
574
|
.icon-maximize {
|
|
568
575
|
height: 30px !important;
|
|
569
576
|
}
|
|
570
577
|
|
|
571
|
-
.video-js.
|
|
578
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
572
579
|
.icon-minimize {
|
|
573
580
|
height: 30px !important;
|
|
574
581
|
}
|
|
575
|
-
.video-js.
|
|
582
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
576
583
|
width: 4.5em;
|
|
577
584
|
}
|
|
578
|
-
.video-js.
|
|
585
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
579
586
|
height: min-content;
|
|
580
587
|
}
|
|
581
588
|
|
|
582
|
-
.video-js.
|
|
589
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
583
590
|
display: none;
|
|
584
591
|
}
|
|
585
|
-
.video-js.
|
|
592
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
586
593
|
display: none;
|
|
587
594
|
}
|
|
588
|
-
.video-js.
|
|
595
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
589
596
|
height: 20px;
|
|
590
597
|
}
|
|
591
|
-
.video-js.
|
|
598
|
+
.video-js.skin_news .vjs-button{
|
|
592
599
|
width: 4.8em;
|
|
593
600
|
}
|
|
594
|
-
.video-js.
|
|
601
|
+
.video-js.skin_news .widget-selection{
|
|
595
602
|
display: none;
|
|
596
603
|
}
|
|
597
|
-
.video-js.
|
|
604
|
+
.video-js.skin_news .container{
|
|
598
605
|
display: none !important;
|
|
599
606
|
}
|
|
600
|
-
.video-js.
|
|
607
|
+
.video-js.skin_news .vjs-control-bar{
|
|
601
608
|
height: 4em !important;
|
|
602
609
|
}
|
|
603
|
-
.video-js.
|
|
610
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
604
611
|
font-size: 2.5em;
|
|
605
612
|
line-height: 1.5;
|
|
606
613
|
}
|
|
607
|
-
.video-js.
|
|
614
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
608
615
|
font-size: 1.2em;
|
|
609
616
|
position: absolute;
|
|
610
617
|
right: -0.5em;
|
|
611
618
|
z-index: 1;
|
|
612
619
|
}
|
|
613
|
-
.video-js.
|
|
620
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
614
621
|
height: 20px;
|
|
615
622
|
}
|
|
616
|
-
.video-js.
|
|
623
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
617
624
|
width: 50px !important;
|
|
618
625
|
height: 50px !important;
|
|
619
626
|
font-size: 2.1rem !important;
|
|
@@ -623,17 +630,17 @@ iframe{
|
|
|
623
630
|
width: 24px;
|
|
624
631
|
height: 24px;
|
|
625
632
|
}
|
|
626
|
-
.video-js.
|
|
633
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
627
634
|
margin: 0 12px 0 12px;
|
|
628
635
|
}
|
|
629
|
-
.video-js.
|
|
636
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
630
637
|
font-size: 12px;
|
|
631
638
|
}
|
|
632
|
-
.video-js.
|
|
639
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
633
640
|
margin: 0 12px 0 12px;
|
|
634
641
|
}
|
|
635
642
|
}
|
|
636
|
-
.video-js.
|
|
643
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
637
644
|
width: 90px;
|
|
638
645
|
height: 90px;
|
|
639
646
|
display: flex;
|
|
@@ -650,7 +657,7 @@ iframe{
|
|
|
650
657
|
line-height: 1.4em;
|
|
651
658
|
}
|
|
652
659
|
|
|
653
|
-
.video-js.
|
|
660
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
654
661
|
display: flex;
|
|
655
662
|
justify-content: center;
|
|
656
663
|
align-items: center;
|
|
@@ -658,22 +665,29 @@ iframe{
|
|
|
658
665
|
transition: width 0.1s;
|
|
659
666
|
}
|
|
660
667
|
|
|
661
|
-
.video-js.
|
|
668
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
662
669
|
display: flex;
|
|
663
670
|
justify-content: center;
|
|
664
671
|
align-items: center;
|
|
665
672
|
height: 100%;
|
|
666
673
|
transition: width 0.1s;
|
|
667
674
|
}
|
|
668
|
-
.video-js.
|
|
675
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
669
676
|
display: none !important;
|
|
670
677
|
}
|
|
678
|
+
.video-js.skin_news .ssai-ad-container{
|
|
679
|
+
position: absolute;
|
|
680
|
+
bottom: 14px;
|
|
681
|
+
}
|
|
671
682
|
|
|
672
683
|
@media (max-width: 576px) {
|
|
673
|
-
.video-js.
|
|
684
|
+
.video-js.skin_news .ssai-ad-container{
|
|
685
|
+
bottom: 2px;
|
|
686
|
+
}
|
|
687
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
674
688
|
height: 5px !important;
|
|
675
689
|
}
|
|
676
|
-
.video-js.
|
|
690
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
677
691
|
width: 50px !important;
|
|
678
692
|
height: 50px !important;
|
|
679
693
|
font-size: 2.1rem !important;
|
|
@@ -682,84 +696,100 @@ iframe{
|
|
|
682
696
|
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
683
697
|
display: none;
|
|
684
698
|
}
|
|
685
|
-
.video-js.
|
|
699
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
686
700
|
bottom: 2.4em !important;
|
|
687
701
|
right: -1em;
|
|
688
702
|
z-index: 1;
|
|
689
703
|
}
|
|
690
|
-
.video-js.
|
|
704
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
691
705
|
display: none !important;
|
|
692
706
|
}
|
|
693
707
|
|
|
694
|
-
.video-js.
|
|
708
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
695
709
|
color: white !important;
|
|
696
710
|
font-size: 13px !important;
|
|
697
711
|
background-color: black !important;
|
|
698
712
|
}
|
|
699
713
|
}
|
|
700
714
|
|
|
701
|
-
.video-js.
|
|
702
|
-
width: 100% !important;
|
|
703
|
-
}
|
|
704
|
-
|
|
705
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
715
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
706
716
|
color: white !important;
|
|
707
717
|
font-size: 16px !important;
|
|
708
718
|
background-color: black !important;
|
|
709
719
|
}
|
|
710
720
|
|
|
711
|
-
.video-js.
|
|
721
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
712
722
|
margin-bottom: 2rem !important;
|
|
713
723
|
}
|
|
714
724
|
|
|
715
|
-
.video-js.
|
|
725
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
716
726
|
font-size: 18px !important;
|
|
717
727
|
}
|
|
718
728
|
|
|
719
729
|
|
|
720
|
-
.video-js.
|
|
721
|
-
.video-js.
|
|
730
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
731
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
722
732
|
font-size: 1.2em !important;
|
|
723
733
|
line-height: 1.5em !important;
|
|
724
734
|
padding: 0.2em 0.8em !important;
|
|
725
735
|
}
|
|
726
736
|
|
|
727
|
-
.video-js.
|
|
737
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
728
738
|
content: none !important;
|
|
729
739
|
fill: none !important;
|
|
730
740
|
filter: none !important;
|
|
731
741
|
}
|
|
732
742
|
|
|
733
|
-
|
|
734
|
-
|
|
743
|
+
/* svg icons opacity and hover effect */
|
|
744
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
745
|
+
opacity: 0.7 !important;
|
|
735
746
|
}
|
|
736
747
|
|
|
737
|
-
.video-js.
|
|
738
|
-
|
|
748
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
749
|
+
opacity: 1 !important;
|
|
750
|
+
}
|
|
751
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
752
|
+
opacity: 0.7 !important;
|
|
753
|
+
}
|
|
754
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
755
|
+
opacity: 1 !important;
|
|
739
756
|
}
|
|
740
757
|
|
|
758
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
759
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
760
|
+
}
|
|
741
761
|
|
|
742
|
-
|
|
743
|
-
|
|
762
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
763
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
764
|
+
}
|
|
765
|
+
|
|
766
|
+
|
|
767
|
+
|
|
768
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
744
769
|
font-size: 2.2em;
|
|
745
770
|
line-height: 2.6;
|
|
746
771
|
}
|
|
747
|
-
.video-js.
|
|
748
|
-
|
|
772
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
773
|
+
background: #fcb700;
|
|
749
774
|
}
|
|
750
|
-
.video-js.
|
|
775
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
751
776
|
z-index: 1 !important;
|
|
752
|
-
height:
|
|
777
|
+
height: 5em !important;
|
|
753
778
|
background: black !important;
|
|
754
779
|
}
|
|
780
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
781
|
+
display: flex;
|
|
782
|
+
align-items: center;
|
|
783
|
+
justify-content: center;
|
|
784
|
+
}
|
|
755
785
|
|
|
756
|
-
.video-js.
|
|
786
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
757
787
|
visibility: hidden !important;
|
|
758
788
|
opacity: 0 !important;
|
|
759
789
|
transition: visibility 1s, opacity 1s !important;
|
|
760
790
|
}
|
|
761
791
|
|
|
762
|
-
.video-js.
|
|
792
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
763
793
|
position: absolute;
|
|
764
794
|
width: 100%;
|
|
765
795
|
display: flex;
|
|
@@ -767,7 +797,7 @@ iframe{
|
|
|
767
797
|
top: -0.5em;
|
|
768
798
|
}
|
|
769
799
|
|
|
770
|
-
.video-js.
|
|
800
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
771
801
|
/* left: -6px; */
|
|
772
802
|
position: relative;
|
|
773
803
|
width: 100%;
|
|
@@ -775,22 +805,25 @@ iframe{
|
|
|
775
805
|
transition: height 0.1s, top 0.1s;
|
|
776
806
|
}
|
|
777
807
|
|
|
808
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
809
|
+
min-width: 5.3em;
|
|
810
|
+
}
|
|
778
811
|
|
|
779
812
|
|
|
780
813
|
|
|
781
|
-
.video-js.
|
|
782
|
-
display: block;
|
|
783
|
-
flex: 1 1 auto;
|
|
814
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
815
|
+
/* display: block; */
|
|
816
|
+
/* flex: 1 1 auto; */
|
|
784
817
|
}
|
|
785
818
|
|
|
786
|
-
.video-js.
|
|
819
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
787
820
|
margin: 0 0px 0 0px;
|
|
788
821
|
}
|
|
789
|
-
.video-js.
|
|
822
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
790
823
|
display: none;
|
|
791
824
|
}
|
|
792
825
|
|
|
793
|
-
.video-js.
|
|
826
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
794
827
|
font-size: 14px;
|
|
795
828
|
font-weight: 500;
|
|
796
829
|
align-self: center;
|
|
@@ -799,207 +832,199 @@ iframe{
|
|
|
799
832
|
border-radius: 8px;
|
|
800
833
|
}
|
|
801
834
|
|
|
802
|
-
.video-js.
|
|
803
|
-
height:
|
|
835
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
836
|
+
height: 6px !important;
|
|
804
837
|
}
|
|
805
838
|
|
|
806
|
-
.video-js.
|
|
807
|
-
font-size: 1.
|
|
839
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
840
|
+
font-size: 1.5em;
|
|
808
841
|
line-height: unset;
|
|
809
842
|
top: -0.3333333333em;
|
|
810
843
|
}
|
|
811
844
|
|
|
812
|
-
.video-js.
|
|
845
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
813
846
|
display: none !important;
|
|
814
847
|
}
|
|
815
848
|
|
|
816
849
|
/* */
|
|
817
|
-
.video-js.
|
|
850
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
818
851
|
font-size: 1.6666666667em;
|
|
819
852
|
}
|
|
820
853
|
|
|
821
|
-
.video-js.
|
|
854
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
822
855
|
font-size: 1em !important;
|
|
823
856
|
}
|
|
824
857
|
|
|
825
|
-
.video-js.
|
|
826
|
-
width: 3em;
|
|
858
|
+
.video-js.skin_news_live .vjs-button{
|
|
859
|
+
width: 5.3em;
|
|
827
860
|
display: flex;
|
|
828
861
|
align-items: center;
|
|
829
862
|
justify-content: center;
|
|
830
863
|
}
|
|
831
864
|
|
|
832
865
|
|
|
833
|
-
.video-js.
|
|
866
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
834
867
|
.icon-maximize {
|
|
835
868
|
display: block;
|
|
836
869
|
height: 32px;
|
|
837
870
|
}
|
|
838
871
|
|
|
839
|
-
.video-js.
|
|
872
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
840
873
|
line-height: 4;
|
|
841
874
|
}
|
|
842
875
|
|
|
843
|
-
.video-js.
|
|
876
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
844
877
|
.icon-minimize {
|
|
845
878
|
display: none;
|
|
846
879
|
height: 32px;
|
|
847
880
|
}
|
|
848
881
|
|
|
849
|
-
.video-js.
|
|
882
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
850
883
|
outline: none !important;
|
|
884
|
+
/* flex: 1; */
|
|
851
885
|
}
|
|
852
|
-
.video-js.
|
|
886
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
887
|
+
display: flex;
|
|
888
|
+
flex: 1;
|
|
889
|
+
justify-content: center;
|
|
890
|
+
}
|
|
891
|
+
|
|
892
|
+
|
|
893
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
853
894
|
.vjs-icon-fullscreen-enter:before {
|
|
854
895
|
/* content: '' !important; */
|
|
855
896
|
}
|
|
856
897
|
|
|
857
|
-
.video-js.
|
|
898
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
858
899
|
display: flex;
|
|
859
900
|
justify-content: center;
|
|
860
901
|
align-items: center;
|
|
861
902
|
/* transform: rotate(90deg); */
|
|
862
903
|
}
|
|
863
904
|
|
|
864
|
-
.video-js.
|
|
905
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
865
906
|
display: none;
|
|
866
907
|
}
|
|
867
|
-
.video-js.
|
|
908
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
868
909
|
margin-left: -10px;
|
|
869
|
-
display: none;
|
|
870
910
|
}
|
|
871
911
|
|
|
872
|
-
.video-js.
|
|
873
|
-
position: absolute;
|
|
874
|
-
top: 50%;
|
|
875
|
-
left: 50%;
|
|
876
|
-
transform: translate(-50%, -50%);
|
|
877
|
-
opacity: .85;
|
|
878
|
-
text-align: left;
|
|
879
|
-
border: .2em solid rgba(43, 51, 63, .7);
|
|
880
|
-
box-sizing: border-box;
|
|
881
|
-
background-clip: padding-box;
|
|
882
|
-
width: 3em;
|
|
883
|
-
height: 3em;
|
|
884
|
-
border-radius: 50%;
|
|
885
|
-
visibility: hidden;
|
|
886
|
-
}
|
|
887
|
-
|
|
888
|
-
.video-js.skin_mini .skipbtn:hover{
|
|
912
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
889
913
|
cursor: pointer;
|
|
890
914
|
}
|
|
891
915
|
|
|
892
|
-
.video-js.
|
|
916
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
893
917
|
cursor: pointer;
|
|
894
918
|
}
|
|
895
919
|
|
|
896
|
-
.video-js.
|
|
920
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
897
921
|
position: relative;
|
|
898
922
|
padding-left: 0;
|
|
899
923
|
}
|
|
900
924
|
|
|
901
|
-
.video-js.
|
|
902
|
-
|
|
903
|
-
height: 40px;
|
|
904
|
-
display: flex;
|
|
905
|
-
justify-content: center;
|
|
906
|
-
align-items: center;
|
|
907
|
-
border: none;
|
|
908
|
-
position: absolute;
|
|
909
|
-
top: 0;
|
|
910
|
-
left: 0;
|
|
911
|
-
right: 0;
|
|
912
|
-
bottom: 0;
|
|
913
|
-
margin: auto;
|
|
914
|
-
font-size: 3em;
|
|
915
|
-
line-height: 1.3em;
|
|
916
|
-
transform: none !important;
|
|
917
|
-
border-radius: 1.3em;
|
|
925
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
926
|
+
display: none !important;
|
|
918
927
|
}
|
|
919
928
|
|
|
920
|
-
.video-js.
|
|
929
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
930
|
+
/* width: 90px;
|
|
931
|
+
height: 90px;
|
|
932
|
+
display: flex;
|
|
933
|
+
justify-content: center;
|
|
934
|
+
align-items: center;
|
|
935
|
+
border-radius: 50%;
|
|
936
|
+
position: absolute;
|
|
937
|
+
top: 0;
|
|
938
|
+
left: 0;
|
|
939
|
+
right: 0;
|
|
940
|
+
bottom: 0;
|
|
941
|
+
margin: auto;
|
|
942
|
+
font-size: 6em;
|
|
943
|
+
line-height: 1.4em;
|
|
944
|
+
border: 0.05em solid;
|
|
945
|
+
color: inherit; */
|
|
946
|
+
display: none !important;
|
|
947
|
+
}
|
|
948
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
921
949
|
font-weight: bold;
|
|
922
950
|
}
|
|
923
951
|
|
|
924
|
-
.video-js.
|
|
925
|
-
bottom:
|
|
926
|
-
right: 1em;
|
|
952
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
953
|
+
bottom: 2.4em !important;
|
|
954
|
+
right: -1em;
|
|
927
955
|
z-index: 1;
|
|
928
|
-
font-size: 10px;
|
|
929
956
|
}
|
|
930
957
|
|
|
931
|
-
.video-js.
|
|
958
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
932
959
|
width: 24px !important;
|
|
933
960
|
height: 24px !important;
|
|
934
961
|
}
|
|
935
|
-
.
|
|
962
|
+
.settings-selector-icon>svg{
|
|
936
963
|
height: 19px !important;
|
|
937
964
|
width: 19px !important;
|
|
938
965
|
}
|
|
939
966
|
|
|
940
967
|
|
|
941
|
-
.video-js.
|
|
968
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
942
969
|
cursor: pointer;
|
|
943
970
|
}
|
|
944
971
|
|
|
945
|
-
.video-js.
|
|
972
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
946
973
|
padding-right: 0;
|
|
974
|
+
display: none;
|
|
947
975
|
}
|
|
948
976
|
|
|
949
|
-
.video-js.
|
|
977
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
950
978
|
padding-left: 0;
|
|
979
|
+
display: none;
|
|
951
980
|
}
|
|
952
981
|
|
|
953
|
-
.video-js.
|
|
982
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
954
983
|
padding-left: 0;
|
|
955
984
|
padding-right: 0;
|
|
956
|
-
display:
|
|
957
|
-
justify-content: center;
|
|
958
|
-
width: min-content;
|
|
985
|
+
display: none;
|
|
959
986
|
}
|
|
960
987
|
|
|
961
|
-
.video-js.
|
|
988
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
962
989
|
display: none
|
|
963
990
|
}
|
|
964
|
-
.video-js.
|
|
991
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
965
992
|
display: none
|
|
966
993
|
}
|
|
967
994
|
|
|
968
|
-
.video-js.
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
padding-left: 0;
|
|
995
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
996
|
+
display: flex;
|
|
997
|
+
align-items: center;
|
|
998
|
+
font-weight: 700;
|
|
999
|
+
font-size: 12px;
|
|
1000
|
+
min-width: 1.2em;
|
|
975
1001
|
}
|
|
976
1002
|
|
|
977
|
-
.video-js.
|
|
1003
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
978
1004
|
display: none;
|
|
979
1005
|
font-size: 11px;
|
|
980
1006
|
justify-content: center;
|
|
981
1007
|
align-items: center;
|
|
982
1008
|
user-select: none;
|
|
983
1009
|
}
|
|
984
|
-
.video-js.
|
|
1010
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
985
1011
|
display: none;
|
|
986
1012
|
}
|
|
987
1013
|
|
|
988
|
-
.video-js.
|
|
1014
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
989
1015
|
height: min-content;
|
|
990
1016
|
width: min-content;
|
|
991
1017
|
}
|
|
992
|
-
.video-js.
|
|
993
|
-
width:
|
|
994
|
-
margin-right: 4px;
|
|
1018
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1019
|
+
width: 6em;
|
|
995
1020
|
}
|
|
996
1021
|
|
|
997
|
-
.video-js.
|
|
1022
|
+
.video-js.skin_news_live .content{
|
|
998
1023
|
bottom: 3.4rem !important;
|
|
999
1024
|
right: -4rem !important;
|
|
1000
1025
|
}
|
|
1001
1026
|
|
|
1002
|
-
.
|
|
1027
|
+
.setting-icon > svg{
|
|
1003
1028
|
height:18px !important;
|
|
1004
1029
|
}
|
|
1005
1030
|
|
|
@@ -1018,11 +1043,11 @@ iframe{
|
|
|
1018
1043
|
height: 100%;
|
|
1019
1044
|
}
|
|
1020
1045
|
|
|
1021
|
-
.video-js.
|
|
1046
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
1022
1047
|
align-items: center;
|
|
1023
|
-
|
|
1048
|
+
display: none;
|
|
1024
1049
|
}
|
|
1025
|
-
.video-js.
|
|
1050
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
1026
1051
|
height: 2.2em;
|
|
1027
1052
|
display: flex;
|
|
1028
1053
|
align-items: center;
|
|
@@ -1030,212 +1055,238 @@ iframe{
|
|
|
1030
1055
|
width: 4em;
|
|
1031
1056
|
justify-content: center;
|
|
1032
1057
|
background: red;
|
|
1033
|
-
margin: 4px 0px 4px
|
|
1058
|
+
margin: 4px 0px 4px 12px;
|
|
1034
1059
|
}
|
|
1035
1060
|
|
|
1036
|
-
.video-js.
|
|
1061
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
1037
1062
|
text-shadow: none;
|
|
1038
1063
|
}
|
|
1039
|
-
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1040
|
-
display: none;
|
|
1041
|
-
font-size: 12px;
|
|
1042
|
-
}
|
|
1043
1064
|
|
|
1044
|
-
.video-js.
|
|
1045
|
-
|
|
1046
|
-
display: inline-flex;
|
|
1047
|
-
align-items: center;
|
|
1048
|
-
font-family: monospace;
|
|
1065
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
1066
|
+
display: flex;
|
|
1049
1067
|
justify-content: center;
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
padding: 2px 4px;
|
|
1054
|
-
font-size: 1.2em;
|
|
1055
|
-
font-weight: 500;
|
|
1056
|
-
color: rgba(255, 255, 2555, 0.7);
|
|
1068
|
+
min-width: 5.3em;
|
|
1069
|
+
pointer-events: none;
|
|
1070
|
+
user-select: none;
|
|
1057
1071
|
}
|
|
1058
1072
|
|
|
1059
|
-
.video-js.
|
|
1060
|
-
|
|
1061
|
-
word-spacing: -4px;
|
|
1073
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
1074
|
+
color: white;
|
|
1062
1075
|
}
|
|
1063
1076
|
|
|
1064
1077
|
|
|
1065
|
-
|
|
1078
|
+
.settings-selection.vjs-control.vjs-button{
|
|
1079
|
+
display: flex !important;
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
@media(max-width:576px){
|
|
1083
|
+
.settings-selection.vjs-control.vjs-button{
|
|
1084
|
+
display: none !important;
|
|
1085
|
+
}
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
|
|
1089
|
+
@media(max-width:576px){
|
|
1066
1090
|
.tvProviderImage{
|
|
1067
1091
|
display: none
|
|
1068
1092
|
}
|
|
1069
|
-
.video-js.
|
|
1093
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
1070
1094
|
.icon-maximize {
|
|
1071
1095
|
height: 30px !important;
|
|
1072
1096
|
}
|
|
1073
1097
|
|
|
1074
|
-
.video-js.
|
|
1098
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
1075
1099
|
.icon-minimize {
|
|
1076
1100
|
height: 30px !important;
|
|
1077
1101
|
}
|
|
1078
|
-
.video-js.
|
|
1079
|
-
width:
|
|
1102
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1103
|
+
width: 4.5em;
|
|
1080
1104
|
}
|
|
1081
|
-
.video-js.
|
|
1105
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1082
1106
|
height: min-content;
|
|
1083
1107
|
}
|
|
1084
1108
|
|
|
1085
|
-
.video-js.
|
|
1109
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
1086
1110
|
display: none;
|
|
1087
1111
|
}
|
|
1088
|
-
.video-js.
|
|
1112
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
1089
1113
|
display: none;
|
|
1090
1114
|
}
|
|
1091
|
-
.video-js.
|
|
1115
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
1092
1116
|
height: 20px;
|
|
1093
1117
|
}
|
|
1094
|
-
.video-js.
|
|
1095
|
-
width:
|
|
1118
|
+
.video-js.skin_news_live .vjs-button{
|
|
1119
|
+
width: 4.8em;
|
|
1096
1120
|
}
|
|
1097
|
-
.video-js.
|
|
1121
|
+
.video-js.skin_news_live .widget-selection{
|
|
1098
1122
|
display: none;
|
|
1099
1123
|
}
|
|
1100
|
-
.video-js.
|
|
1124
|
+
.video-js.skin_news_live .container{
|
|
1101
1125
|
display: none !important;
|
|
1102
1126
|
}
|
|
1103
|
-
.video-js.
|
|
1127
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
1104
1128
|
height: 4em !important;
|
|
1105
1129
|
}
|
|
1106
|
-
.video-js.
|
|
1130
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
1107
1131
|
font-size: 2.5em;
|
|
1108
1132
|
line-height: 1.5;
|
|
1109
1133
|
}
|
|
1110
|
-
.video-js.
|
|
1134
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
1111
1135
|
font-size: 1.2em;
|
|
1112
1136
|
position: absolute;
|
|
1113
1137
|
right: -0.5em;
|
|
1114
1138
|
z-index: 1;
|
|
1115
1139
|
}
|
|
1116
|
-
.video-js.
|
|
1140
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
1117
1141
|
height: 20px;
|
|
1118
1142
|
}
|
|
1143
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1144
|
+
width: 50px !important;
|
|
1145
|
+
height: 50px !important;
|
|
1146
|
+
font-size: 2.1rem !important;
|
|
1147
|
+
}
|
|
1119
1148
|
|
|
1120
1149
|
.stream-selector-icon>svg{
|
|
1121
1150
|
width: 24px;
|
|
1122
1151
|
height: 24px;
|
|
1123
1152
|
}
|
|
1124
|
-
.video-js.
|
|
1125
|
-
|
|
1153
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1154
|
+
margin: 0 12px 0 12px;
|
|
1126
1155
|
}
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
color: white !important;
|
|
1130
|
-
font-size: 16px !important;
|
|
1131
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
1132
|
-
}
|
|
1156
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
1157
|
+
font-size: 12px;
|
|
1133
1158
|
}
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
color: white !important;
|
|
1137
|
-
font-size: 16px !important;
|
|
1138
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
1159
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1160
|
+
margin: 0 12px 0 12px;
|
|
1139
1161
|
}
|
|
1140
|
-
|
|
1141
|
-
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
1142
|
-
font-size: 18px !important;
|
|
1143
1162
|
}
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1163
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1164
|
+
width: 90px;
|
|
1165
|
+
height: 90px;
|
|
1166
|
+
display: flex;
|
|
1167
|
+
justify-content: center;
|
|
1168
|
+
align-items: center;
|
|
1169
|
+
border-radius: 50%;
|
|
1170
|
+
position: absolute;
|
|
1171
|
+
top: 0;
|
|
1172
|
+
left: 0;
|
|
1173
|
+
right: 0;
|
|
1174
|
+
bottom: 0;
|
|
1175
|
+
margin: auto;
|
|
1176
|
+
font-size: 6em;
|
|
1177
|
+
line-height: 1.4em;
|
|
1147
1178
|
}
|
|
1148
1179
|
|
|
1149
|
-
|
|
1150
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1180
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1151
1181
|
display: flex;
|
|
1152
1182
|
justify-content: center;
|
|
1153
1183
|
align-items: center;
|
|
1154
1184
|
height: 100%;
|
|
1155
1185
|
transition: width 0.1s;
|
|
1156
1186
|
}
|
|
1157
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1158
|
-
margin: 2px;
|
|
1159
|
-
}
|
|
1160
1187
|
|
|
1161
|
-
.video-js.
|
|
1188
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1162
1189
|
display: flex;
|
|
1163
1190
|
justify-content: center;
|
|
1164
1191
|
align-items: center;
|
|
1165
1192
|
height: 100%;
|
|
1166
1193
|
transition: width 0.1s;
|
|
1167
1194
|
}
|
|
1168
|
-
.video-js.
|
|
1169
|
-
display:
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1195
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1196
|
+
display: none !important;
|
|
1197
|
+
}
|
|
1198
|
+
|
|
1199
|
+
@media (max-width: 576px) {
|
|
1200
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
1201
|
+
height: 5px !important;
|
|
1202
|
+
}
|
|
1203
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1204
|
+
width: 50px !important;
|
|
1205
|
+
height: 50px !important;
|
|
1206
|
+
font-size: 2.1rem !important;
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1210
|
+
display: none;
|
|
1211
|
+
}
|
|
1212
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
1213
|
+
bottom: 2.4em !important;
|
|
1214
|
+
right: -1em;
|
|
1215
|
+
z-index: 1;
|
|
1216
|
+
}
|
|
1217
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1218
|
+
display: none !important;
|
|
1219
|
+
}
|
|
1220
|
+
|
|
1221
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
1222
|
+
color: white !important;
|
|
1223
|
+
font-size: 13px !important;
|
|
1224
|
+
background-color: black !important;
|
|
1225
|
+
}
|
|
1226
|
+
}
|
|
1227
|
+
|
|
1228
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
1229
|
+
width: 100% !important;
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
1233
|
+
color: white !important;
|
|
1234
|
+
font-size: 16px !important;
|
|
1235
|
+
background-color: black !important;
|
|
1175
1236
|
}
|
|
1176
1237
|
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
}
|
|
1238
|
+
.video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1239
|
+
margin-bottom: 2rem !important;
|
|
1240
|
+
}
|
|
1181
1241
|
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1242
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml p {
|
|
1243
|
+
font-size: 18px !important;
|
|
1244
|
+
}
|
|
1185
1245
|
|
|
1246
|
+
|
|
1247
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1248
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1249
|
+
font-size: 1.2em !important;
|
|
1250
|
+
line-height: 1.5em !important;
|
|
1251
|
+
padding: 0.2em 0.8em !important;
|
|
1186
1252
|
}
|
|
1187
1253
|
|
|
1188
|
-
.video-js.
|
|
1254
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1189
1255
|
content: none !important;
|
|
1190
1256
|
fill: none !important;
|
|
1191
1257
|
filter: none !important;
|
|
1192
1258
|
}
|
|
1193
1259
|
|
|
1194
|
-
|
|
1195
|
-
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1196
|
-
opacity: 0.7 !important;
|
|
1197
|
-
}
|
|
1198
|
-
|
|
1199
|
-
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1200
|
-
opacity: 1 !important;
|
|
1201
|
-
}
|
|
1202
|
-
|
|
1203
|
-
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1260
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1204
1261
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1205
1262
|
}
|
|
1206
1263
|
|
|
1207
|
-
.video-js.
|
|
1264
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1208
1265
|
color: rgba(255, 255, 2555, 1)!important;
|
|
1209
1266
|
}
|
|
1210
1267
|
|
|
1211
1268
|
|
|
1212
1269
|
|
|
1213
|
-
|
|
1214
|
-
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
1270
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
1215
1271
|
font-size: 2.2em;
|
|
1216
1272
|
line-height: 2.6;
|
|
1217
1273
|
}
|
|
1218
|
-
.video-js.
|
|
1219
|
-
|
|
1274
|
+
.video-js.skin_mini{
|
|
1275
|
+
overflow: hidden;
|
|
1220
1276
|
}
|
|
1221
|
-
.video-js.
|
|
1277
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
1222
1278
|
z-index: 1 !important;
|
|
1223
|
-
height:
|
|
1279
|
+
height: 4em !important;
|
|
1224
1280
|
background: black !important;
|
|
1225
1281
|
}
|
|
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
1282
|
|
|
1232
|
-
.video-js.
|
|
1283
|
+
.video-js.skin_mini .vjs-fade>* {
|
|
1233
1284
|
visibility: hidden !important;
|
|
1234
1285
|
opacity: 0 !important;
|
|
1235
1286
|
transition: visibility 1s, opacity 1s !important;
|
|
1236
1287
|
}
|
|
1237
1288
|
|
|
1238
|
-
.video-js.
|
|
1289
|
+
.video-js.skin_mini .custom-spaced-progress-bar {
|
|
1239
1290
|
position: absolute;
|
|
1240
1291
|
width: 100%;
|
|
1241
1292
|
display: flex;
|
|
@@ -1243,7 +1294,7 @@ iframe{
|
|
|
1243
1294
|
top: -0.5em;
|
|
1244
1295
|
}
|
|
1245
1296
|
|
|
1246
|
-
.video-js.
|
|
1297
|
+
.video-js.skin_mini .vjs-progress-control {
|
|
1247
1298
|
/* left: -6px; */
|
|
1248
1299
|
position: relative;
|
|
1249
1300
|
width: 100%;
|
|
@@ -1254,19 +1305,19 @@ iframe{
|
|
|
1254
1305
|
|
|
1255
1306
|
|
|
1256
1307
|
|
|
1257
|
-
.video-js.
|
|
1308
|
+
.video-js.skin_mini .vjs-custom-control-spacer {
|
|
1258
1309
|
display: block;
|
|
1259
1310
|
flex: 1 1 auto;
|
|
1260
1311
|
}
|
|
1261
1312
|
|
|
1262
|
-
.video-js.
|
|
1313
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
|
|
1263
1314
|
margin: 0 0px 0 0px;
|
|
1264
1315
|
}
|
|
1265
|
-
.video-js.
|
|
1316
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1266
1317
|
display: none;
|
|
1267
1318
|
}
|
|
1268
1319
|
|
|
1269
|
-
.video-js.
|
|
1320
|
+
.video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
1270
1321
|
font-size: 14px;
|
|
1271
1322
|
font-weight: 500;
|
|
1272
1323
|
align-self: center;
|
|
@@ -1275,143 +1326,158 @@ iframe{
|
|
|
1275
1326
|
border-radius: 8px;
|
|
1276
1327
|
}
|
|
1277
1328
|
|
|
1278
|
-
.video-js.
|
|
1279
|
-
height:
|
|
1329
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1330
|
+
height: 5px !important;
|
|
1280
1331
|
}
|
|
1281
1332
|
|
|
1282
|
-
.video-js.
|
|
1283
|
-
font-size: 1.
|
|
1333
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
1334
|
+
font-size: 1.3em;
|
|
1284
1335
|
line-height: unset;
|
|
1285
1336
|
top: -0.3333333333em;
|
|
1286
1337
|
}
|
|
1287
1338
|
|
|
1288
|
-
.video-js.
|
|
1339
|
+
.video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
|
|
1289
1340
|
display: none !important;
|
|
1290
1341
|
}
|
|
1291
1342
|
|
|
1292
1343
|
/* */
|
|
1293
|
-
.video-js.
|
|
1344
|
+
.video-js.skin_mini .vjs-mouse-display{
|
|
1294
1345
|
font-size: 1.6666666667em;
|
|
1295
1346
|
}
|
|
1296
1347
|
|
|
1297
|
-
.video-js.
|
|
1348
|
+
.video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
|
|
1298
1349
|
font-size: 1em !important;
|
|
1299
1350
|
}
|
|
1300
1351
|
|
|
1301
|
-
.video-js.
|
|
1302
|
-
width:
|
|
1352
|
+
.video-js.skin_mini .vjs-button{
|
|
1353
|
+
width: 3em;
|
|
1303
1354
|
display: flex;
|
|
1304
1355
|
align-items: center;
|
|
1305
1356
|
justify-content: center;
|
|
1306
1357
|
}
|
|
1307
1358
|
|
|
1308
1359
|
|
|
1309
|
-
.video-js.
|
|
1360
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
1310
1361
|
.icon-maximize {
|
|
1311
1362
|
display: block;
|
|
1312
1363
|
height: 32px;
|
|
1313
1364
|
}
|
|
1314
1365
|
|
|
1315
|
-
.video-js.
|
|
1366
|
+
.video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
|
|
1316
1367
|
line-height: 4;
|
|
1317
1368
|
}
|
|
1318
1369
|
|
|
1319
|
-
.video-js.
|
|
1370
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
1320
1371
|
.icon-minimize {
|
|
1321
1372
|
display: none;
|
|
1322
1373
|
height: 32px;
|
|
1323
1374
|
}
|
|
1324
1375
|
|
|
1325
|
-
.video-js.
|
|
1376
|
+
.video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
|
|
1326
1377
|
outline: none !important;
|
|
1327
1378
|
}
|
|
1328
|
-
.video-js.
|
|
1379
|
+
.video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1329
1380
|
.vjs-icon-fullscreen-enter:before {
|
|
1330
1381
|
/* content: '' !important; */
|
|
1331
1382
|
}
|
|
1332
1383
|
|
|
1333
|
-
.video-js.
|
|
1384
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
1334
1385
|
display: flex;
|
|
1335
1386
|
justify-content: center;
|
|
1336
1387
|
align-items: center;
|
|
1337
1388
|
/* transform: rotate(90deg); */
|
|
1338
1389
|
}
|
|
1339
1390
|
|
|
1340
|
-
.video-js.
|
|
1391
|
+
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
1341
1392
|
display: none;
|
|
1342
1393
|
}
|
|
1343
|
-
.video-js.
|
|
1394
|
+
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
1344
1395
|
margin-left: -10px;
|
|
1396
|
+
display: none;
|
|
1345
1397
|
}
|
|
1346
1398
|
|
|
1347
|
-
.video-js.
|
|
1399
|
+
.video-js.skin_mini .vjs-loading-spinner {
|
|
1400
|
+
position: absolute;
|
|
1401
|
+
top: 50%;
|
|
1402
|
+
left: 50%;
|
|
1403
|
+
transform: translate(-50%, -50%);
|
|
1404
|
+
opacity: .85;
|
|
1405
|
+
text-align: left;
|
|
1406
|
+
border: .2em solid rgba(43, 51, 63, .7);
|
|
1407
|
+
box-sizing: border-box;
|
|
1408
|
+
background-clip: padding-box;
|
|
1409
|
+
width: 3em;
|
|
1410
|
+
height: 3em;
|
|
1411
|
+
border-radius: 50%;
|
|
1412
|
+
visibility: hidden;
|
|
1413
|
+
}
|
|
1414
|
+
|
|
1415
|
+
.video-js.skin_mini .skipbtn:hover{
|
|
1348
1416
|
cursor: pointer;
|
|
1349
1417
|
}
|
|
1350
1418
|
|
|
1351
|
-
.video-js.
|
|
1419
|
+
.video-js.skin_mini .rewindbtn:hover{
|
|
1352
1420
|
cursor: pointer;
|
|
1353
1421
|
}
|
|
1354
1422
|
|
|
1355
|
-
.video-js.
|
|
1423
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
|
|
1356
1424
|
position: relative;
|
|
1357
1425
|
padding-left: 0;
|
|
1358
1426
|
}
|
|
1359
1427
|
|
|
1360
|
-
.video-js.
|
|
1361
|
-
|
|
1428
|
+
.video-js.skin_mini.vjs-paused .vjs-big-play-button {
|
|
1429
|
+
width: 40px;
|
|
1430
|
+
height: 40px;
|
|
1431
|
+
display: flex;
|
|
1432
|
+
justify-content: center;
|
|
1433
|
+
align-items: center;
|
|
1434
|
+
border: none;
|
|
1435
|
+
position: absolute;
|
|
1436
|
+
top: 0;
|
|
1437
|
+
left: 0;
|
|
1438
|
+
right: 0;
|
|
1439
|
+
bottom: 0;
|
|
1440
|
+
margin: auto;
|
|
1441
|
+
font-size: 3em;
|
|
1442
|
+
line-height: 1.3em;
|
|
1443
|
+
transform: none !important;
|
|
1444
|
+
border-radius: 1.3em;
|
|
1362
1445
|
}
|
|
1363
1446
|
|
|
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{
|
|
1447
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
1383
1448
|
font-weight: bold;
|
|
1384
1449
|
}
|
|
1385
1450
|
|
|
1386
|
-
.video-js.
|
|
1387
|
-
bottom:
|
|
1388
|
-
right:
|
|
1451
|
+
.video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
|
|
1452
|
+
bottom: 1.1em !important;
|
|
1453
|
+
right: 1em;
|
|
1389
1454
|
z-index: 1;
|
|
1455
|
+
font-size: 10px;
|
|
1390
1456
|
}
|
|
1391
1457
|
|
|
1392
|
-
.video-js.
|
|
1458
|
+
.video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
|
|
1393
1459
|
width: 24px !important;
|
|
1394
1460
|
height: 24px !important;
|
|
1395
1461
|
}
|
|
1396
|
-
.settings-selector-icon>svg{
|
|
1462
|
+
.video-js.skin_mini .settings-selector-icon>svg{
|
|
1397
1463
|
height: 19px !important;
|
|
1398
1464
|
width: 19px !important;
|
|
1399
1465
|
}
|
|
1400
1466
|
|
|
1401
1467
|
|
|
1402
|
-
.video-js.
|
|
1468
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
1403
1469
|
cursor: pointer;
|
|
1404
1470
|
}
|
|
1405
1471
|
|
|
1406
|
-
.video-js.
|
|
1472
|
+
.video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
1407
1473
|
padding-right: 0;
|
|
1408
1474
|
}
|
|
1409
1475
|
|
|
1410
|
-
.video-js.
|
|
1476
|
+
.video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
1411
1477
|
padding-left: 0;
|
|
1412
1478
|
}
|
|
1413
1479
|
|
|
1414
|
-
.video-js.
|
|
1480
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
1415
1481
|
padding-left: 0;
|
|
1416
1482
|
padding-right: 0;
|
|
1417
1483
|
display: flex;
|
|
@@ -1419,46 +1485,48 @@ iframe{
|
|
|
1419
1485
|
width: min-content;
|
|
1420
1486
|
}
|
|
1421
1487
|
|
|
1422
|
-
.video-js.
|
|
1488
|
+
.video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
|
|
1423
1489
|
display: none
|
|
1424
1490
|
}
|
|
1425
|
-
.video-js.
|
|
1491
|
+
.video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
1426
1492
|
display: none
|
|
1427
1493
|
}
|
|
1428
1494
|
|
|
1429
|
-
.video-js.
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1495
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control {
|
|
1496
|
+
display: flex;
|
|
1497
|
+
align-items: center;
|
|
1498
|
+
font-weight: 700;
|
|
1499
|
+
font-size: 9px;
|
|
1500
|
+
min-width: 0.8em;
|
|
1501
|
+
padding-left: 0;
|
|
1435
1502
|
}
|
|
1436
1503
|
|
|
1437
|
-
.video-js.
|
|
1504
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
1438
1505
|
display: none;
|
|
1439
1506
|
font-size: 11px;
|
|
1440
1507
|
justify-content: center;
|
|
1441
1508
|
align-items: center;
|
|
1442
1509
|
user-select: none;
|
|
1443
1510
|
}
|
|
1444
|
-
.video-js.
|
|
1511
|
+
.video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1445
1512
|
display: none;
|
|
1446
1513
|
}
|
|
1447
1514
|
|
|
1448
|
-
.video-js.
|
|
1515
|
+
.video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
1449
1516
|
height: min-content;
|
|
1450
1517
|
width: min-content;
|
|
1451
1518
|
}
|
|
1452
|
-
.video-js.
|
|
1453
|
-
width:
|
|
1519
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1520
|
+
width: 3em;
|
|
1521
|
+
margin-right: 4px;
|
|
1454
1522
|
}
|
|
1455
1523
|
|
|
1456
|
-
.video-js.
|
|
1524
|
+
.video-js.skin_mini .content{
|
|
1457
1525
|
bottom: 3.4rem !important;
|
|
1458
1526
|
right: -4rem !important;
|
|
1459
1527
|
}
|
|
1460
1528
|
|
|
1461
|
-
.setting-icon > svg{
|
|
1529
|
+
.video-js.skin_mini .setting-icon > svg{
|
|
1462
1530
|
height:18px !important;
|
|
1463
1531
|
}
|
|
1464
1532
|
|
|
@@ -1477,10 +1545,11 @@ iframe{
|
|
|
1477
1545
|
height: 100%;
|
|
1478
1546
|
}
|
|
1479
1547
|
|
|
1480
|
-
.video-js.
|
|
1548
|
+
.video-js.skin_mini .vjs-live-control{
|
|
1481
1549
|
align-items: center;
|
|
1550
|
+
max-width: 5em;
|
|
1482
1551
|
}
|
|
1483
|
-
.video-js.
|
|
1552
|
+
.video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
|
|
1484
1553
|
height: 2.2em;
|
|
1485
1554
|
display: flex;
|
|
1486
1555
|
align-items: center;
|
|
@@ -1488,257 +1557,188 @@ iframe{
|
|
|
1488
1557
|
width: 4em;
|
|
1489
1558
|
justify-content: center;
|
|
1490
1559
|
background: red;
|
|
1491
|
-
margin: 4px 0px 4px
|
|
1560
|
+
margin: 4px 0px 4px 2px;
|
|
1492
1561
|
}
|
|
1493
1562
|
|
|
1494
|
-
.video-js.
|
|
1563
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
|
|
1495
1564
|
text-shadow: none;
|
|
1496
1565
|
}
|
|
1497
|
-
.video-js.
|
|
1566
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1498
1567
|
display: none;
|
|
1499
|
-
font-size: 12px;
|
|
1500
|
-
}
|
|
1501
|
-
|
|
1502
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
1503
|
-
height: 2.2em;
|
|
1504
|
-
display: inline-flex;
|
|
1505
|
-
align-items: center;
|
|
1506
|
-
/* font-family: monospace; */
|
|
1507
|
-
justify-content: center;
|
|
1508
|
-
border: 2px solid;
|
|
1509
|
-
margin: 4px 0px 4px 6px;
|
|
1510
|
-
white-space: pre;
|
|
1511
|
-
padding: 0px 6px;
|
|
1512
|
-
font-size: 1.2em;
|
|
1513
|
-
font-weight: 500;
|
|
1514
|
-
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
|
-
}
|
|
1527
|
-
|
|
1528
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1529
|
-
content: "NOT LIVE";
|
|
1568
|
+
font-size: 12px;
|
|
1530
1569
|
}
|
|
1531
1570
|
|
|
1532
|
-
.
|
|
1533
|
-
|
|
1571
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
1572
|
+
height: 1.8em;
|
|
1573
|
+
display: inline-flex;
|
|
1574
|
+
align-items: center;
|
|
1575
|
+
font-family: monospace;
|
|
1576
|
+
justify-content: center;
|
|
1577
|
+
border: 1.5px solid;
|
|
1578
|
+
margin: 4px 0px 4px 2px;
|
|
1579
|
+
white-space: pre;
|
|
1580
|
+
padding: 2px 4px;
|
|
1581
|
+
font-size: 1.2em;
|
|
1582
|
+
font-weight: 500;
|
|
1583
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
1534
1584
|
}
|
|
1535
1585
|
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
}
|
|
1586
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1587
|
+
content: "NOT LIVE";
|
|
1588
|
+
word-spacing: -4px;
|
|
1540
1589
|
}
|
|
1541
1590
|
|
|
1542
1591
|
|
|
1543
|
-
@media(max-width:
|
|
1592
|
+
@media(max-width:600px){
|
|
1544
1593
|
.tvProviderImage{
|
|
1545
1594
|
display: none
|
|
1546
1595
|
}
|
|
1547
|
-
.video-js.
|
|
1596
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
1548
1597
|
.icon-maximize {
|
|
1549
1598
|
height: 30px !important;
|
|
1550
1599
|
}
|
|
1551
1600
|
|
|
1552
|
-
.video-js.
|
|
1601
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
1553
1602
|
.icon-minimize {
|
|
1554
1603
|
height: 30px !important;
|
|
1555
1604
|
}
|
|
1556
|
-
.video-js.
|
|
1557
|
-
width:
|
|
1605
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1606
|
+
width: 3.5em;
|
|
1558
1607
|
}
|
|
1559
|
-
.video-js.
|
|
1608
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1560
1609
|
height: min-content;
|
|
1561
1610
|
}
|
|
1562
1611
|
|
|
1563
|
-
.video-js.
|
|
1612
|
+
.video-js.skin_mini button.vjs-slowmo-button{
|
|
1564
1613
|
display: none;
|
|
1565
1614
|
}
|
|
1566
|
-
.video-js.
|
|
1615
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
1567
1616
|
display: none;
|
|
1568
1617
|
}
|
|
1569
|
-
.video-js.
|
|
1618
|
+
.video-js.skin_mini button.vjs-rewind-button>svg{
|
|
1570
1619
|
height: 20px;
|
|
1571
1620
|
}
|
|
1572
|
-
.video-js.
|
|
1573
|
-
width:
|
|
1621
|
+
.video-js.skin_mini .vjs-button{
|
|
1622
|
+
width: 3em;
|
|
1574
1623
|
}
|
|
1575
|
-
.video-js.
|
|
1624
|
+
.video-js.skin_mini .widget-selection{
|
|
1576
1625
|
display: none;
|
|
1577
1626
|
}
|
|
1578
|
-
.video-js.
|
|
1627
|
+
.video-js.skin_mini .container{
|
|
1579
1628
|
display: none !important;
|
|
1580
1629
|
}
|
|
1581
|
-
.video-js.
|
|
1630
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
1582
1631
|
height: 4em !important;
|
|
1583
1632
|
}
|
|
1584
|
-
.video-js.
|
|
1633
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
1585
1634
|
font-size: 2.5em;
|
|
1586
1635
|
line-height: 1.5;
|
|
1587
1636
|
}
|
|
1588
|
-
.video-js.
|
|
1637
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
1589
1638
|
font-size: 1.2em;
|
|
1590
1639
|
position: absolute;
|
|
1591
1640
|
right: -0.5em;
|
|
1592
1641
|
z-index: 1;
|
|
1593
1642
|
}
|
|
1594
|
-
.video-js.
|
|
1643
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
1595
1644
|
height: 20px;
|
|
1596
1645
|
}
|
|
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
1646
|
|
|
1603
1647
|
.stream-selector-icon>svg{
|
|
1604
1648
|
width: 24px;
|
|
1605
1649
|
height: 24px;
|
|
1606
1650
|
}
|
|
1607
|
-
.video-js.
|
|
1608
|
-
margin: 0 12px 0 12px;
|
|
1609
|
-
}
|
|
1610
|
-
.video-js.skin_news .vjs-seek-to-live-text{
|
|
1651
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
1611
1652
|
font-size: 12px;
|
|
1612
1653
|
}
|
|
1613
|
-
|
|
1614
|
-
|
|
1654
|
+
|
|
1655
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1656
|
+
color: white !important;
|
|
1657
|
+
font-size: 16px !important;
|
|
1658
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
1659
|
+
}
|
|
1615
1660
|
}
|
|
1661
|
+
|
|
1662
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1663
|
+
color: white !important;
|
|
1664
|
+
font-size: 16px !important;
|
|
1665
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
1616
1666
|
}
|
|
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;
|
|
1667
|
+
|
|
1668
|
+
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
1669
|
+
font-size: 18px !important;
|
|
1632
1670
|
}
|
|
1633
1671
|
|
|
1634
|
-
.video-js.
|
|
1672
|
+
.video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1673
|
+
margin-bottom: 1rem !important;
|
|
1674
|
+
}
|
|
1675
|
+
|
|
1676
|
+
|
|
1677
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1635
1678
|
display: flex;
|
|
1636
1679
|
justify-content: center;
|
|
1637
1680
|
align-items: center;
|
|
1638
1681
|
height: 100%;
|
|
1639
1682
|
transition: width 0.1s;
|
|
1640
1683
|
}
|
|
1684
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1685
|
+
margin: 2px;
|
|
1686
|
+
}
|
|
1641
1687
|
|
|
1642
|
-
.video-js.
|
|
1688
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1643
1689
|
display: flex;
|
|
1644
1690
|
justify-content: center;
|
|
1645
1691
|
align-items: center;
|
|
1646
1692
|
height: 100%;
|
|
1647
1693
|
transition: width 0.1s;
|
|
1648
1694
|
}
|
|
1649
|
-
.video-js.
|
|
1650
|
-
display:
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1695
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
1696
|
+
display: grid;
|
|
1697
|
+
font-size: 10px;
|
|
1698
|
+
grid-template-columns: 1fr;
|
|
1699
|
+
grid-template-rows: 1fr;
|
|
1700
|
+
padding: 1px 0px 0 0px;
|
|
1701
|
+
margin: 0;
|
|
1655
1702
|
}
|
|
1656
1703
|
|
|
1657
|
-
@media (max-width:
|
|
1658
|
-
.video-js.
|
|
1659
|
-
bottom: 2px;
|
|
1660
|
-
}
|
|
1661
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1704
|
+
@media (max-width: 600px) {
|
|
1705
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1662
1706
|
height: 5px !important;
|
|
1663
1707
|
}
|
|
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
1708
|
|
|
1670
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1709
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1671
1710
|
display: none;
|
|
1672
1711
|
}
|
|
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
1712
|
|
|
1703
|
-
|
|
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
1713
|
}
|
|
1710
1714
|
|
|
1711
|
-
.video-js.
|
|
1715
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
1712
1716
|
content: none !important;
|
|
1713
1717
|
fill: none !important;
|
|
1714
1718
|
filter: none !important;
|
|
1715
1719
|
}
|
|
1716
1720
|
|
|
1717
1721
|
/* svg icons opacity and hover effect */
|
|
1718
|
-
.video-js.
|
|
1722
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1719
1723
|
opacity: 0.7 !important;
|
|
1720
1724
|
}
|
|
1721
1725
|
|
|
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{
|
|
1726
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1729
1727
|
opacity: 1 !important;
|
|
1730
1728
|
}
|
|
1731
1729
|
|
|
1732
|
-
.video-js.
|
|
1730
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1733
1731
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1734
1732
|
}
|
|
1735
1733
|
|
|
1736
|
-
.video-js.
|
|
1734
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1737
1735
|
color: rgba(255, 255, 2555, 1)!important;
|
|
1738
1736
|
}
|
|
1739
1737
|
|
|
1740
1738
|
|
|
1741
1739
|
|
|
1740
|
+
|
|
1741
|
+
|
|
1742
1742
|
/* CSS for videojs-dvr-seekbar */
|
|
1743
1743
|
|
|
1744
1744
|
.video-js.vjs-dvr-seekbar {
|
|
@@ -1920,6 +1920,7 @@ iframe{
|
|
|
1920
1920
|
|
|
1921
1921
|
|
|
1922
1922
|
|
|
1923
|
+
|
|
1923
1924
|
.video-js .multicamera-parent.default{
|
|
1924
1925
|
height: 345px;
|
|
1925
1926
|
position: absolute;
|
|
@@ -2001,7 +2002,6 @@ iframe{
|
|
|
2001
2002
|
|
|
2002
2003
|
|
|
2003
2004
|
|
|
2004
|
-
|
|
2005
2005
|
.vjs-custom-big-mute.vjs-control{
|
|
2006
2006
|
position: absolute;
|
|
2007
2007
|
align-items: center;
|
|
@@ -2125,6 +2125,38 @@ iframe{
|
|
|
2125
2125
|
margin-left: 8px;
|
|
2126
2126
|
}
|
|
2127
2127
|
}
|
|
2128
|
+
/* a wrapper element that tracks the mouse vertically */
|
|
2129
|
+
.vjs-thumbnail-holder {
|
|
2130
|
+
position: absolute;
|
|
2131
|
+
left: -1000px;
|
|
2132
|
+
}
|
|
2133
|
+
|
|
2134
|
+
/* the thumbnail image itself */
|
|
2135
|
+
.vjs-thumbnail {
|
|
2136
|
+
position: absolute;
|
|
2137
|
+
left: 0;
|
|
2138
|
+
bottom: 1.3em;
|
|
2139
|
+
opacity: 0;
|
|
2140
|
+
transition: opacity .2s ease;
|
|
2141
|
+
-webkit-transition: opacity .2s ease;
|
|
2142
|
+
-moz-transition: opacity .2s ease;
|
|
2143
|
+
-mz-transition: opacity .2s ease;
|
|
2144
|
+
}
|
|
2145
|
+
|
|
2146
|
+
/* fade in the thumbnail when hovering over the progress bar */
|
|
2147
|
+
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2148
|
+
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2149
|
+
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2150
|
+
.vjs-progress-control:active .vjs-thumbnail {
|
|
2151
|
+
opacity: 1;
|
|
2152
|
+
}
|
|
2153
|
+
|
|
2154
|
+
/* ... but hide the thumbnail when hovering directly over it */
|
|
2155
|
+
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2156
|
+
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2157
|
+
opacity: 0;
|
|
2158
|
+
}
|
|
2159
|
+
|
|
2128
2160
|
.video-js.vjs-quality-menu {
|
|
2129
2161
|
display: block;
|
|
2130
2162
|
}
|
|
@@ -2195,38 +2227,6 @@ iframe{
|
|
|
2195
2227
|
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2196
2228
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2197
2229
|
}
|
|
2198
|
-
/* a wrapper element that tracks the mouse vertically */
|
|
2199
|
-
.vjs-thumbnail-holder {
|
|
2200
|
-
position: absolute;
|
|
2201
|
-
left: -1000px;
|
|
2202
|
-
}
|
|
2203
|
-
|
|
2204
|
-
/* the thumbnail image itself */
|
|
2205
|
-
.vjs-thumbnail {
|
|
2206
|
-
position: absolute;
|
|
2207
|
-
left: 0;
|
|
2208
|
-
bottom: 1.3em;
|
|
2209
|
-
opacity: 0;
|
|
2210
|
-
transition: opacity .2s ease;
|
|
2211
|
-
-webkit-transition: opacity .2s ease;
|
|
2212
|
-
-moz-transition: opacity .2s ease;
|
|
2213
|
-
-mz-transition: opacity .2s ease;
|
|
2214
|
-
}
|
|
2215
|
-
|
|
2216
|
-
/* fade in the thumbnail when hovering over the progress bar */
|
|
2217
|
-
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2218
|
-
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2219
|
-
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2220
|
-
.vjs-progress-control:active .vjs-thumbnail {
|
|
2221
|
-
opacity: 1;
|
|
2222
|
-
}
|
|
2223
|
-
|
|
2224
|
-
/* ... but hide the thumbnail when hovering directly over it */
|
|
2225
|
-
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2226
|
-
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2227
|
-
opacity: 0;
|
|
2228
|
-
}
|
|
2229
|
-
|
|
2230
2230
|
.vjs-poster {
|
|
2231
2231
|
display: inline-block;
|
|
2232
2232
|
vertical-align: middle;
|