@viewlift/player-backup 2.0.337-backup → 2.0.339-backup

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