@viewlift/player-backup 2.0.238-backup → 2.0.239-backup

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