@viewlift/player-backup 2.0.355-backup → 2.0.357-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 (142) hide show
  1. package/cjs/{autoNextVideo-66b37002.js → autoNextVideo-7dc12fbd.js} +1 -1
  2. package/cjs/bundle.css +347 -347
  3. package/cjs/caption-settings-50cfa585.js +1 -0
  4. package/cjs/captions-23ff3076.js +1 -0
  5. package/cjs/features-c3ba6738.js +1 -0
  6. package/cjs/generic-1d2924e4.js +1 -0
  7. package/cjs/index-45d0440b.js +1 -0
  8. package/cjs/index-4f2c4197.js +1 -0
  9. package/cjs/index-ab298461.js +1 -0
  10. package/cjs/index-b830c794.js +1 -0
  11. package/cjs/index-d9460e79.js +1 -0
  12. package/cjs/index.js +1 -1
  13. package/cjs/multicamv2-777cff29.js +1 -0
  14. package/cjs/multicamv2-9ec521fe.js +1 -0
  15. package/cjs/nextEpisodeButton-dd497b14.js +1 -0
  16. package/cjs/playlist-437ae4d0.js +1 -0
  17. package/cjs/relatedVideosManager-44ec6d59.js +1 -0
  18. package/cjs/renditions-05a85e06.js +1 -0
  19. package/cjs/resolution-b5880a17.js +1 -0
  20. package/cjs/series-c2e69ef9.js +1 -0
  21. package/cjs/series-v2-ca1e1dcf.js +1 -0
  22. package/cjs/series-v2-d1621561.js +1 -0
  23. package/cjs/settings-icon-91d87df4.js +1 -0
  24. package/cjs/skin-0b460890.js +1 -0
  25. package/cjs/{skin-4fd8fceb.js → skin-0c40cf8f.js} +1 -1
  26. package/cjs/skin-2145a200.js +1 -0
  27. package/cjs/skin-3b4c3343.js +1 -0
  28. package/cjs/skin-495fd9b1.js +1 -0
  29. package/cjs/skin-55634dc6.js +1 -0
  30. package/cjs/skin-8e7871c7.js +1 -0
  31. package/cjs/skin-9f83d761.js +1 -0
  32. package/cjs/{skin-f3d7e5b4.js → skin-e865635f.js} +1 -1
  33. package/cjs/skin-f2b1620b.js +1 -0
  34. package/cjs/skin-f8f8b377.js +1 -0
  35. package/cjs/videoSelector-26f46819.js +1 -0
  36. package/cjs/videoSelector-99295ac2.js +1 -0
  37. package/cjs/videojs-dash5.es-0f92604f.js +1 -0
  38. package/esm/apis/index.d.ts +6 -4
  39. package/esm/{autoNextVideo-1b14fa41.js → autoNextVideo-4cf0f4a1.js} +1 -1
  40. package/esm/bundle.css +347 -347
  41. package/esm/caption-settings-d0e2275a.js +1 -0
  42. package/esm/captions-4dea3682.js +1 -0
  43. package/esm/features-135f0a6f.js +1 -0
  44. package/esm/generic-f38ec1b4.js +1 -0
  45. package/esm/helpers/token.d.ts +1 -1
  46. package/esm/index-255a28ea.js +1 -0
  47. package/esm/index-3163ca3e.js +1 -0
  48. package/esm/index-420a2762.js +1 -0
  49. package/esm/index-5b6be94c.js +1 -0
  50. package/esm/index-769725aa.js +1 -0
  51. package/esm/index.d.ts +1 -1
  52. package/esm/index.js +1 -1
  53. package/esm/multicamv2-2f3f3c8b.js +1 -0
  54. package/esm/multicamv2-c7385bff.js +1 -0
  55. package/esm/nextEpisodeButton-ad350822.js +1 -0
  56. package/esm/playlist-b27dbd94.js +1 -0
  57. package/esm/relatedVideosManager-93533a90.js +1 -0
  58. package/esm/renditions-28891b91.js +1 -0
  59. package/esm/resolution-3f14386f.js +1 -0
  60. package/esm/series-37dc8e8a.js +1 -0
  61. package/esm/series-v2-36bb1a71.js +1 -0
  62. package/esm/series-v2-458d48ea.js +1 -0
  63. package/esm/settings-icon-74213ca6.js +1 -0
  64. package/esm/skin-2a3ee818.js +1 -0
  65. package/esm/skin-2b343308.js +1 -0
  66. package/esm/skin-4dfc3138.js +1 -0
  67. package/esm/skin-81019a83.js +1 -0
  68. package/esm/skin-8fe9f3d2.js +1 -0
  69. package/esm/skin-96edf41b.js +1 -0
  70. package/esm/skin-9938ac53.js +1 -0
  71. package/esm/{skin-26dcef2b.js → skin-9984616a.js} +1 -1
  72. package/esm/{skin-88e8889d.js → skin-9f779ad6.js} +1 -1
  73. package/esm/skin-be2928d2.js +1 -0
  74. package/esm/skin-ef97291f.js +1 -0
  75. package/esm/videoSelector-a0e1f200.js +1 -0
  76. package/esm/videoSelector-d606fa08.js +1 -0
  77. package/esm/videojs-dash5.es-cfe95daa.js +1 -0
  78. package/package.json +1 -1
  79. package/cjs/caption-settings-0d09a023.js +0 -1
  80. package/cjs/captions-4dfe293a.js +0 -1
  81. package/cjs/features-1883e654.js +0 -1
  82. package/cjs/generic-17f4d6ca.js +0 -1
  83. package/cjs/index-58f88daa.js +0 -1
  84. package/cjs/index-75726505.js +0 -1
  85. package/cjs/index-7e74fcd2.js +0 -1
  86. package/cjs/index-958a579b.js +0 -1
  87. package/cjs/index-e0d9278b.js +0 -1
  88. package/cjs/multicamv2-627af073.js +0 -1
  89. package/cjs/multicamv2-657be51d.js +0 -1
  90. package/cjs/nextEpisodeButton-42b4ca8d.js +0 -1
  91. package/cjs/playlist-1371374f.js +0 -1
  92. package/cjs/relatedVideosManager-0a220d05.js +0 -1
  93. package/cjs/renditions-627bdfad.js +0 -1
  94. package/cjs/resolution-3af2cf1b.js +0 -1
  95. package/cjs/series-237f8263.js +0 -1
  96. package/cjs/series-v2-ae64961e.js +0 -1
  97. package/cjs/series-v2-e8dd491b.js +0 -1
  98. package/cjs/settings-icon-8bb0d3f0.js +0 -1
  99. package/cjs/skin-3dafaeb9.js +0 -1
  100. package/cjs/skin-40759447.js +0 -1
  101. package/cjs/skin-4b7e4c3c.js +0 -1
  102. package/cjs/skin-66dce245.js +0 -1
  103. package/cjs/skin-c12352cf.js +0 -1
  104. package/cjs/skin-d80e0ade.js +0 -1
  105. package/cjs/skin-deb91d1c.js +0 -1
  106. package/cjs/skin-f084eec8.js +0 -1
  107. package/cjs/skin-f8978ebe.js +0 -1
  108. package/cjs/videoSelector-6494f026.js +0 -1
  109. package/cjs/videoSelector-d09bd203.js +0 -1
  110. package/cjs/videojs-dash5.es-80bdd597.js +0 -1
  111. package/esm/caption-settings-e1a53633.js +0 -1
  112. package/esm/captions-1f931e14.js +0 -1
  113. package/esm/features-b1f1eb39.js +0 -1
  114. package/esm/generic-c437cc53.js +0 -1
  115. package/esm/index-353bbd6f.js +0 -1
  116. package/esm/index-85c4eeac.js +0 -1
  117. package/esm/index-95d1ec66.js +0 -1
  118. package/esm/index-b793da28.js +0 -1
  119. package/esm/index-cd2ea379.js +0 -1
  120. package/esm/multicamv2-167ae99d.js +0 -1
  121. package/esm/multicamv2-3856d35b.js +0 -1
  122. package/esm/nextEpisodeButton-93a4cb9b.js +0 -1
  123. package/esm/playlist-eb2ef6bc.js +0 -1
  124. package/esm/relatedVideosManager-81661348.js +0 -1
  125. package/esm/renditions-620d93b3.js +0 -1
  126. package/esm/resolution-2ee017b4.js +0 -1
  127. package/esm/series-c636d9ee.js +0 -1
  128. package/esm/series-v2-4e1800dc.js +0 -1
  129. package/esm/series-v2-d71173d8.js +0 -1
  130. package/esm/settings-icon-c65eb622.js +0 -1
  131. package/esm/skin-1cf42cac.js +0 -1
  132. package/esm/skin-3653c5b3.js +0 -1
  133. package/esm/skin-44d2671b.js +0 -1
  134. package/esm/skin-5f4c8961.js +0 -1
  135. package/esm/skin-661b5043.js +0 -1
  136. package/esm/skin-6f29d75a.js +0 -1
  137. package/esm/skin-87e08483.js +0 -1
  138. package/esm/skin-965eac32.js +0 -1
  139. package/esm/skin-96ac9396.js +0 -1
  140. package/esm/videoSelector-b056bac9.js +0 -1
  141. package/esm/videoSelector-e079ee9a.js +0 -1
  142. package/esm/videojs-dash5.es-45c88e15.js +0 -1
package/esm/bundle.css CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
 
4
4
 
5
+
5
6
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
6
7
  height: 0.7em !important;
7
8
  position: absolute !important;
@@ -204,32 +205,31 @@
204
205
  text-decoration: underline;
205
206
  }
206
207
 
207
-
208
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
208
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
209
209
  font-size: 2.2em;
210
210
  line-height: 2.6;
211
211
  }
212
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
213
- background: #fcb700;
212
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
213
+ background: white;
214
214
  }
215
- .video-js.skin_news_live .vjs-control-bar{
215
+ .video-js.skin_news .vjs-control-bar{
216
216
  z-index: 1 !important;
217
217
  height: 5em !important;
218
218
  background: black !important;
219
219
  }
220
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
220
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
221
221
  display: flex;
222
222
  align-items: center;
223
223
  justify-content: center;
224
224
  }
225
225
 
226
- .video-js.skin_news_live .vjs-fade>* {
226
+ .video-js.skin_news .vjs-fade>* {
227
227
  visibility: hidden !important;
228
228
  opacity: 0 !important;
229
229
  transition: visibility 1s, opacity 1s !important;
230
230
  }
231
231
 
232
- .video-js.skin_news_live .custom-spaced-progress-bar {
232
+ .video-js.skin_news .custom-spaced-progress-bar {
233
233
  position: absolute;
234
234
  width: 100%;
235
235
  display: flex;
@@ -237,7 +237,7 @@
237
237
  top: -0.5em;
238
238
  }
239
239
 
240
- .video-js.skin_news_live .vjs-progress-control {
240
+ .video-js.skin_news .vjs-progress-control {
241
241
  /* left: -6px; */
242
242
  position: relative;
243
243
  width: 100%;
@@ -245,25 +245,22 @@
245
245
  transition: height 0.1s, top 0.1s;
246
246
  }
247
247
 
248
- .video-js.skin_news_live .vjs-volume-panel{
249
- min-width: 5.3em;
250
- }
251
248
 
252
249
 
253
250
 
254
- .video-js.skin_news_live .vjs-custom-control-spacer {
255
- /* display: block; */
256
- /* flex: 1 1 auto; */
251
+ .video-js.skin_news .vjs-custom-control-spacer {
252
+ display: block;
253
+ flex: 1 1 auto;
257
254
  }
258
255
 
259
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
256
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
260
257
  margin: 0 0px 0 0px;
261
258
  }
262
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
259
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
263
260
  display: none;
264
261
  }
265
262
 
266
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
263
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
267
264
  font-size: 14px;
268
265
  font-weight: 500;
269
266
  align-self: center;
@@ -272,30 +269,30 @@
272
269
  border-radius: 8px;
273
270
  }
274
271
 
275
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
272
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
276
273
  height: 6px !important;
277
274
  }
278
275
 
279
- .video-js.skin_news_live .vjs-play-progress:before {
276
+ .video-js.skin_news .vjs-play-progress:before {
280
277
  font-size: 1.5em;
281
278
  line-height: unset;
282
279
  top: -0.3333333333em;
283
280
  }
284
281
 
285
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
282
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
286
283
  display: none !important;
287
284
  }
288
285
 
289
286
  /* */
290
- .video-js.skin_news_live .vjs-mouse-display{
287
+ .video-js.skin_news .vjs-mouse-display{
291
288
  font-size: 1.6666666667em;
292
289
  }
293
290
 
294
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
291
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
295
292
  font-size: 1em !important;
296
293
  }
297
294
 
298
- .video-js.skin_news_live .vjs-button{
295
+ .video-js.skin_news .vjs-button{
299
296
  width: 5.3em;
300
297
  display: flex;
301
298
  align-items: center;
@@ -303,71 +300,63 @@
303
300
  }
304
301
 
305
302
 
306
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
303
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
307
304
  .icon-maximize {
308
305
  display: block;
309
306
  height: 32px;
310
307
  }
311
308
 
312
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
309
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
313
310
  line-height: 4;
314
311
  }
315
312
 
316
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
313
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
317
314
  .icon-minimize {
318
315
  display: none;
319
316
  height: 32px;
320
317
  }
321
318
 
322
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
319
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
323
320
  outline: none !important;
324
- /* flex: 1; */
325
- }
326
- .video-js.skin_news_live .vjs-play-toggle-container{
327
- display: flex;
328
- flex: 1;
329
- justify-content: center;
330
321
  }
331
-
332
-
333
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
322
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
334
323
  .vjs-icon-fullscreen-enter:before {
335
324
  /* content: '' !important; */
336
325
  }
337
326
 
338
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
327
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
339
328
  display: flex;
340
329
  justify-content: center;
341
330
  align-items: center;
342
331
  /* transform: rotate(90deg); */
343
332
  }
344
333
 
345
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
334
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
346
335
  display: none;
347
336
  }
348
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
337
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
349
338
  margin-left: -10px;
350
339
  }
351
340
 
352
- .video-js.skin_news_live .skipbtn:hover{
341
+ .video-js.skin_news .skipbtn:hover{
353
342
  cursor: pointer;
354
343
  }
355
344
 
356
- .video-js.skin_news_live .rewindbtn:hover{
345
+ .video-js.skin_news .rewindbtn:hover{
357
346
  cursor: pointer;
358
347
  }
359
348
 
360
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
349
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
361
350
  position: relative;
362
351
  padding-left: 0;
363
352
  }
364
353
 
365
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
354
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
366
355
  display: none !important;
367
356
  }
368
357
 
369
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
370
- /* width: 90px;
358
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
359
+ width: 90px;
371
360
  height: 90px;
372
361
  display: flex;
373
362
  justify-content: center;
@@ -382,20 +371,19 @@
382
371
  font-size: 6em;
383
372
  line-height: 1.4em;
384
373
  border: 0.05em solid;
385
- color: inherit; */
386
- display: none !important;
374
+ color: inherit;
387
375
  }
388
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
376
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
389
377
  font-weight: bold;
390
378
  }
391
379
 
392
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
380
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
393
381
  bottom: 2.4em !important;
394
382
  right: -1em;
395
383
  z-index: 1;
396
384
  }
397
385
 
398
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
386
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
399
387
  width: 24px !important;
400
388
  height: 24px !important;
401
389
  }
@@ -405,34 +393,34 @@
405
393
  }
406
394
 
407
395
 
408
- .video-js.skin_news_live button.vjs-rewind-button{
396
+ .video-js.skin_news button.vjs-rewind-button{
409
397
  cursor: pointer;
410
398
  }
411
399
 
412
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
400
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
413
401
  padding-right: 0;
414
- display: none;
415
402
  }
416
403
 
417
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
404
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
418
405
  padding-left: 0;
419
- display: none;
420
406
  }
421
407
 
422
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
408
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
423
409
  padding-left: 0;
424
410
  padding-right: 0;
425
- display: none;
411
+ display: flex;
412
+ justify-content: center;
413
+ width: min-content;
426
414
  }
427
415
 
428
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
416
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
429
417
  display: none
430
418
  }
431
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
419
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
432
420
  display: none
433
421
  }
434
422
 
435
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
423
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
436
424
  display: flex;
437
425
  align-items: center;
438
426
  font-weight: 700;
@@ -440,26 +428,26 @@
440
428
  min-width: 1.2em;
441
429
  }
442
430
 
443
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
431
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
444
432
  display: none;
445
433
  font-size: 11px;
446
434
  justify-content: center;
447
435
  align-items: center;
448
436
  user-select: none;
449
437
  }
450
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
438
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
451
439
  display: none;
452
440
  }
453
441
 
454
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
442
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
455
443
  height: min-content;
456
444
  width: min-content;
457
445
  }
458
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
446
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
459
447
  width: 6em;
460
448
  }
461
449
 
462
- .video-js.skin_news_live .content{
450
+ .video-js.skin_news .content{
463
451
  bottom: 3.4rem !important;
464
452
  right: -4rem !important;
465
453
  }
@@ -478,16 +466,15 @@
478
466
  pointer-events:none
479
467
  }
480
468
 
481
- .video-js.skin_news_live iframe{
469
+ .video-js.skin_news iframe{
482
470
  width: 100%;
483
471
  height: 100%;
484
472
  }
485
473
 
486
- .video-js.skin_news_live .vjs-live-control{
474
+ .video-js.skin_news .vjs-live-control{
487
475
  align-items: center;
488
- display: none;
489
476
  }
490
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
477
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
491
478
  height: 2.2em;
492
479
  display: flex;
493
480
  align-items: center;
@@ -498,22 +485,43 @@
498
485
  margin: 4px 0px 4px 12px;
499
486
  }
500
487
 
501
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
488
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
502
489
  text-shadow: none;
503
490
  }
491
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
492
+ display: none;
493
+ font-size: 12px;
494
+ }
504
495
 
505
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
506
- display: flex;
496
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
497
+ height: 2.2em;
498
+ display: inline-flex;
499
+ align-items: center;
500
+ /* font-family: monospace; */
507
501
  justify-content: center;
508
- min-width: 5.3em;
509
- pointer-events: none;
510
- user-select: none;
502
+ border: 2px solid;
503
+ margin: 4px 0px 4px 6px;
504
+ white-space: pre;
505
+ padding: 0px 6px;
506
+ font-size: 1.2em;
507
+ font-weight: 500;
508
+ color: rgba(255, 255, 2555, 0.7);
509
+
510
+ letter-spacing: -.1px;
511
+ line-height: normal;
512
+ text-transform: uppercase;
513
+ color: #FFFFFF;
514
+ opacity: .7;
515
+ font-family: "Proxima Nova";
511
516
  }
512
517
 
513
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
514
- color: white;
518
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
519
+ opacity: 1;
515
520
  }
516
521
 
522
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
523
+ content: "NOT LIVE";
524
+ }
517
525
 
518
526
  .settings-selection.vjs-control.vjs-button{
519
527
  display: flex !important;
@@ -530,57 +538,57 @@
530
538
  .tvProviderImage{
531
539
  display: none
532
540
  }
533
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
541
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
534
542
  .icon-maximize {
535
543
  height: 30px !important;
536
544
  }
537
545
 
538
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
546
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
539
547
  .icon-minimize {
540
548
  height: 30px !important;
541
549
  }
542
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
550
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
543
551
  width: 4.5em;
544
552
  }
545
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
553
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
546
554
  height: min-content;
547
555
  }
548
556
 
549
- .video-js.skin_news_live button.vjs-slowmo-button{
557
+ .video-js.skin_news button.vjs-slowmo-button{
550
558
  display: none;
551
559
  }
552
- .video-js.skin_news_live button.vjs-rewind-button{
560
+ .video-js.skin_news button.vjs-rewind-button{
553
561
  display: none;
554
562
  }
555
- .video-js.skin_news_live button.vjs-rewind-button>svg{
563
+ .video-js.skin_news button.vjs-rewind-button>svg{
556
564
  height: 20px;
557
565
  }
558
- .video-js.skin_news_live .vjs-button{
566
+ .video-js.skin_news .vjs-button{
559
567
  width: 4.8em;
560
568
  }
561
- .video-js.skin_news_live .widget-selection{
569
+ .video-js.skin_news .widget-selection{
562
570
  display: none;
563
571
  }
564
- .video-js.skin_news_live .container{
572
+ .video-js.skin_news .container{
565
573
  display: none !important;
566
574
  }
567
- .video-js.skin_news_live .vjs-control-bar{
575
+ .video-js.skin_news .vjs-control-bar{
568
576
  height: 4em !important;
569
577
  }
570
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
578
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
571
579
  font-size: 2.5em;
572
580
  line-height: 1.5;
573
581
  }
574
- .video-js.skin_news_live .vjs-play-progress:before {
582
+ .video-js.skin_news .vjs-play-progress:before {
575
583
  font-size: 1.2em;
576
584
  position: absolute;
577
585
  right: -0.5em;
578
586
  z-index: 1;
579
587
  }
580
- .video-js.skin_news_live button.vjs-skip-button>svg{
588
+ .video-js.skin_news button.vjs-skip-button>svg{
581
589
  height: 20px;
582
590
  }
583
- .video-js.skin_news_live button.vjs-big-play-button {
591
+ .video-js.skin_news button.vjs-big-play-button {
584
592
  width: 50px !important;
585
593
  height: 50px !important;
586
594
  font-size: 2.1rem !important;
@@ -590,17 +598,17 @@
590
598
  width: 24px;
591
599
  height: 24px;
592
600
  }
593
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
601
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
594
602
  margin: 0 12px 0 12px;
595
603
  }
596
- .video-js.skin_news_live .vjs-seek-to-live-text{
604
+ .video-js.skin_news .vjs-seek-to-live-text{
597
605
  font-size: 12px;
598
606
  }
599
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
607
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
600
608
  margin: 0 12px 0 12px;
601
609
  }
602
610
  }
603
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
611
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
604
612
  width: 90px;
605
613
  height: 90px;
606
614
  display: flex;
@@ -617,7 +625,7 @@
617
625
  line-height: 1.4em;
618
626
  }
619
627
 
620
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
628
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
621
629
  display: flex;
622
630
  justify-content: center;
623
631
  align-items: center;
@@ -625,22 +633,29 @@
625
633
  transition: width 0.1s;
626
634
  }
627
635
 
628
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
636
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
629
637
  display: flex;
630
638
  justify-content: center;
631
639
  align-items: center;
632
640
  height: 100%;
633
641
  transition: width 0.1s;
634
642
  }
635
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
643
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
636
644
  display: none !important;
637
645
  }
646
+ .video-js.skin_news .ssai-ad-container{
647
+ position: absolute;
648
+ bottom: 14px;
649
+ }
638
650
 
639
651
  @media (max-width: 576px) {
640
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
652
+ .video-js.skin_news .ssai-ad-container{
653
+ bottom: 2px;
654
+ }
655
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
641
656
  height: 5px !important;
642
657
  }
643
- .video-js.skin_news_live button.vjs-big-play-button {
658
+ .video-js.skin_news button.vjs-big-play-button {
644
659
  width: 50px !important;
645
660
  height: 50px !important;
646
661
  font-size: 2.1rem !important;
@@ -649,39 +664,70 @@
649
664
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
650
665
  display: none;
651
666
  }
652
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
667
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
653
668
  bottom: 2.4em !important;
654
669
  right: -1em;
655
670
  z-index: 1;
656
671
  }
657
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
672
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
658
673
  display: none !important;
659
674
  }
660
675
 
676
+ .video-js.skin_news .vjs-text-track-display-ttml span {
677
+ color: white;
678
+ font-size: 13px;
679
+ background-color: black;
680
+ }
661
681
  }
662
682
 
663
- .video-js.skin_news_live .vjs-text-track-display-ttml {
664
- width: 100% !important;
683
+ .video-js.skin_news .vjs-text-track-display-ttml span {
684
+ color: white;
685
+ font-size: 16px;
686
+ background-color: black;
665
687
  }
666
688
 
667
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
668
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
689
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
690
+ margin-bottom: 2rem !important;
691
+ }
692
+
693
+ .video-js.skin_news .vjs-text-track-display-ttml p {
694
+ font-size: 18px !important;
695
+ }
696
+
697
+
698
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
699
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
669
700
  font-size: 1.2em !important;
670
701
  line-height: 1.5em !important;
671
702
  padding: 0.2em 0.8em !important;
672
703
  }
673
704
 
674
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
705
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
675
706
  content: none !important;
676
707
  fill: none !important;
677
708
  filter: none !important;
678
709
  }
679
710
 
680
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
711
+ /* svg icons opacity and hover effect */
712
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
713
+ opacity: 0.7 !important;
714
+ }
715
+
716
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
717
+ opacity: 1 !important;
718
+ }
719
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
720
+ opacity: 0.7 !important;
721
+ }
722
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
723
+ opacity: 1 !important;
724
+ }
725
+
726
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
681
727
  color: rgba(255, 255, 2555, 0.7)!important;
682
728
  }
683
729
 
684
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
730
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
685
731
  color: rgba(255, 255, 2555, 1)!important;
686
732
  }
687
733
 
@@ -1158,31 +1204,31 @@
1158
1204
  }
1159
1205
 
1160
1206
 
1161
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1207
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1162
1208
  font-size: 2.2em;
1163
1209
  line-height: 2.6;
1164
1210
  }
1165
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1166
- background: white;
1211
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1212
+ background: #fcb700;
1167
1213
  }
1168
- .video-js.skin_news .vjs-control-bar{
1214
+ .video-js.skin_news_live .vjs-control-bar{
1169
1215
  z-index: 1 !important;
1170
1216
  height: 5em !important;
1171
1217
  background: black !important;
1172
1218
  }
1173
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1219
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1174
1220
  display: flex;
1175
1221
  align-items: center;
1176
1222
  justify-content: center;
1177
1223
  }
1178
1224
 
1179
- .video-js.skin_news .vjs-fade>* {
1225
+ .video-js.skin_news_live .vjs-fade>* {
1180
1226
  visibility: hidden !important;
1181
1227
  opacity: 0 !important;
1182
1228
  transition: visibility 1s, opacity 1s !important;
1183
1229
  }
1184
1230
 
1185
- .video-js.skin_news .custom-spaced-progress-bar {
1231
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1186
1232
  position: absolute;
1187
1233
  width: 100%;
1188
1234
  display: flex;
@@ -1190,7 +1236,7 @@
1190
1236
  top: -0.5em;
1191
1237
  }
1192
1238
 
1193
- .video-js.skin_news .vjs-progress-control {
1239
+ .video-js.skin_news_live .vjs-progress-control {
1194
1240
  /* left: -6px; */
1195
1241
  position: relative;
1196
1242
  width: 100%;
@@ -1198,22 +1244,25 @@
1198
1244
  transition: height 0.1s, top 0.1s;
1199
1245
  }
1200
1246
 
1247
+ .video-js.skin_news_live .vjs-volume-panel{
1248
+ min-width: 5.3em;
1249
+ }
1201
1250
 
1202
1251
 
1203
1252
 
1204
- .video-js.skin_news .vjs-custom-control-spacer {
1205
- display: block;
1206
- flex: 1 1 auto;
1253
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1254
+ /* display: block; */
1255
+ /* flex: 1 1 auto; */
1207
1256
  }
1208
1257
 
1209
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1258
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1210
1259
  margin: 0 0px 0 0px;
1211
1260
  }
1212
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1261
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1213
1262
  display: none;
1214
1263
  }
1215
1264
 
1216
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1265
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1217
1266
  font-size: 14px;
1218
1267
  font-weight: 500;
1219
1268
  align-self: center;
@@ -1222,30 +1271,30 @@
1222
1271
  border-radius: 8px;
1223
1272
  }
1224
1273
 
1225
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1274
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1226
1275
  height: 6px !important;
1227
1276
  }
1228
1277
 
1229
- .video-js.skin_news .vjs-play-progress:before {
1278
+ .video-js.skin_news_live .vjs-play-progress:before {
1230
1279
  font-size: 1.5em;
1231
1280
  line-height: unset;
1232
1281
  top: -0.3333333333em;
1233
1282
  }
1234
1283
 
1235
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1284
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1236
1285
  display: none !important;
1237
1286
  }
1238
1287
 
1239
1288
  /* */
1240
- .video-js.skin_news .vjs-mouse-display{
1289
+ .video-js.skin_news_live .vjs-mouse-display{
1241
1290
  font-size: 1.6666666667em;
1242
1291
  }
1243
1292
 
1244
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1293
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1245
1294
  font-size: 1em !important;
1246
1295
  }
1247
1296
 
1248
- .video-js.skin_news .vjs-button{
1297
+ .video-js.skin_news_live .vjs-button{
1249
1298
  width: 5.3em;
1250
1299
  display: flex;
1251
1300
  align-items: center;
@@ -1253,63 +1302,71 @@
1253
1302
  }
1254
1303
 
1255
1304
 
1256
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1305
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1257
1306
  .icon-maximize {
1258
1307
  display: block;
1259
1308
  height: 32px;
1260
1309
  }
1261
1310
 
1262
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1311
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1263
1312
  line-height: 4;
1264
1313
  }
1265
1314
 
1266
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1315
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1267
1316
  .icon-minimize {
1268
1317
  display: none;
1269
1318
  height: 32px;
1270
1319
  }
1271
1320
 
1272
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1321
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1273
1322
  outline: none !important;
1323
+ /* flex: 1; */
1274
1324
  }
1275
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1325
+ .video-js.skin_news_live .vjs-play-toggle-container{
1326
+ display: flex;
1327
+ flex: 1;
1328
+ justify-content: center;
1329
+ }
1330
+
1331
+
1332
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1276
1333
  .vjs-icon-fullscreen-enter:before {
1277
1334
  /* content: '' !important; */
1278
1335
  }
1279
1336
 
1280
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1337
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1281
1338
  display: flex;
1282
1339
  justify-content: center;
1283
1340
  align-items: center;
1284
1341
  /* transform: rotate(90deg); */
1285
1342
  }
1286
1343
 
1287
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1344
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1288
1345
  display: none;
1289
1346
  }
1290
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1347
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1291
1348
  margin-left: -10px;
1292
1349
  }
1293
1350
 
1294
- .video-js.skin_news .skipbtn:hover{
1351
+ .video-js.skin_news_live .skipbtn:hover{
1295
1352
  cursor: pointer;
1296
1353
  }
1297
1354
 
1298
- .video-js.skin_news .rewindbtn:hover{
1355
+ .video-js.skin_news_live .rewindbtn:hover{
1299
1356
  cursor: pointer;
1300
1357
  }
1301
1358
 
1302
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1359
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1303
1360
  position: relative;
1304
1361
  padding-left: 0;
1305
1362
  }
1306
1363
 
1307
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1364
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1308
1365
  display: none !important;
1309
1366
  }
1310
1367
 
1311
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1312
- width: 90px;
1368
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1369
+ /* width: 90px;
1313
1370
  height: 90px;
1314
1371
  display: flex;
1315
1372
  justify-content: center;
@@ -1324,19 +1381,20 @@
1324
1381
  font-size: 6em;
1325
1382
  line-height: 1.4em;
1326
1383
  border: 0.05em solid;
1327
- color: inherit;
1384
+ color: inherit; */
1385
+ display: none !important;
1328
1386
  }
1329
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1387
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1330
1388
  font-weight: bold;
1331
1389
  }
1332
1390
 
1333
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1391
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1334
1392
  bottom: 2.4em !important;
1335
1393
  right: -1em;
1336
1394
  z-index: 1;
1337
1395
  }
1338
1396
 
1339
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1397
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1340
1398
  width: 24px !important;
1341
1399
  height: 24px !important;
1342
1400
  }
@@ -1346,34 +1404,34 @@
1346
1404
  }
1347
1405
 
1348
1406
 
1349
- .video-js.skin_news button.vjs-rewind-button{
1407
+ .video-js.skin_news_live button.vjs-rewind-button{
1350
1408
  cursor: pointer;
1351
1409
  }
1352
1410
 
1353
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1411
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1354
1412
  padding-right: 0;
1413
+ display: none;
1355
1414
  }
1356
1415
 
1357
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1416
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1358
1417
  padding-left: 0;
1418
+ display: none;
1359
1419
  }
1360
1420
 
1361
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1421
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1362
1422
  padding-left: 0;
1363
1423
  padding-right: 0;
1364
- display: flex;
1365
- justify-content: center;
1366
- width: min-content;
1424
+ display: none;
1367
1425
  }
1368
1426
 
1369
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1427
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1370
1428
  display: none
1371
1429
  }
1372
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1430
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1373
1431
  display: none
1374
1432
  }
1375
1433
 
1376
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1434
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1377
1435
  display: flex;
1378
1436
  align-items: center;
1379
1437
  font-weight: 700;
@@ -1381,26 +1439,26 @@
1381
1439
  min-width: 1.2em;
1382
1440
  }
1383
1441
 
1384
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1442
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1385
1443
  display: none;
1386
1444
  font-size: 11px;
1387
1445
  justify-content: center;
1388
1446
  align-items: center;
1389
1447
  user-select: none;
1390
1448
  }
1391
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1449
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1392
1450
  display: none;
1393
1451
  }
1394
1452
 
1395
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1453
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1396
1454
  height: min-content;
1397
1455
  width: min-content;
1398
1456
  }
1399
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1457
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1400
1458
  width: 6em;
1401
1459
  }
1402
1460
 
1403
- .video-js.skin_news .content{
1461
+ .video-js.skin_news_live .content{
1404
1462
  bottom: 3.4rem !important;
1405
1463
  right: -4rem !important;
1406
1464
  }
@@ -1419,15 +1477,16 @@
1419
1477
  pointer-events:none
1420
1478
  }
1421
1479
 
1422
- .video-js.skin_news iframe{
1480
+ .video-js.skin_news_live iframe{
1423
1481
  width: 100%;
1424
1482
  height: 100%;
1425
1483
  }
1426
1484
 
1427
- .video-js.skin_news .vjs-live-control{
1485
+ .video-js.skin_news_live .vjs-live-control{
1428
1486
  align-items: center;
1487
+ display: none;
1429
1488
  }
1430
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1489
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1431
1490
  height: 2.2em;
1432
1491
  display: flex;
1433
1492
  align-items: center;
@@ -1438,43 +1497,22 @@
1438
1497
  margin: 4px 0px 4px 12px;
1439
1498
  }
1440
1499
 
1441
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1500
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1442
1501
  text-shadow: none;
1443
1502
  }
1444
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1445
- display: none;
1446
- font-size: 12px;
1447
- }
1448
1503
 
1449
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1450
- height: 2.2em;
1451
- display: inline-flex;
1452
- align-items: center;
1453
- /* font-family: monospace; */
1504
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1505
+ display: flex;
1454
1506
  justify-content: center;
1455
- border: 2px solid;
1456
- margin: 4px 0px 4px 6px;
1457
- white-space: pre;
1458
- padding: 0px 6px;
1459
- font-size: 1.2em;
1460
- font-weight: 500;
1461
- color: rgba(255, 255, 2555, 0.7);
1462
-
1463
- letter-spacing: -.1px;
1464
- line-height: normal;
1465
- text-transform: uppercase;
1466
- color: #FFFFFF;
1467
- opacity: .7;
1468
- font-family: "Proxima Nova";
1507
+ min-width: 5.3em;
1508
+ pointer-events: none;
1509
+ user-select: none;
1469
1510
  }
1470
1511
 
1471
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1472
- opacity: 1;
1512
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1513
+ color: white;
1473
1514
  }
1474
1515
 
1475
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1476
- content: "NOT LIVE";
1477
- }
1478
1516
 
1479
1517
  .settings-selection.vjs-control.vjs-button{
1480
1518
  display: flex !important;
@@ -1491,57 +1529,57 @@
1491
1529
  .tvProviderImage{
1492
1530
  display: none
1493
1531
  }
1494
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1532
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1495
1533
  .icon-maximize {
1496
1534
  height: 30px !important;
1497
1535
  }
1498
1536
 
1499
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1537
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1500
1538
  .icon-minimize {
1501
1539
  height: 30px !important;
1502
1540
  }
1503
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1541
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1504
1542
  width: 4.5em;
1505
1543
  }
1506
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1544
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1507
1545
  height: min-content;
1508
1546
  }
1509
1547
 
1510
- .video-js.skin_news button.vjs-slowmo-button{
1548
+ .video-js.skin_news_live button.vjs-slowmo-button{
1511
1549
  display: none;
1512
1550
  }
1513
- .video-js.skin_news button.vjs-rewind-button{
1551
+ .video-js.skin_news_live button.vjs-rewind-button{
1514
1552
  display: none;
1515
1553
  }
1516
- .video-js.skin_news button.vjs-rewind-button>svg{
1554
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1517
1555
  height: 20px;
1518
1556
  }
1519
- .video-js.skin_news .vjs-button{
1557
+ .video-js.skin_news_live .vjs-button{
1520
1558
  width: 4.8em;
1521
1559
  }
1522
- .video-js.skin_news .widget-selection{
1560
+ .video-js.skin_news_live .widget-selection{
1523
1561
  display: none;
1524
1562
  }
1525
- .video-js.skin_news .container{
1563
+ .video-js.skin_news_live .container{
1526
1564
  display: none !important;
1527
1565
  }
1528
- .video-js.skin_news .vjs-control-bar{
1566
+ .video-js.skin_news_live .vjs-control-bar{
1529
1567
  height: 4em !important;
1530
1568
  }
1531
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1569
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1532
1570
  font-size: 2.5em;
1533
1571
  line-height: 1.5;
1534
1572
  }
1535
- .video-js.skin_news .vjs-play-progress:before {
1573
+ .video-js.skin_news_live .vjs-play-progress:before {
1536
1574
  font-size: 1.2em;
1537
1575
  position: absolute;
1538
1576
  right: -0.5em;
1539
1577
  z-index: 1;
1540
1578
  }
1541
- .video-js.skin_news button.vjs-skip-button>svg{
1579
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1542
1580
  height: 20px;
1543
1581
  }
1544
- .video-js.skin_news button.vjs-big-play-button {
1582
+ .video-js.skin_news_live button.vjs-big-play-button {
1545
1583
  width: 50px !important;
1546
1584
  height: 50px !important;
1547
1585
  font-size: 2.1rem !important;
@@ -1551,17 +1589,17 @@
1551
1589
  width: 24px;
1552
1590
  height: 24px;
1553
1591
  }
1554
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1592
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1555
1593
  margin: 0 12px 0 12px;
1556
1594
  }
1557
- .video-js.skin_news .vjs-seek-to-live-text{
1595
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1558
1596
  font-size: 12px;
1559
1597
  }
1560
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1598
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1561
1599
  margin: 0 12px 0 12px;
1562
1600
  }
1563
1601
  }
1564
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1602
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1565
1603
  width: 90px;
1566
1604
  height: 90px;
1567
1605
  display: flex;
@@ -1578,7 +1616,7 @@
1578
1616
  line-height: 1.4em;
1579
1617
  }
1580
1618
 
1581
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1619
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1582
1620
  display: flex;
1583
1621
  justify-content: center;
1584
1622
  align-items: center;
@@ -1586,29 +1624,22 @@
1586
1624
  transition: width 0.1s;
1587
1625
  }
1588
1626
 
1589
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1627
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1590
1628
  display: flex;
1591
1629
  justify-content: center;
1592
1630
  align-items: center;
1593
1631
  height: 100%;
1594
1632
  transition: width 0.1s;
1595
1633
  }
1596
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1634
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1597
1635
  display: none !important;
1598
1636
  }
1599
- .video-js.skin_news .ssai-ad-container{
1600
- position: absolute;
1601
- bottom: 14px;
1602
- }
1603
1637
 
1604
1638
  @media (max-width: 576px) {
1605
- .video-js.skin_news .ssai-ad-container{
1606
- bottom: 2px;
1607
- }
1608
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1639
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1609
1640
  height: 5px !important;
1610
1641
  }
1611
- .video-js.skin_news button.vjs-big-play-button {
1642
+ .video-js.skin_news_live button.vjs-big-play-button {
1612
1643
  width: 50px !important;
1613
1644
  height: 50px !important;
1614
1645
  font-size: 2.1rem !important;
@@ -1617,70 +1648,39 @@
1617
1648
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1618
1649
  display: none;
1619
1650
  }
1620
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1651
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1621
1652
  bottom: 2.4em !important;
1622
1653
  right: -1em;
1623
1654
  z-index: 1;
1624
1655
  }
1625
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1656
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1626
1657
  display: none !important;
1627
1658
  }
1628
1659
 
1629
- .video-js.skin_news .vjs-text-track-display-ttml span {
1630
- color: white;
1631
- font-size: 13px;
1632
- background-color: black;
1633
- }
1634
- }
1635
-
1636
- .video-js.skin_news .vjs-text-track-display-ttml span {
1637
- color: white;
1638
- font-size: 16px;
1639
- background-color: black;
1640
- }
1641
-
1642
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1643
- margin-bottom: 2rem !important;
1644
1660
  }
1645
1661
 
1646
- .video-js.skin_news .vjs-text-track-display-ttml p {
1647
- font-size: 18px !important;
1662
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1663
+ width: 100% !important;
1648
1664
  }
1649
1665
 
1650
-
1651
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1652
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1666
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1667
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1653
1668
  font-size: 1.2em !important;
1654
1669
  line-height: 1.5em !important;
1655
1670
  padding: 0.2em 0.8em !important;
1656
1671
  }
1657
1672
 
1658
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1673
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1659
1674
  content: none !important;
1660
1675
  fill: none !important;
1661
1676
  filter: none !important;
1662
1677
  }
1663
1678
 
1664
- /* svg icons opacity and hover effect */
1665
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1666
- opacity: 0.7 !important;
1667
- }
1668
-
1669
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1670
- opacity: 1 !important;
1671
- }
1672
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1673
- opacity: 0.7 !important;
1674
- }
1675
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1676
- opacity: 1 !important;
1677
- }
1678
-
1679
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1679
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1680
1680
  color: rgba(255, 255, 2555, 0.7)!important;
1681
1681
  }
1682
1682
 
1683
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1683
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1684
1684
  color: rgba(255, 255, 2555, 1)!important;
1685
1685
  }
1686
1686
 
@@ -2198,54 +2198,6 @@
2198
2198
 
2199
2199
 
2200
2200
 
2201
- .vjs-custom-big-mute.vjs-control{
2202
- position: absolute;
2203
- align-items: center;
2204
- background: #fcb700;
2205
- border: 0;
2206
- display: flex;
2207
- align-items: center;
2208
- height: 44px;
2209
- justify-content: center;
2210
- padding: 0;
2211
- width: 44px;
2212
- z-index: 1;
2213
- outline: none;
2214
- text-shadow:none !important;
2215
- cursor: pointer;
2216
- }
2217
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2218
- display: flex;
2219
- top: 50px;
2220
- height: 50px;
2221
- width: 50px;
2222
- }
2223
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2224
- height: 28px;
2225
- width: 28px;
2226
- }
2227
- .vjs-custom-big-mute.vjs-control:hover{
2228
- filter: none;
2229
- }
2230
-
2231
-
2232
- .vjs-custom-big-mute.vjs-control.tl{
2233
- top: 0;
2234
- left: 0;
2235
- margin: 15px 0 0 15px;
2236
- }
2237
-
2238
- .vjs-custom-big-mute.vjs-control.hide{
2239
- display: none !important;
2240
-
2241
- }
2242
-
2243
- .vjs-custom-big-mute.vjs-control > svg {
2244
- color: #071d39;
2245
- height: 22px;
2246
- width: 22px;
2247
- }
2248
-
2249
2201
 
2250
2202
 
2251
2203
  .video-js .multicamera-parent.default{
@@ -2330,6 +2282,54 @@
2330
2282
 
2331
2283
 
2332
2284
 
2285
+ .vjs-custom-big-mute.vjs-control{
2286
+ position: absolute;
2287
+ align-items: center;
2288
+ background: #fcb700;
2289
+ border: 0;
2290
+ display: flex;
2291
+ align-items: center;
2292
+ height: 44px;
2293
+ justify-content: center;
2294
+ padding: 0;
2295
+ width: 44px;
2296
+ z-index: 1;
2297
+ outline: none;
2298
+ text-shadow:none !important;
2299
+ cursor: pointer;
2300
+ }
2301
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2302
+ display: flex;
2303
+ top: 50px;
2304
+ height: 50px;
2305
+ width: 50px;
2306
+ }
2307
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2308
+ height: 28px;
2309
+ width: 28px;
2310
+ }
2311
+ .vjs-custom-big-mute.vjs-control:hover{
2312
+ filter: none;
2313
+ }
2314
+
2315
+
2316
+ .vjs-custom-big-mute.vjs-control.tl{
2317
+ top: 0;
2318
+ left: 0;
2319
+ margin: 15px 0 0 15px;
2320
+ }
2321
+
2322
+ .vjs-custom-big-mute.vjs-control.hide{
2323
+ display: none !important;
2324
+
2325
+ }
2326
+
2327
+ .vjs-custom-big-mute.vjs-control > svg {
2328
+ color: #071d39;
2329
+ height: 22px;
2330
+ width: 22px;
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
  }
@@ -2691,38 +2723,6 @@
2691
2723
  .video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content::-webkit-scrollbar{
2692
2724
  display: none;
2693
2725
  }
2694
- /* a wrapper element that tracks the mouse vertically */
2695
- .vjs-thumbnail-holder {
2696
- position: absolute;
2697
- left: -1000px;
2698
- }
2699
-
2700
- /* the thumbnail image itself */
2701
- .vjs-thumbnail {
2702
- position: absolute;
2703
- left: 0;
2704
- bottom: 1.3em;
2705
- opacity: 0;
2706
- transition: opacity .2s ease;
2707
- -webkit-transition: opacity .2s ease;
2708
- -moz-transition: opacity .2s ease;
2709
- -mz-transition: opacity .2s ease;
2710
- }
2711
-
2712
- /* fade in the thumbnail when hovering over the progress bar */
2713
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2714
- .vjs-progress-control:hover .vjs-thumbnail,
2715
- .vjs-progress-control.fake-active .vjs-thumbnail,
2716
- .vjs-progress-control:active .vjs-thumbnail {
2717
- opacity: 1;
2718
- }
2719
-
2720
- /* ... but hide the thumbnail when hovering directly over it */
2721
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2722
- .vjs-progress-control:active .vjs-thumbnail:active {
2723
- opacity: 0;
2724
- }
2725
-
2726
2726
  .vjs-poster {
2727
2727
  display: inline-block;
2728
2728
  vertical-align: middle;