@viewlift/player-backup 2.0.382-backup → 2.0.384-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 (169) hide show
  1. package/cjs/{autoNextVideo-fe81cc1f.js → autoNextVideo-19aa333e.js} +1 -1
  2. package/cjs/bundle.css +1086 -1086
  3. package/cjs/caption-settings-c66e624f.js +1 -0
  4. package/cjs/captions-3171bf62.js +1 -0
  5. package/cjs/features-5d7e8cc1.js +1 -0
  6. package/cjs/generic-46d02ba0.js +1 -0
  7. package/cjs/index-22c077d0.js +1 -0
  8. package/cjs/index-774736bd.js +1 -0
  9. package/cjs/index-79d88164.js +1 -0
  10. package/cjs/index-a4523b2c.js +1 -0
  11. package/cjs/index-d9460e79.js +1 -0
  12. package/cjs/index-de9db53d.js +1 -0
  13. package/cjs/index-ebc4afef.js +1 -0
  14. package/cjs/index-f3365b73.js +1 -0
  15. package/cjs/index.js +1 -1
  16. package/cjs/localisation-da6f64c6.js +1 -0
  17. package/cjs/manager-77ddd30c.js +1 -0
  18. package/cjs/multicamv2-20ae48e0.js +1 -0
  19. package/cjs/multicamv2-f94727ee.js +1 -0
  20. package/cjs/nextEpisodeButton-0e962dc4.js +1 -0
  21. package/cjs/playerControlEvents-db923a5c.js +1 -0
  22. package/cjs/playlist-8596ffa9.js +1 -0
  23. package/cjs/relatedVideosManager-44ec6d59.js +1 -0
  24. package/cjs/renditions-05a85e06.js +1 -0
  25. package/cjs/resolution-ac7705e6.js +1 -0
  26. package/cjs/series-2ec5a41a.js +1 -0
  27. package/cjs/series-v2-26626d6c.js +1 -0
  28. package/cjs/series-v2-2e339e9b.js +1 -0
  29. package/cjs/settings-icon-7a519942.js +1 -0
  30. package/cjs/{skin-db000967.js → skin-0f56c90a.js} +1 -1
  31. package/cjs/skin-12ea8f57.js +1 -0
  32. package/cjs/skin-1bbb2916.js +1 -0
  33. package/cjs/skin-55634dc6.js +1 -0
  34. package/cjs/skin-5747db33.js +1 -0
  35. package/{esm/skin-668016d5.js → cjs/skin-59aa968d.js} +1 -1
  36. package/cjs/skin-87233809.js +1 -0
  37. package/cjs/skin-96e07080.js +1 -0
  38. package/cjs/skin-a64932ac.js +1 -0
  39. package/cjs/skin-ace14d43.js +1 -0
  40. package/cjs/skin-b0f1d65d.js +1 -0
  41. package/cjs/videoSelector-0dd43a1a.js +1 -0
  42. package/cjs/videoSelector-14a6a823.js +1 -0
  43. package/cjs/videojs-dash5.es-0f92604f.js +1 -0
  44. package/esm/{autoNextVideo-f232cc76.js → autoNextVideo-5727bb50.js} +1 -1
  45. package/esm/bundle.css +1086 -1086
  46. package/esm/caption-settings-a7b3f98b.js +1 -0
  47. package/esm/captions-90173c21.js +1 -0
  48. package/esm/features-d1d7461f.js +1 -0
  49. package/esm/generic-72bc2234.js +1 -0
  50. package/esm/index-1a5d906c.js +1 -0
  51. package/esm/index-27b173c2.js +1 -0
  52. package/esm/index-28ebfa21.js +1 -0
  53. package/esm/index-8b7ad7a7.js +1 -0
  54. package/esm/index-a8eb06aa.js +1 -0
  55. package/esm/index-c903c091.js +1 -0
  56. package/esm/index-cbb86a6c.js +1 -0
  57. package/esm/index-e9e43270.js +1 -0
  58. package/esm/index.js +1 -1
  59. package/esm/localisation-2f1ee38c.js +1 -0
  60. package/esm/manager-d812dea7.js +1 -0
  61. package/esm/multicamv2-2a484b22.js +1 -0
  62. package/esm/multicamv2-72b751be.js +1 -0
  63. package/esm/nextEpisodeButton-38e39284.js +1 -0
  64. package/esm/playerControlEvents-26580023.js +1 -0
  65. package/esm/playlist-070bc603.js +1 -0
  66. package/esm/relatedVideosManager-93533a90.js +1 -0
  67. package/esm/renditions-28891b91.js +1 -0
  68. package/esm/resolution-d9d21f0e.js +1 -0
  69. package/esm/series-1ad08b8b.js +1 -0
  70. package/esm/series-v2-0e6f1fc1.js +1 -0
  71. package/esm/series-v2-f502d197.js +1 -0
  72. package/esm/settings-icon-abd55c1e.js +1 -0
  73. package/esm/skin-237bef24.js +1 -0
  74. package/esm/skin-24ed1b71.js +1 -0
  75. package/esm/skin-2a3ee818.js +1 -0
  76. package/esm/{skin-63d1e1ad.js → skin-4ce58a71.js} +1 -1
  77. package/esm/skin-65fab669.js +1 -0
  78. package/esm/skin-6af2950f.js +1 -0
  79. package/esm/{skin-d2280b86.js → skin-71418867.js} +1 -1
  80. package/esm/skin-a6a30830.js +1 -0
  81. package/esm/skin-c6d3eac0.js +1 -0
  82. package/esm/skin-dd2d5f12.js +1 -0
  83. package/esm/skin-de1d7d56.js +1 -0
  84. package/esm/src/apis/index.d.ts +4 -4
  85. package/esm/src/features.d.ts +4 -1
  86. package/esm/src/helpers/dvrSeekControls.d.ts +12 -0
  87. package/esm/src/helpers/dvrSeekControls.test.d.ts +1 -0
  88. package/esm/src/helpers/token.d.ts +1 -1
  89. package/esm/src/index.d.ts +1 -1
  90. package/esm/videoSelector-ea5a2015.js +1 -0
  91. package/esm/videoSelector-f39e4dfc.js +1 -0
  92. package/esm/videojs-dash5.es-cfe95daa.js +1 -0
  93. package/package.json +1 -1
  94. package/cjs/caption-settings-d355ba53.js +0 -1
  95. package/cjs/captions-5e8d467d.js +0 -1
  96. package/cjs/features-089b50af.js +0 -1
  97. package/cjs/generic-8ca2f919.js +0 -1
  98. package/cjs/index-08c27e51.js +0 -1
  99. package/cjs/index-2ee9beb4.js +0 -1
  100. package/cjs/index-4d160484.js +0 -1
  101. package/cjs/index-58f88daa.js +0 -1
  102. package/cjs/index-63a67aa1.js +0 -1
  103. package/cjs/index-a1a70e63.js +0 -1
  104. package/cjs/index-e1cdf7e1.js +0 -1
  105. package/cjs/index-fb77f2db.js +0 -1
  106. package/cjs/localisation-9b9539fb.js +0 -1
  107. package/cjs/manager-2b3a6487.js +0 -1
  108. package/cjs/multicamv2-8b99bc83.js +0 -1
  109. package/cjs/multicamv2-f0ee6cc1.js +0 -1
  110. package/cjs/nextEpisodeButton-7e1f3106.js +0 -1
  111. package/cjs/playerControlEvents-4bae757e.js +0 -1
  112. package/cjs/playlist-2259436e.js +0 -1
  113. package/cjs/relatedVideosManager-0a220d05.js +0 -1
  114. package/cjs/renditions-627bdfad.js +0 -1
  115. package/cjs/resolution-4741809a.js +0 -1
  116. package/cjs/series-28bbbbf6.js +0 -1
  117. package/cjs/series-v2-4bb0457d.js +0 -1
  118. package/cjs/series-v2-e99c98ee.js +0 -1
  119. package/cjs/settings-icon-3da03cb8.js +0 -1
  120. package/cjs/skin-217ca063.js +0 -1
  121. package/cjs/skin-22fde16a.js +0 -1
  122. package/cjs/skin-582383a1.js +0 -1
  123. package/cjs/skin-66478af3.js +0 -1
  124. package/cjs/skin-66dce245.js +0 -1
  125. package/cjs/skin-73fbc58e.js +0 -1
  126. package/cjs/skin-8d2c0de1.js +0 -1
  127. package/cjs/skin-add6c0af.js +0 -1
  128. package/cjs/skin-b7260bfd.js +0 -1
  129. package/cjs/skin-e3a9679e.js +0 -1
  130. package/cjs/videoSelector-02475b21.js +0 -1
  131. package/cjs/videoSelector-faf903be.js +0 -1
  132. package/cjs/videojs-dash5.es-80bdd597.js +0 -1
  133. package/esm/caption-settings-3e2036d5.js +0 -1
  134. package/esm/captions-1568930c.js +0 -1
  135. package/esm/features-44146112.js +0 -1
  136. package/esm/generic-1ddaa591.js +0 -1
  137. package/esm/index-5a3a05a7.js +0 -1
  138. package/esm/index-6c82fd05.js +0 -1
  139. package/esm/index-7827eeb5.js +0 -1
  140. package/esm/index-94168c40.js +0 -1
  141. package/esm/index-a14b28ff.js +0 -1
  142. package/esm/index-aff8312a.js +0 -1
  143. package/esm/index-dbeabd1b.js +0 -1
  144. package/esm/index-ec92c082.js +0 -1
  145. package/esm/localisation-a4ec8f68.js +0 -1
  146. package/esm/manager-71943445.js +0 -1
  147. package/esm/multicamv2-061a6130.js +0 -1
  148. package/esm/multicamv2-c18bca47.js +0 -1
  149. package/esm/nextEpisodeButton-c2f6fe5e.js +0 -1
  150. package/esm/playerControlEvents-a054a667.js +0 -1
  151. package/esm/playlist-e4e9d62a.js +0 -1
  152. package/esm/relatedVideosManager-81661348.js +0 -1
  153. package/esm/renditions-620d93b3.js +0 -1
  154. package/esm/resolution-f2937f41.js +0 -1
  155. package/esm/series-f8da263f.js +0 -1
  156. package/esm/series-v2-9233c611.js +0 -1
  157. package/esm/series-v2-aed0795f.js +0 -1
  158. package/esm/settings-icon-fbc91450.js +0 -1
  159. package/esm/skin-3653c5b3.js +0 -1
  160. package/esm/skin-402d251b.js +0 -1
  161. package/esm/skin-5eb8f7e4.js +0 -1
  162. package/esm/skin-72ca79f0.js +0 -1
  163. package/esm/skin-75b95376.js +0 -1
  164. package/esm/skin-88155d29.js +0 -1
  165. package/esm/skin-e87a333a.js +0 -1
  166. package/esm/skin-fee76ce4.js +0 -1
  167. package/esm/videoSelector-aba6942a.js +0 -1
  168. package/esm/videoSelector-f6a8da8f.js +0 -1
  169. 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;
@@ -210,871 +211,912 @@
210
211
  text-decoration: underline;
211
212
  }
212
213
 
213
- .video-js.skin_cn_news .vjs-control-bar {
214
- z-index: 1 !important;
215
- height: auto !important;
216
- padding: 0.8em 30px 0.6em;
217
- background: transparent !important;
214
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
215
+ font-size: 2.2em;
216
+ line-height: 2.6;
217
+ }
218
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
219
+ background: white;
220
+ }
221
+ .video-js.skin_news .vjs-control-bar{
222
+ z-index: 1 !important;
223
+ height: 5em !important;
224
+ background: black !important;
225
+ }
226
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
218
227
  display: flex;
219
- flex-wrap: wrap;
220
228
  align-items: center;
221
- column-gap: 10px;
229
+ justify-content: center;
222
230
  }
223
231
 
232
+ .video-js.skin_news .vjs-fade>* {
233
+ visibility: hidden !important;
234
+ opacity: 0 !important;
235
+ transition: visibility 1s, opacity 1s !important;
236
+ }
224
237
 
225
- .video-js.skin_cn_news .vjs-control-bar::before {
226
- content: '';
238
+ .video-js.skin_news .custom-spaced-progress-bar {
227
239
  position: absolute;
228
- left: 0;
229
- right: 0;
230
- bottom: 0;
231
- top: -3em;
232
- background: linear-gradient(
233
- to top,
234
- rgba(0, 0, 0, 0.85) 0%,
235
- rgba(0, 0, 0, 0.7) 40%,
236
- rgba(0, 0, 0, 0.55) 70%,
237
- rgba(0, 0, 0, 0.38) 86%,
238
- transparent 100%
239
- );
240
- pointer-events: none;
241
- z-index: -1;
240
+ width: 100%;
241
+ display: flex;
242
+ height: 0.5em;
243
+ top: -0.5em;
242
244
  }
243
245
 
244
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
245
- order: -1;
246
- flex: 0 0 100%;
247
- width: 80%;
248
- margin: 0 0 5em;
246
+ .video-js.skin_news .vjs-progress-control {
247
+ /* left: -6px; */
249
248
  position: relative;
249
+ width: 100%;
250
+ height: 0.5em;
251
+ transition: height 0.1s, top 0.1s;
250
252
  }
251
253
 
252
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
253
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
254
- width: auto;
255
- min-width: 0;
256
- }
257
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
258
- display: inline-flex;
259
- align-items: center;
260
- justify-content: center;
261
- height: 7em;
262
- padding: 0 10px;
263
- color: #fff;
264
- }
265
254
 
266
- .video-js.skin_cn_news .vjs-svg-icon::before {
267
- content: none !important;
268
- }
269
255
 
270
256
 
271
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
272
- display: inline-flex;
273
- align-items: center;
274
- justify-content: center;
275
- }
276
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
277
- .video-js.skin_cn_news .vjs-rewind-button svg {
278
- width: 24px;
279
- height: 24px;
257
+ .video-js.skin_news .vjs-custom-control-spacer {
280
258
  display: block;
259
+ flex: 1 1 auto;
281
260
  }
282
261
 
283
-
284
-
285
- .video-js.skin_cn_news .vjs-subs-caps-button {
286
- opacity: 1;
262
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
263
+ margin: 0 0px 0 0px;
264
+ }
265
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
266
+ display: none;
287
267
  }
288
268
 
289
-
290
-
291
- .video-js.skin_cn_news .vjs-volume-panel {
292
- margin: 0;
293
- display: inline-flex;
294
- align-items: center;
269
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
270
+ font-size: 14px;
271
+ font-weight: 500;
295
272
  align-self: center;
296
- height: 2.2em;
297
- min-width: 7em;
298
- transition: none;
299
- }
300
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
301
- width: 0;
302
- height: 100%;
303
- display: flex;
304
- align-items: center;
305
- overflow: hidden;
306
- opacity: 0;
307
- transition: width 0.15s ease, opacity 0.15s ease;
308
- }
309
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
310
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
311
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
312
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
313
- width: 5em;
314
- opacity: 1;
273
+ height: min-content;
274
+ padding: 5px 2px;
275
+ border-radius: 8px;
315
276
  }
316
277
 
317
- .video-js.skin_cn_news .vjs-volume-bar {
318
- width: 4em;
319
- height: 0.3em;
320
- margin: 0 0.45em;
278
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
279
+ height: 6px !important;
321
280
  }
322
281
 
282
+ .video-js.skin_news .vjs-play-progress:before {
283
+ font-size: 1.5em;
284
+ line-height: unset;
285
+ top: -0.3333333333em;
286
+ }
323
287
 
324
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
288
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
325
289
  display: none !important;
326
290
  }
327
291
 
328
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
329
- width: 0 !important;
292
+ /* */
293
+ .video-js.skin_news .vjs-mouse-display{
294
+ font-size: 1.6666666667em;
330
295
  }
331
296
 
332
-
333
- .video-js.skin_cn_news .vjs-custom-control-spacer {
334
- display: block !important;
335
- flex: 1 1 auto;
297
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
298
+ font-size: 1em !important;
336
299
  }
337
300
 
338
-
339
- .video-js.skin_cn_news .vjs-big-play-button {
340
- display: none;
341
- }
342
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
343
- position: relative !important;
344
- display: flex;
345
- left: 0;
346
- top: -1px;
347
- }
348
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
301
+ .video-js.skin_news .vjs-button{
302
+ width: 5.3em;
349
303
  display: flex;
350
- justify-content: center;
351
304
  align-items: center;
352
- position: absolute;
353
- top: 0;
354
- left: 0;
355
- right: 0;
356
- bottom: 0;
357
- margin: auto;
358
- width: 80px;
359
- height: 80px;
360
- border: none;
361
- border-radius: 50%;
362
- background: rgba(0, 0, 0, 0.55);
363
- font-size: 5em;
364
- line-height: 1.3em;
365
- transform: none !important;
305
+ justify-content: center;
366
306
  }
367
307
 
368
308
 
369
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
370
- height: 4px !important;
371
- margin: 0;
372
- border-radius: 20px;
373
- background-color: #393944;
309
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
310
+ .icon-maximize {
311
+ display: block;
312
+ height: 32px;
374
313
  }
375
314
 
376
- .video-js.skin_cn_news .vjs-play-progress {
377
- background-color: #ffffff;
378
- border-radius: 20px;
315
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
316
+ line-height: 4;
379
317
  }
380
318
 
381
- .video-js.skin_cn_news .vjs-load-progress,
382
- .video-js.skin_cn_news .vjs-load-progress div {
383
- background: rgba(255, 255, 255, 0.15);
384
- border-radius: 20px;
319
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
320
+ .icon-minimize {
321
+ display: none;
322
+ height: 32px;
385
323
  }
386
324
 
387
-
388
- .video-js.skin_cn_news .vjs-play-progress:before {
389
- content: '';
390
- width: 16px;
391
- height: 16px;
392
- border-radius: 50%;
393
- background: #ffffff;
394
- border: 2px solid rgba(0, 0, 0, 0.6);
395
- box-sizing: border-box;
396
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
397
- top: -6px;
398
- right: -8px;
399
- position: absolute;
325
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
326
+ outline: none !important;
400
327
  }
401
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
402
- display: none !important;
328
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
329
+ .vjs-icon-fullscreen-enter:before {
330
+ /* content: '' !important; */
403
331
  }
404
332
 
405
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
406
- background: #ffffff;
407
- color: #0a0e17;
408
- font-weight: 700;
409
- border-radius: 3px;
333
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
334
+ display: flex;
335
+ justify-content: center;
336
+ align-items: center;
337
+ /* transform: rotate(90deg); */
410
338
  }
411
339
 
412
- .video-js.skin_cn_news .vjs-live-control {
413
- display: none !important;
340
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
341
+ display: none;
414
342
  }
415
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
416
- display: inline-flex;
417
- align-items: center;
418
- align-self: center;
419
- height: 2.2em;
420
- gap: 5px;
421
- width: auto;
422
- padding: 0 10px;
423
- border: 1px solid rgba(255, 255, 255, 0.45);
424
- border-radius: 4px;
343
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
344
+ margin-left: -10px;
345
+ }
346
+
347
+ .video-js.skin_news .skipbtn:hover{
425
348
  cursor: pointer;
426
349
  }
427
- .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
428
- .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
429
- display: none;
350
+
351
+ .video-js.skin_news .rewindbtn:hover{
352
+ cursor: pointer;
430
353
  }
431
354
 
432
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
433
- display: none;
355
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
356
+ position: relative;
357
+ padding-left: 0;
434
358
  }
435
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
436
- display: inline-flex;
437
- align-items: center;
359
+
360
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
361
+ display: none !important;
438
362
  }
439
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
440
- content: '';
441
- display: inline-block;
442
- width: 8px;
443
- height: 8px;
444
- border-radius: 50%;
445
- background: #ff2d2d; /* red live dot */
363
+
364
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
365
+ width: 90px;
366
+ height: 90px;
367
+ display: flex;
368
+ justify-content: center;
369
+ align-items: center;
370
+ border-radius: 50%;
371
+ position: absolute;
372
+ top: 0;
373
+ left: 0;
374
+ right: 0;
375
+ bottom: 0;
376
+ margin: auto;
377
+ font-size: 6em;
378
+ line-height: 1.4em;
379
+ border: 0.05em solid;
380
+ color: inherit;
446
381
  }
447
- .video-js.skin_cn_news .vjs-seek-to-live-text {
448
- color: #ffffff;
449
- font-weight: 700;
450
- font-size: 12px;
451
- letter-spacing: 0.03em;
382
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
383
+ font-weight: bold;
452
384
  }
453
385
 
454
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
455
- border-color: transparent;
456
- }
457
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
458
- color: #ff2d2d;
386
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
387
+ bottom: 2.4em !important;
388
+ right: -1em;
389
+ z-index: 1;
459
390
  }
460
391
 
461
- /* ---- time controls ---- */
462
- .video-js.skin_cn_news .vjs-current-time,
463
- .video-js.skin_cn_news .vjs-duration,
464
- .video-js.skin_cn_news .vjs-time-divider {
465
- display: none;
466
- align-items: center;
467
- font-size: 12px;
468
- font-weight: 700;
469
- color: #fff;
470
- user-select: none;
392
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
393
+ width: 24px !important;
394
+ height: 24px !important;
471
395
  }
472
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
473
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
474
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
475
- display: flex;
396
+ .settings-selector-icon>svg{
397
+ height: 19px !important;
398
+ width: 19px !important;
476
399
  }
477
- .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
400
+
401
+
402
+ .video-js.skin_news button.vjs-rewind-button{
403
+ cursor: pointer;
404
+ }
405
+
406
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
478
407
  padding-right: 0;
479
408
  }
480
- .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
409
+
410
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
481
411
  padding-left: 0;
482
412
  }
483
- .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
484
- padding: 0 4px;
485
- min-width: 0;
486
- width: auto;
487
- }
488
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
489
- display: none;
490
- align-items: center;
413
+
414
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
415
+ padding-left: 0;
416
+ padding-right: 0;
417
+ display: flex;
491
418
  justify-content: center;
492
- font-size: 11px;
493
- font-weight: 700;
494
- color: #fff;
495
- padding: 0 6px;
496
- user-select: none;
419
+ width: min-content;
497
420
  }
498
421
 
499
-
500
- .video-js.skin_cn_news .vjs-chapter-marker {
501
- z-index: 2;
502
- width: var(--vl-chapter-size, 8px);
503
- height: var(--vl-chapter-size, 8px);
504
- top: 50%;
505
- bottom: auto;
506
- background: var(--vl-chapter-color, #ffffff);
507
- opacity: var(--vl-chapter-opacity, 1);
508
- border-radius: 50%;
509
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
510
- transform: translate(-50%, -50%) scale(1);
511
- transition: background-color 0.12s ease;
512
- }
513
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
514
- background: var(--vl-chapter-hover, #0a5cff);
422
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
423
+ display: none
515
424
  }
516
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
517
- background: var(--vl-chapter-active, #0a5cff);
425
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
426
+ display: none
518
427
  }
519
428
 
520
-
521
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
522
- width: 16px;
523
- height: 16px;
524
- bottom: 160%;
525
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
429
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
430
+ display: flex;
431
+ align-items: center;
432
+ font-weight: 700;
433
+ font-size: 12px;
434
+ min-width: 1.2em;
526
435
  }
527
436
 
528
-
529
- .video-js.skin_cn_news .vjs-chapter-preview {
530
- background: var(--vl-chapter-tooltip, #0a5cff);
531
- border-radius: 6px;
532
- padding: 8px 10px;
533
- width: max-content;
534
- max-width: 300px;
535
- text-align: left;
536
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
537
- }
538
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
539
- color: #ffffff;
540
- font-size: 13px;
541
- font-weight: 400;
542
- margin-bottom: 2px;
543
- }
544
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
545
- color: #ffffff;
546
- font-size: 13px;
547
- font-weight: 400;
548
- line-height: 1.3;
549
- white-space: normal;
550
- text-align: left;
551
- }
552
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
553
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
437
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
438
+ display: none;
439
+ font-size: 11px;
440
+ justify-content: center;
441
+ align-items: center;
442
+ user-select: none;
554
443
  }
555
-
556
- /* ---- responsive ---- */
557
- @media (max-width: 576px) {
558
- .video-js.skin_cn_news .vjs-control-bar {
559
- height: 3.2em !important;
560
- padding: 0 8px;
561
- }
562
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
563
- padding: 0 6px;
564
- }
565
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
566
- display: none !important;
567
- }
444
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
445
+ display: none;
568
446
  }
569
447
 
570
-
571
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
572
- font-size: 2.2em;
573
- line-height: 2.6;
574
- }
575
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
576
- background: #fcb700;
448
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
449
+ height: min-content;
450
+ width: min-content;
577
451
  }
578
- .video-js.skin_news_live .vjs-control-bar{
579
- z-index: 1 !important;
580
- height: 5em !important;
581
- background: black !important;
452
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
453
+ width: 6em;
582
454
  }
583
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
584
- display: flex;
585
- align-items: center;
586
- justify-content: center;
455
+
456
+ .video-js.skin_news .content{
457
+ bottom: 3.4rem !important;
458
+ right: -4rem !important;
587
459
  }
588
460
 
589
- .video-js.skin_news_live .vjs-fade>* {
590
- visibility: hidden !important;
591
- opacity: 0 !important;
592
- transition: visibility 1s, opacity 1s !important;
461
+ .setting-icon > svg{
462
+ height:18px !important;
593
463
  }
594
464
 
595
- .video-js.skin_news_live .custom-spaced-progress-bar {
465
+ .output-overlay{
596
466
  position: absolute;
467
+ bottom: 0;
468
+ height: 100%;
597
469
  width: 100%;
598
- display: flex;
599
- height: 0.5em;
600
- top: -0.5em;
470
+ z-index: 0;
471
+ border: 0;
472
+ pointer-events:none
601
473
  }
602
474
 
603
- .video-js.skin_news_live .vjs-progress-control {
604
- /* left: -6px; */
605
- position: relative;
475
+ .video-js.skin_news iframe{
606
476
  width: 100%;
607
- height: 0.5em;
608
- transition: height 0.1s, top 0.1s;
477
+ height: 100%;
609
478
  }
610
479
 
611
- .video-js.skin_news_live .vjs-volume-panel{
612
- min-width: 5.3em;
480
+ .video-js.skin_news .vjs-live-control{
481
+ align-items: center;
613
482
  }
614
-
615
-
616
-
617
- .video-js.skin_news_live .vjs-custom-control-spacer {
618
- /* display: block; */
619
- /* flex: 1 1 auto; */
483
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
484
+ height: 2.2em;
485
+ display: flex;
486
+ align-items: center;
487
+ font-family: monospace;
488
+ width: 4em;
489
+ justify-content: center;
490
+ background: red;
491
+ margin: 4px 0px 4px 12px;
620
492
  }
621
493
 
622
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
623
- margin: 0 0px 0 0px;
494
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
495
+ text-shadow: none;
624
496
  }
625
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
497
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
626
498
  display: none;
499
+ font-size: 12px;
627
500
  }
628
501
 
629
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
630
- font-size: 14px;
502
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
503
+ height: 2.2em;
504
+ display: inline-flex;
505
+ align-items: center;
506
+ /* font-family: monospace; */
507
+ justify-content: center;
508
+ border: 2px solid;
509
+ margin: 4px 0px 4px 6px;
510
+ white-space: pre;
511
+ padding: 0px 6px;
512
+ font-size: 1.2em;
631
513
  font-weight: 500;
632
- align-self: center;
633
- height: min-content;
634
- padding: 5px 2px;
635
- border-radius: 8px;
636
- }
637
-
638
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
639
- height: 6px !important;
640
- }
514
+ color: rgba(255, 255, 2555, 0.7);
641
515
 
642
- .video-js.skin_news_live .vjs-play-progress:before {
643
- font-size: 1.5em;
644
- line-height: unset;
645
- top: -0.3333333333em;
516
+ letter-spacing: -.1px;
517
+ line-height: normal;
518
+ text-transform: uppercase;
519
+ color: #FFFFFF;
520
+ opacity: .7;
521
+ font-family: "Proxima Nova";
646
522
  }
647
523
 
648
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
649
- display: none !important;
524
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
525
+ opacity: 1;
650
526
  }
651
527
 
652
- /* */
653
- .video-js.skin_news_live .vjs-mouse-display{
654
- font-size: 1.6666666667em;
528
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
529
+ content: "NOT LIVE";
655
530
  }
656
531
 
657
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
658
- font-size: 1em !important;
532
+ .settings-selection.vjs-control.vjs-button{
533
+ display: flex !important;
659
534
  }
660
535
 
661
- .video-js.skin_news_live .vjs-button{
662
- width: 5.3em;
663
- display: flex;
664
- align-items: center;
665
- justify-content: center;
536
+ @media(max-width:576px){
537
+ .settings-selection.vjs-control.vjs-button{
538
+ display: none !important;
539
+ }
666
540
  }
667
541
 
668
542
 
669
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
670
- .icon-maximize {
671
- display: block;
672
- height: 32px;
673
- }
543
+ @media(max-width:576px){
544
+ .tvProviderImage{
545
+ display: none
546
+ }
547
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
548
+ .icon-maximize {
549
+ height: 30px !important;
550
+ }
674
551
 
675
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
676
- line-height: 4;
677
- }
552
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
553
+ .icon-minimize {
554
+ height: 30px !important;
555
+ }
556
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
557
+ width: 4.5em;
558
+ }
559
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
560
+ height: min-content;
561
+ }
678
562
 
679
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
680
- .icon-minimize {
563
+ .video-js.skin_news button.vjs-slowmo-button{
681
564
  display: none;
682
- height: 32px;
565
+ }
566
+ .video-js.skin_news button.vjs-rewind-button{
567
+ display: none;
568
+ }
569
+ .video-js.skin_news button.vjs-rewind-button>svg{
570
+ height: 20px;
571
+ }
572
+ .video-js.skin_news .vjs-button{
573
+ width: 4.8em;
574
+ }
575
+ .video-js.skin_news .widget-selection{
576
+ display: none;
577
+ }
578
+ .video-js.skin_news .container{
579
+ display: none !important;
580
+ }
581
+ .video-js.skin_news .vjs-control-bar{
582
+ height: 4em !important;
583
+ }
584
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
585
+ font-size: 2.5em;
586
+ line-height: 1.5;
587
+ }
588
+ .video-js.skin_news .vjs-play-progress:before {
589
+ font-size: 1.2em;
590
+ position: absolute;
591
+ right: -0.5em;
592
+ z-index: 1;
593
+ }
594
+ .video-js.skin_news button.vjs-skip-button>svg{
595
+ height: 20px;
596
+ }
597
+ .video-js.skin_news button.vjs-big-play-button {
598
+ width: 50px !important;
599
+ height: 50px !important;
600
+ font-size: 2.1rem !important;
683
601
  }
684
602
 
685
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
686
- outline: none !important;
687
- /* flex: 1; */
603
+ .stream-selector-icon>svg{
604
+ width: 24px;
605
+ height: 24px;
688
606
  }
689
- .video-js.skin_news_live .vjs-play-toggle-container{
607
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
608
+ margin: 0 12px 0 12px;
609
+ }
610
+ .video-js.skin_news .vjs-seek-to-live-text{
611
+ font-size: 12px;
612
+ }
613
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
614
+ margin: 0 12px 0 12px;
615
+ }
616
+ }
617
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
618
+ width: 90px;
619
+ height: 90px;
690
620
  display: flex;
691
- flex: 1;
692
621
  justify-content: center;
622
+ align-items: center;
623
+ border-radius: 50%;
624
+ position: absolute;
625
+ top: 0;
626
+ left: 0;
627
+ right: 0;
628
+ bottom: 0;
629
+ margin: auto;
630
+ font-size: 6em;
631
+ line-height: 1.4em;
693
632
  }
694
633
 
695
-
696
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
697
- .vjs-icon-fullscreen-enter:before {
698
- /* content: '' !important; */
634
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
635
+ display: flex;
636
+ justify-content: center;
637
+ align-items: center;
638
+ height: 100%;
639
+ transition: width 0.1s;
699
640
  }
700
641
 
701
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
642
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
702
643
  display: flex;
703
644
  justify-content: center;
704
645
  align-items: center;
705
- /* transform: rotate(90deg); */
646
+ height: 100%;
647
+ transition: width 0.1s;
706
648
  }
707
-
708
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
709
- display: none;
649
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
650
+ display: none !important;
710
651
  }
711
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
712
- margin-left: -10px;
652
+ .video-js.skin_news .ssai-ad-container{
653
+ position: absolute;
654
+ bottom: 14px;
713
655
  }
714
656
 
715
- .video-js.skin_news_live .skipbtn:hover{
716
- cursor: pointer;
657
+ @media (max-width: 576px) {
658
+ .video-js.skin_news .ssai-ad-container{
659
+ bottom: 2px;
660
+ }
661
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
662
+ height: 5px !important;
663
+ }
664
+ .video-js.skin_news button.vjs-big-play-button {
665
+ width: 50px !important;
666
+ height: 50px !important;
667
+ font-size: 2.1rem !important;
668
+ }
669
+
670
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
671
+ display: none;
672
+ }
673
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
674
+ bottom: 2.4em !important;
675
+ right: -1em;
676
+ z-index: 1;
717
677
  }
678
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
679
+ display: none !important;
680
+ }
718
681
 
719
- .video-js.skin_news_live .rewindbtn:hover{
720
- cursor: pointer;
682
+ .video-js.skin_news .vjs-text-track-display-ttml span {
683
+ color: white;
684
+ font-size: 13px;
685
+ background-color: black;
686
+ }
721
687
  }
722
688
 
723
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
724
- position: relative;
725
- padding-left: 0;
689
+ .video-js.skin_news .vjs-text-track-display-ttml span {
690
+ color: white;
691
+ font-size: 16px;
692
+ background-color: black;
726
693
  }
727
694
 
728
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
729
- display: none !important;
695
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
696
+ margin-bottom: 2rem !important;
730
697
  }
731
698
 
732
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
733
- /* width: 90px;
734
- height: 90px;
735
- display: flex;
736
- justify-content: center;
737
- align-items: center;
738
- border-radius: 50%;
739
- position: absolute;
740
- top: 0;
741
- left: 0;
742
- right: 0;
743
- bottom: 0;
744
- margin: auto;
745
- font-size: 6em;
746
- line-height: 1.4em;
747
- border: 0.05em solid;
748
- color: inherit; */
749
- display: none !important;
699
+ .video-js.skin_news .vjs-text-track-display-ttml p {
700
+ font-size: 18px !important;
750
701
  }
751
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
752
- font-weight: bold;
702
+
703
+
704
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
705
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
706
+ font-size: 1.2em !important;
707
+ line-height: 1.5em !important;
708
+ padding: 0.2em 0.8em !important;
753
709
  }
754
710
 
755
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
756
- bottom: 2.4em !important;
757
- right: -1em;
758
- z-index: 1;
711
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
712
+ content: none !important;
713
+ fill: none !important;
714
+ filter: none !important;
759
715
  }
760
716
 
761
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
762
- width: 24px !important;
763
- height: 24px !important;
717
+ /* svg icons opacity and hover effect */
718
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
719
+ opacity: 0.7 !important;
764
720
  }
765
- .settings-selector-icon>svg{
766
- height: 19px !important;
767
- width: 19px !important;
721
+
722
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
723
+ opacity: 1 !important;
724
+ }
725
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
726
+ opacity: 0.7 !important;
727
+ }
728
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
729
+ opacity: 1 !important;
768
730
  }
769
731
 
732
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
733
+ color: rgba(255, 255, 2555, 0.7)!important;
734
+ }
770
735
 
771
- .video-js.skin_news_live button.vjs-rewind-button{
772
- cursor: pointer;
736
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
737
+ color: rgba(255, 255, 2555, 1)!important;
773
738
  }
774
739
 
775
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
776
- padding-right: 0;
777
- display: none;
740
+
741
+
742
+
743
+ .video-js.skin_cn_news .vjs-control-bar {
744
+ z-index: 1 !important;
745
+ height: auto !important;
746
+ padding: 0.8em 30px 0.6em;
747
+ background: transparent !important;
748
+ display: flex;
749
+ flex-wrap: wrap;
750
+ align-items: center;
751
+ column-gap: 10px;
778
752
  }
779
753
 
780
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
781
- padding-left: 0;
782
- display: none;
754
+
755
+ .video-js.skin_cn_news .vjs-control-bar::before {
756
+ content: '';
757
+ position: absolute;
758
+ left: 0;
759
+ right: 0;
760
+ bottom: 0;
761
+ top: -3em;
762
+ background: linear-gradient(
763
+ to top,
764
+ rgba(0, 0, 0, 0.85) 0%,
765
+ rgba(0, 0, 0, 0.7) 40%,
766
+ rgba(0, 0, 0, 0.55) 70%,
767
+ rgba(0, 0, 0, 0.38) 86%,
768
+ transparent 100%
769
+ );
770
+ pointer-events: none;
771
+ z-index: -1;
783
772
  }
784
773
 
785
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
786
- padding-left: 0;
787
- padding-right: 0;
788
- display: none;
774
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
775
+ order: -1;
776
+ flex: 0 0 100%;
777
+ width: 80%;
778
+ margin: 0 0 5em;
779
+ position: relative;
789
780
  }
790
781
 
791
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
792
- display: none
782
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
783
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
784
+ width: auto;
785
+ min-width: 0;
793
786
  }
794
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
795
- display: none
787
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
788
+ display: inline-flex;
789
+ align-items: center;
790
+ justify-content: center;
791
+ height: 7em;
792
+ padding: 0 10px;
793
+ color: #fff;
796
794
  }
797
795
 
798
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
799
- display: flex;
800
- align-items: center;
801
- font-weight: 700;
802
- font-size: 12px;
803
- min-width: 1.2em;
796
+ .video-js.skin_cn_news .vjs-svg-icon::before {
797
+ content: none !important;
804
798
  }
805
799
 
806
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
807
- display: none;
808
- font-size: 11px;
809
- justify-content: center;
800
+
801
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
802
+ display: inline-flex;
810
803
  align-items: center;
811
- user-select: none;
804
+ justify-content: center;
812
805
  }
813
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
814
- display: none;
806
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
807
+ .video-js.skin_cn_news .vjs-rewind-button svg {
808
+ width: 24px;
809
+ height: 24px;
810
+ display: block;
815
811
  }
816
812
 
817
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
818
- height: min-content;
819
- width: min-content;
813
+
814
+
815
+ .video-js.skin_cn_news .vjs-subs-caps-button {
816
+ opacity: 1;
820
817
  }
821
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
822
- width: 6em;
818
+
819
+
820
+
821
+ .video-js.skin_cn_news .vjs-volume-panel {
822
+ margin: 0;
823
+ display: inline-flex;
824
+ align-items: center;
825
+ align-self: center;
826
+ height: 2.2em;
827
+ min-width: 7em;
828
+ transition: none;
829
+ }
830
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
831
+ width: 0;
832
+ height: 100%;
833
+ display: flex;
834
+ align-items: center;
835
+ overflow: hidden;
836
+ opacity: 0;
837
+ transition: width 0.15s ease, opacity 0.15s ease;
838
+ }
839
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
840
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
841
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
842
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
843
+ width: 5em;
844
+ opacity: 1;
823
845
  }
824
846
 
825
- .video-js.skin_news_live .content{
826
- bottom: 3.4rem !important;
827
- right: -4rem !important;
847
+ .video-js.skin_cn_news .vjs-volume-bar {
848
+ width: 4em;
849
+ height: 0.3em;
850
+ margin: 0 0.45em;
828
851
  }
829
852
 
830
- .setting-icon > svg{
831
- height:18px !important;
853
+
854
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
855
+ display: none !important;
832
856
  }
833
857
 
834
- .output-overlay{
835
- position: absolute;
836
- bottom: 0;
837
- height: 100%;
838
- width: 100%;
839
- z-index: 0;
840
- border: 0;
841
- pointer-events:none
858
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
859
+ width: 0 !important;
842
860
  }
843
861
 
844
- .video-js.skin_news_live iframe{
845
- width: 100%;
846
- height: 100%;
862
+
863
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
864
+ display: block !important;
865
+ flex: 1 1 auto;
847
866
  }
848
867
 
849
- .video-js.skin_news_live .vjs-live-control{
850
- align-items: center;
868
+
869
+ .video-js.skin_cn_news .vjs-big-play-button {
851
870
  display: none;
852
871
  }
853
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
854
- height: 2.2em;
872
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
873
+ position: relative !important;
874
+ display: flex;
875
+ left: 0;
876
+ top: -1px;
877
+ }
878
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
855
879
  display: flex;
856
- align-items: center;
857
- font-family: monospace;
858
- width: 4em;
859
880
  justify-content: center;
860
- background: red;
861
- margin: 4px 0px 4px 12px;
881
+ align-items: center;
882
+ position: absolute;
883
+ top: 0;
884
+ left: 0;
885
+ right: 0;
886
+ bottom: 0;
887
+ margin: auto;
888
+ width: 80px;
889
+ height: 80px;
890
+ border: none;
891
+ border-radius: 50%;
892
+ background: rgba(0, 0, 0, 0.55);
893
+ font-size: 5em;
894
+ line-height: 1.3em;
895
+ transform: none !important;
862
896
  }
863
897
 
864
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
865
- text-shadow: none;
898
+
899
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
900
+ height: 4px !important;
901
+ margin: 0;
902
+ border-radius: 20px;
903
+ background-color: #393944;
866
904
  }
867
905
 
868
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
869
- display: flex;
870
- justify-content: center;
871
- min-width: 5.3em;
872
- pointer-events: none;
873
- user-select: none;
906
+ .video-js.skin_cn_news .vjs-play-progress {
907
+ background-color: #ffffff;
908
+ border-radius: 20px;
874
909
  }
875
910
 
876
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
877
- color: white;
911
+ .video-js.skin_cn_news .vjs-load-progress,
912
+ .video-js.skin_cn_news .vjs-load-progress div {
913
+ background: rgba(255, 255, 255, 0.15);
914
+ border-radius: 20px;
878
915
  }
879
916
 
880
917
 
881
- .settings-selection.vjs-control.vjs-button{
882
- display: flex !important;
918
+ .video-js.skin_cn_news .vjs-play-progress:before {
919
+ content: '';
920
+ width: 16px;
921
+ height: 16px;
922
+ border-radius: 50%;
923
+ background: #ffffff;
924
+ border: 2px solid rgba(0, 0, 0, 0.6);
925
+ box-sizing: border-box;
926
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
927
+ top: -6px;
928
+ right: -8px;
929
+ position: absolute;
883
930
  }
884
-
885
- @media(max-width:576px){
886
- .settings-selection.vjs-control.vjs-button{
887
- display: none !important;
888
- }
931
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
932
+ display: none !important;
889
933
  }
890
934
 
935
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
936
+ background: #ffffff;
937
+ color: #0a0e17;
938
+ font-weight: 700;
939
+ border-radius: 3px;
940
+ }
891
941
 
892
- @media(max-width:576px){
893
- .tvProviderImage{
894
- display: none
895
- }
896
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
897
- .icon-maximize {
898
- height: 30px !important;
899
- }
900
-
901
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
902
- .icon-minimize {
903
- height: 30px !important;
904
- }
905
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
906
- width: 4.5em;
907
- }
908
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
909
- height: min-content;
910
- }
942
+ .video-js.skin_cn_news .vjs-live-control {
943
+ display: none !important;
944
+ }
945
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
946
+ display: inline-flex;
947
+ align-items: center;
948
+ align-self: center;
949
+ height: 2.2em;
950
+ gap: 5px;
951
+ width: auto;
952
+ padding: 0 10px;
953
+ border: 1px solid rgba(255, 255, 255, 0.45);
954
+ border-radius: 4px;
955
+ cursor: pointer;
956
+ }
957
+ .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
958
+ .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
959
+ display: none;
960
+ }
911
961
 
912
- .video-js.skin_news_live button.vjs-slowmo-button{
913
- display: none;
914
- }
915
- .video-js.skin_news_live button.vjs-rewind-button{
916
- display: none;
917
- }
918
- .video-js.skin_news_live button.vjs-rewind-button>svg{
919
- height: 20px;
920
- }
921
- .video-js.skin_news_live .vjs-button{
922
- width: 4.8em;
923
- }
924
- .video-js.skin_news_live .widget-selection{
925
- display: none;
926
- }
927
- .video-js.skin_news_live .container{
928
- display: none !important;
929
- }
930
- .video-js.skin_news_live .vjs-control-bar{
931
- height: 4em !important;
932
- }
933
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
934
- font-size: 2.5em;
935
- line-height: 1.5;
936
- }
937
- .video-js.skin_news_live .vjs-play-progress:before {
938
- font-size: 1.2em;
939
- position: absolute;
940
- right: -0.5em;
941
- z-index: 1;
962
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
963
+ display: none;
942
964
  }
943
- .video-js.skin_news_live button.vjs-skip-button>svg{
944
- height: 20px;
965
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
966
+ display: inline-flex;
967
+ align-items: center;
945
968
  }
946
- .video-js.skin_news_live button.vjs-big-play-button {
947
- width: 50px !important;
948
- height: 50px !important;
949
- font-size: 2.1rem !important;
969
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
970
+ content: '';
971
+ display: inline-block;
972
+ width: 8px;
973
+ height: 8px;
974
+ border-radius: 50%;
975
+ background: #ff2d2d; /* red live dot */
976
+ }
977
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
978
+ color: #ffffff;
979
+ font-weight: 700;
980
+ font-size: 12px;
981
+ letter-spacing: 0.03em;
950
982
  }
951
983
 
952
- .stream-selector-icon>svg{
953
- width: 24px;
954
- height: 24px;
984
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
985
+ border-color: transparent;
955
986
  }
956
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
957
- margin: 0 12px 0 12px;
987
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
988
+ color: #ff2d2d;
958
989
  }
959
- .video-js.skin_news_live .vjs-seek-to-live-text{
990
+
991
+ /* ---- time controls ---- */
992
+ .video-js.skin_cn_news .vjs-current-time,
993
+ .video-js.skin_cn_news .vjs-duration,
994
+ .video-js.skin_cn_news .vjs-time-divider {
995
+ display: none;
996
+ align-items: center;
960
997
  font-size: 12px;
998
+ font-weight: 700;
999
+ color: #fff;
1000
+ user-select: none;
961
1001
  }
962
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
963
- margin: 0 12px 0 12px;
1002
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
1003
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
1004
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
1005
+ display: flex;
1006
+ }
1007
+ .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
1008
+ padding-right: 0;
1009
+ }
1010
+ .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
1011
+ padding-left: 0;
964
1012
  }
1013
+ .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
1014
+ padding: 0 4px;
1015
+ min-width: 0;
1016
+ width: auto;
965
1017
  }
966
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
967
- width: 90px;
968
- height: 90px;
969
- display: flex;
970
- justify-content: center;
1018
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1019
+ display: none;
971
1020
  align-items: center;
972
- border-radius: 50%;
973
- position: absolute;
974
- top: 0;
975
- left: 0;
976
- right: 0;
977
- bottom: 0;
978
- margin: auto;
979
- font-size: 6em;
980
- line-height: 1.4em;
981
- }
982
-
983
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
984
- display: flex;
985
1021
  justify-content: center;
986
- align-items: center;
987
- height: 100%;
988
- transition: width 0.1s;
1022
+ font-size: 11px;
1023
+ font-weight: 700;
1024
+ color: #fff;
1025
+ padding: 0 6px;
1026
+ user-select: none;
989
1027
  }
990
1028
 
991
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
992
- display: flex;
993
- justify-content: center;
994
- align-items: center;
995
- height: 100%;
996
- transition: width 0.1s;
1029
+
1030
+ .video-js.skin_cn_news .vjs-chapter-marker {
1031
+ z-index: 2;
1032
+ width: var(--vl-chapter-size, 8px);
1033
+ height: var(--vl-chapter-size, 8px);
1034
+ top: 50%;
1035
+ bottom: auto;
1036
+ background: var(--vl-chapter-color, #ffffff);
1037
+ opacity: var(--vl-chapter-opacity, 1);
1038
+ border-radius: 50%;
1039
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1040
+ transform: translate(-50%, -50%) scale(1);
1041
+ transition: background-color 0.12s ease;
997
1042
  }
998
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
999
- display: none !important;
1043
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1044
+ background: var(--vl-chapter-hover, #0a5cff);
1045
+ }
1046
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1047
+ background: var(--vl-chapter-active, #0a5cff);
1000
1048
  }
1001
1049
 
1002
- @media (max-width: 576px) {
1003
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1004
- height: 5px !important;
1005
- }
1006
- .video-js.skin_news_live button.vjs-big-play-button {
1007
- width: 50px !important;
1008
- height: 50px !important;
1009
- font-size: 2.1rem !important;
1010
- }
1011
1050
 
1012
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1013
- display: none;
1014
- }
1015
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1016
- bottom: 2.4em !important;
1017
- right: -1em;
1018
- z-index: 1;
1051
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1052
+ width: 16px;
1053
+ height: 16px;
1054
+ bottom: 160%;
1055
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1019
1056
  }
1020
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1021
- display: none !important;
1022
- }
1023
1057
 
1024
- }
1025
1058
 
1026
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1027
- width: 100% !important;
1059
+ .video-js.skin_cn_news .vjs-chapter-preview {
1060
+ background: var(--vl-chapter-tooltip, #0a5cff);
1061
+ border-radius: 6px;
1062
+ padding: 8px 10px;
1063
+ width: max-content;
1064
+ max-width: 300px;
1065
+ text-align: left;
1066
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1028
1067
  }
1029
-
1030
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1031
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1032
- font-size: 1.2em !important;
1033
- line-height: 1.5em !important;
1034
- padding: 0.2em 0.8em !important;
1068
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1069
+ color: #ffffff;
1070
+ font-size: 13px;
1071
+ font-weight: 400;
1072
+ margin-bottom: 2px;
1035
1073
  }
1036
-
1037
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1038
- content: none !important;
1039
- fill: none !important;
1040
- filter: none !important;
1074
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1075
+ color: #ffffff;
1076
+ font-size: 13px;
1077
+ font-weight: 400;
1078
+ line-height: 1.3;
1079
+ white-space: normal;
1080
+ text-align: left;
1041
1081
  }
1042
-
1043
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1044
- color: rgba(255, 255, 2555, 0.7)!important;
1082
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1083
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1045
1084
  }
1046
1085
 
1047
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1048
- color: rgba(255, 255, 2555, 1)!important;
1086
+ /* ---- responsive ---- */
1087
+ @media (max-width: 576px) {
1088
+ .video-js.skin_cn_news .vjs-control-bar {
1089
+ height: 3.2em !important;
1090
+ padding: 0 8px;
1091
+ }
1092
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1093
+ padding: 0 6px;
1094
+ }
1095
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1096
+ display: none !important;
1097
+ }
1049
1098
  }
1050
1099
 
1051
-
1052
-
1053
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1100
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1054
1101
  font-size: 2.2em;
1055
1102
  line-height: 2.6;
1056
1103
  }
1057
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1058
- background: white;
1104
+ .video-js.skin_mini{
1105
+ overflow: hidden;
1059
1106
  }
1060
- .video-js.skin_news .vjs-control-bar{
1107
+ .video-js.skin_mini .vjs-control-bar{
1061
1108
  z-index: 1 !important;
1062
- height: 5em !important;
1109
+ height: 4em !important;
1063
1110
  background: black !important;
1064
1111
  }
1065
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1066
- display: flex;
1067
- align-items: center;
1068
- justify-content: center;
1069
- }
1070
1112
 
1071
- .video-js.skin_news .vjs-fade>* {
1113
+ .video-js.skin_mini .vjs-fade>* {
1072
1114
  visibility: hidden !important;
1073
1115
  opacity: 0 !important;
1074
1116
  transition: visibility 1s, opacity 1s !important;
1075
1117
  }
1076
1118
 
1077
- .video-js.skin_news .custom-spaced-progress-bar {
1119
+ .video-js.skin_mini .custom-spaced-progress-bar {
1078
1120
  position: absolute;
1079
1121
  width: 100%;
1080
1122
  display: flex;
@@ -1082,7 +1124,7 @@
1082
1124
  top: -0.5em;
1083
1125
  }
1084
1126
 
1085
- .video-js.skin_news .vjs-progress-control {
1127
+ .video-js.skin_mini .vjs-progress-control {
1086
1128
  /* left: -6px; */
1087
1129
  position: relative;
1088
1130
  width: 100%;
@@ -1093,19 +1135,19 @@
1093
1135
 
1094
1136
 
1095
1137
 
1096
- .video-js.skin_news .vjs-custom-control-spacer {
1138
+ .video-js.skin_mini .vjs-custom-control-spacer {
1097
1139
  display: block;
1098
1140
  flex: 1 1 auto;
1099
1141
  }
1100
1142
 
1101
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1143
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1102
1144
  margin: 0 0px 0 0px;
1103
1145
  }
1104
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1146
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1105
1147
  display: none;
1106
1148
  }
1107
1149
 
1108
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1150
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1109
1151
  font-size: 14px;
1110
1152
  font-weight: 500;
1111
1153
  align-self: center;
@@ -1114,143 +1156,158 @@
1114
1156
  border-radius: 8px;
1115
1157
  }
1116
1158
 
1117
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1118
- height: 6px !important;
1159
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1160
+ height: 5px !important;
1119
1161
  }
1120
1162
 
1121
- .video-js.skin_news .vjs-play-progress:before {
1122
- font-size: 1.5em;
1163
+ .video-js.skin_mini .vjs-play-progress:before {
1164
+ font-size: 1.3em;
1123
1165
  line-height: unset;
1124
1166
  top: -0.3333333333em;
1125
1167
  }
1126
1168
 
1127
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1169
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1128
1170
  display: none !important;
1129
1171
  }
1130
1172
 
1131
1173
  /* */
1132
- .video-js.skin_news .vjs-mouse-display{
1174
+ .video-js.skin_mini .vjs-mouse-display{
1133
1175
  font-size: 1.6666666667em;
1134
1176
  }
1135
1177
 
1136
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1178
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1137
1179
  font-size: 1em !important;
1138
1180
  }
1139
1181
 
1140
- .video-js.skin_news .vjs-button{
1141
- width: 5.3em;
1182
+ .video-js.skin_mini .vjs-button{
1183
+ width: 3em;
1142
1184
  display: flex;
1143
1185
  align-items: center;
1144
1186
  justify-content: center;
1145
1187
  }
1146
1188
 
1147
1189
 
1148
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1190
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1149
1191
  .icon-maximize {
1150
1192
  display: block;
1151
1193
  height: 32px;
1152
1194
  }
1153
1195
 
1154
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1196
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1155
1197
  line-height: 4;
1156
1198
  }
1157
1199
 
1158
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1200
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1159
1201
  .icon-minimize {
1160
1202
  display: none;
1161
1203
  height: 32px;
1162
1204
  }
1163
1205
 
1164
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1206
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1165
1207
  outline: none !important;
1166
1208
  }
1167
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1209
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1168
1210
  .vjs-icon-fullscreen-enter:before {
1169
1211
  /* content: '' !important; */
1170
1212
  }
1171
1213
 
1172
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1214
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1173
1215
  display: flex;
1174
1216
  justify-content: center;
1175
1217
  align-items: center;
1176
1218
  /* transform: rotate(90deg); */
1177
1219
  }
1178
1220
 
1179
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1221
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1180
1222
  display: none;
1181
1223
  }
1182
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1224
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1183
1225
  margin-left: -10px;
1226
+ display: none;
1184
1227
  }
1185
1228
 
1186
- .video-js.skin_news .skipbtn:hover{
1229
+ .video-js.skin_mini .vjs-loading-spinner {
1230
+ position: absolute;
1231
+ top: 50%;
1232
+ left: 50%;
1233
+ transform: translate(-50%, -50%);
1234
+ opacity: .85;
1235
+ text-align: left;
1236
+ border: .2em solid rgba(43, 51, 63, .7);
1237
+ box-sizing: border-box;
1238
+ background-clip: padding-box;
1239
+ width: 3em;
1240
+ height: 3em;
1241
+ border-radius: 50%;
1242
+ visibility: hidden;
1243
+ }
1244
+
1245
+ .video-js.skin_mini .skipbtn:hover{
1187
1246
  cursor: pointer;
1188
1247
  }
1189
1248
 
1190
- .video-js.skin_news .rewindbtn:hover{
1249
+ .video-js.skin_mini .rewindbtn:hover{
1191
1250
  cursor: pointer;
1192
1251
  }
1193
1252
 
1194
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1253
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1195
1254
  position: relative;
1196
1255
  padding-left: 0;
1197
1256
  }
1198
1257
 
1199
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1200
- display: none !important;
1201
- }
1202
-
1203
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1204
- width: 90px;
1205
- height: 90px;
1206
- display: flex;
1207
- justify-content: center;
1208
- align-items: center;
1209
- border-radius: 50%;
1210
- position: absolute;
1211
- top: 0;
1212
- left: 0;
1213
- right: 0;
1214
- bottom: 0;
1215
- margin: auto;
1216
- font-size: 6em;
1217
- line-height: 1.4em;
1218
- border: 0.05em solid;
1219
- color: inherit;
1258
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1259
+ width: 40px;
1260
+ height: 40px;
1261
+ display: flex;
1262
+ justify-content: center;
1263
+ align-items: center;
1264
+ border: none;
1265
+ position: absolute;
1266
+ top: 0;
1267
+ left: 0;
1268
+ right: 0;
1269
+ bottom: 0;
1270
+ margin: auto;
1271
+ font-size: 3em;
1272
+ line-height: 1.3em;
1273
+ transform: none !important;
1274
+ border-radius: 1.3em;
1220
1275
  }
1221
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1276
+
1277
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1222
1278
  font-weight: bold;
1223
1279
  }
1224
1280
 
1225
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1226
- bottom: 2.4em !important;
1227
- right: -1em;
1281
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1282
+ bottom: 1.1em !important;
1283
+ right: 1em;
1228
1284
  z-index: 1;
1285
+ font-size: 10px;
1229
1286
  }
1230
1287
 
1231
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1288
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1232
1289
  width: 24px !important;
1233
1290
  height: 24px !important;
1234
1291
  }
1235
- .settings-selector-icon>svg{
1292
+ .video-js.skin_mini .settings-selector-icon>svg{
1236
1293
  height: 19px !important;
1237
1294
  width: 19px !important;
1238
1295
  }
1239
1296
 
1240
1297
 
1241
- .video-js.skin_news button.vjs-rewind-button{
1298
+ .video-js.skin_mini button.vjs-rewind-button{
1242
1299
  cursor: pointer;
1243
1300
  }
1244
1301
 
1245
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1302
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1246
1303
  padding-right: 0;
1247
1304
  }
1248
1305
 
1249
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1306
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1250
1307
  padding-left: 0;
1251
1308
  }
1252
1309
 
1253
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1310
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1254
1311
  padding-left: 0;
1255
1312
  padding-right: 0;
1256
1313
  display: flex;
@@ -1258,46 +1315,48 @@
1258
1315
  width: min-content;
1259
1316
  }
1260
1317
 
1261
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1318
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1262
1319
  display: none
1263
1320
  }
1264
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1321
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1265
1322
  display: none
1266
1323
  }
1267
1324
 
1268
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1269
- display: flex;
1270
- align-items: center;
1271
- font-weight: 700;
1272
- font-size: 12px;
1273
- min-width: 1.2em;
1325
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1326
+ display: flex;
1327
+ align-items: center;
1328
+ font-weight: 700;
1329
+ font-size: 9px;
1330
+ min-width: 0.8em;
1331
+ padding-left: 0;
1274
1332
  }
1275
1333
 
1276
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1334
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1277
1335
  display: none;
1278
1336
  font-size: 11px;
1279
1337
  justify-content: center;
1280
1338
  align-items: center;
1281
1339
  user-select: none;
1282
1340
  }
1283
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1341
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1284
1342
  display: none;
1285
1343
  }
1286
1344
 
1287
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1345
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1288
1346
  height: min-content;
1289
1347
  width: min-content;
1290
1348
  }
1291
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1292
- width: 6em;
1349
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1350
+ width: 3em;
1351
+ margin-right: 4px;
1293
1352
  }
1294
1353
 
1295
- .video-js.skin_news .content{
1354
+ .video-js.skin_mini .content{
1296
1355
  bottom: 3.4rem !important;
1297
1356
  right: -4rem !important;
1298
1357
  }
1299
1358
 
1300
- .setting-icon > svg{
1359
+ .video-js.skin_mini .setting-icon > svg{
1301
1360
  height:18px !important;
1302
1361
  }
1303
1362
 
@@ -1311,15 +1370,16 @@
1311
1370
  pointer-events:none
1312
1371
  }
1313
1372
 
1314
- .video-js.skin_news iframe{
1373
+ .video-js.skin_mini iframe{
1315
1374
  width: 100%;
1316
1375
  height: 100%;
1317
1376
  }
1318
1377
 
1319
- .video-js.skin_news .vjs-live-control{
1378
+ .video-js.skin_mini .vjs-live-control{
1320
1379
  align-items: center;
1380
+ max-width: 5em;
1321
1381
  }
1322
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1382
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1323
1383
  height: 2.2em;
1324
1384
  display: flex;
1325
1385
  align-items: center;
@@ -1327,278 +1387,212 @@
1327
1387
  width: 4em;
1328
1388
  justify-content: center;
1329
1389
  background: red;
1330
- margin: 4px 0px 4px 12px;
1390
+ margin: 4px 0px 4px 2px;
1331
1391
  }
1332
1392
 
1333
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1393
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1334
1394
  text-shadow: none;
1335
1395
  }
1336
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1396
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1337
1397
  display: none;
1338
1398
  font-size: 12px;
1339
1399
  }
1340
1400
 
1341
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1342
- height: 2.2em;
1401
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1402
+ height: 1.8em;
1343
1403
  display: inline-flex;
1344
1404
  align-items: center;
1345
- /* font-family: monospace; */
1405
+ font-family: monospace;
1346
1406
  justify-content: center;
1347
- border: 2px solid;
1348
- margin: 4px 0px 4px 6px;
1407
+ border: 1.5px solid;
1408
+ margin: 4px 0px 4px 2px;
1349
1409
  white-space: pre;
1350
- padding: 0px 6px;
1410
+ padding: 2px 4px;
1351
1411
  font-size: 1.2em;
1352
1412
  font-weight: 500;
1353
1413
  color: rgba(255, 255, 2555, 0.7);
1354
-
1355
- letter-spacing: -.1px;
1356
- line-height: normal;
1357
- text-transform: uppercase;
1358
- color: #FFFFFF;
1359
- opacity: .7;
1360
- font-family: "Proxima Nova";
1361
- }
1362
-
1363
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1364
- opacity: 1;
1365
1414
  }
1366
1415
 
1367
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1416
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1368
1417
  content: "NOT LIVE";
1369
- }
1370
-
1371
- .settings-selection.vjs-control.vjs-button{
1372
- display: flex !important;
1373
- }
1374
-
1375
- @media(max-width:576px){
1376
- .settings-selection.vjs-control.vjs-button{
1377
- display: none !important;
1378
- }
1418
+ word-spacing: -4px;
1379
1419
  }
1380
1420
 
1381
1421
 
1382
- @media(max-width:576px){
1422
+ @media(max-width:600px){
1383
1423
  .tvProviderImage{
1384
1424
  display: none
1385
1425
  }
1386
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1426
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1387
1427
  .icon-maximize {
1388
1428
  height: 30px !important;
1389
1429
  }
1390
1430
 
1391
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1431
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1392
1432
  .icon-minimize {
1393
1433
  height: 30px !important;
1394
1434
  }
1395
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1396
- width: 4.5em;
1435
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1436
+ width: 3.5em;
1397
1437
  }
1398
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1438
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1399
1439
  height: min-content;
1400
1440
  }
1401
1441
 
1402
- .video-js.skin_news button.vjs-slowmo-button{
1442
+ .video-js.skin_mini button.vjs-slowmo-button{
1403
1443
  display: none;
1404
1444
  }
1405
- .video-js.skin_news button.vjs-rewind-button{
1445
+ .video-js.skin_mini button.vjs-rewind-button{
1406
1446
  display: none;
1407
1447
  }
1408
- .video-js.skin_news button.vjs-rewind-button>svg{
1448
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1409
1449
  height: 20px;
1410
1450
  }
1411
- .video-js.skin_news .vjs-button{
1412
- width: 4.8em;
1451
+ .video-js.skin_mini .vjs-button{
1452
+ width: 3em;
1413
1453
  }
1414
- .video-js.skin_news .widget-selection{
1454
+ .video-js.skin_mini .widget-selection{
1415
1455
  display: none;
1416
1456
  }
1417
- .video-js.skin_news .container{
1457
+ .video-js.skin_mini .container{
1418
1458
  display: none !important;
1419
1459
  }
1420
- .video-js.skin_news .vjs-control-bar{
1460
+ .video-js.skin_mini .vjs-control-bar{
1421
1461
  height: 4em !important;
1422
1462
  }
1423
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1463
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1424
1464
  font-size: 2.5em;
1425
1465
  line-height: 1.5;
1426
1466
  }
1427
- .video-js.skin_news .vjs-play-progress:before {
1467
+ .video-js.skin_mini .vjs-play-progress:before {
1428
1468
  font-size: 1.2em;
1429
1469
  position: absolute;
1430
1470
  right: -0.5em;
1431
1471
  z-index: 1;
1432
1472
  }
1433
- .video-js.skin_news button.vjs-skip-button>svg{
1473
+ .video-js.skin_mini button.vjs-skip-button>svg{
1434
1474
  height: 20px;
1435
1475
  }
1436
- .video-js.skin_news button.vjs-big-play-button {
1437
- width: 50px !important;
1438
- height: 50px !important;
1439
- font-size: 2.1rem !important;
1440
- }
1441
1476
 
1442
1477
  .stream-selector-icon>svg{
1443
1478
  width: 24px;
1444
1479
  height: 24px;
1445
1480
  }
1446
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1447
- margin: 0 12px 0 12px;
1448
- }
1449
- .video-js.skin_news .vjs-seek-to-live-text{
1481
+ .video-js.skin_mini .vjs-seek-to-live-text{
1450
1482
  font-size: 12px;
1451
1483
  }
1452
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1453
- margin: 0 12px 0 12px;
1454
- }
1455
1484
  }
1456
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1457
- width: 90px;
1458
- height: 90px;
1459
- display: flex;
1460
- justify-content: center;
1461
- align-items: center;
1462
- border-radius: 50%;
1463
- position: absolute;
1464
- top: 0;
1465
- left: 0;
1466
- right: 0;
1467
- bottom: 0;
1468
- margin: auto;
1469
- font-size: 6em;
1470
- line-height: 1.4em;
1485
+
1486
+
1487
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1488
+ background-color: rgba(0, 0, 0, 0.2);
1471
1489
  }
1472
1490
 
1473
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1491
+
1492
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1474
1493
  display: flex;
1475
1494
  justify-content: center;
1476
1495
  align-items: center;
1477
1496
  height: 100%;
1478
1497
  transition: width 0.1s;
1479
1498
  }
1499
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1500
+ margin: 2px;
1501
+ }
1480
1502
 
1481
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1503
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1482
1504
  display: flex;
1483
1505
  justify-content: center;
1484
1506
  align-items: center;
1485
1507
  height: 100%;
1486
1508
  transition: width 0.1s;
1487
1509
  }
1488
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1489
- display: none !important;
1490
- }
1491
- .video-js.skin_news .ssai-ad-container{
1492
- position: absolute;
1493
- bottom: 14px;
1494
- }
1495
-
1496
- @media (max-width: 576px) {
1497
- .video-js.skin_news .ssai-ad-container{
1498
- bottom: 2px;
1499
- }
1500
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1501
- height: 5px !important;
1502
- }
1503
- .video-js.skin_news button.vjs-big-play-button {
1504
- width: 50px !important;
1505
- height: 50px !important;
1506
- font-size: 2.1rem !important;
1507
- }
1508
1510
 
1509
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1510
- display: none;
1511
- }
1512
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1513
- bottom: 2.4em !important;
1514
- right: -1em;
1515
- z-index: 1;
1511
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1512
+ display: block;
1513
+ font-size: 10px;
1514
+ padding: 6px 10px;
1515
+ margin: 0;
1516
+ max-height: 100%;
1517
+ overflow-y: auto;
1516
1518
  }
1517
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1518
- display: none !important;
1519
- }
1520
-
1521
- .video-js.skin_news .vjs-text-track-display-ttml span {
1522
- color: white;
1523
- font-size: 13px;
1524
- background-color: black;
1525
- }
1519
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1520
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1521
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1522
+ display: block;
1523
+ width: 100%;
1526
1524
  }
1527
-
1528
- .video-js.skin_news .vjs-text-track-display-ttml span {
1529
- color: white;
1530
- font-size: 16px;
1531
- background-color: black;
1525
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
1526
+ margin: 4px 0;
1532
1527
  }
1533
-
1534
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1535
- margin-bottom: 2rem !important;
1528
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
1529
+ display: block;
1530
+ padding: 0 0 6px;
1536
1531
  }
1537
-
1538
- .video-js.skin_news .vjs-text-track-display-ttml p {
1539
- font-size: 18px !important;
1532
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1533
+ max-width: 100%;
1540
1534
  }
1541
1535
 
1536
+ @media (max-width: 600px) {
1537
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1538
+ height: 5px !important;
1539
+ }
1540
+
1541
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1542
+ display: none;
1543
+ }
1542
1544
 
1543
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1544
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1545
- font-size: 1.2em !important;
1546
- line-height: 1.5em !important;
1547
- padding: 0.2em 0.8em !important;
1548
1545
  }
1549
1546
 
1550
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1547
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1551
1548
  content: none !important;
1552
1549
  fill: none !important;
1553
1550
  filter: none !important;
1554
1551
  }
1555
1552
 
1556
1553
  /* svg icons opacity and hover effect */
1557
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1554
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1558
1555
  opacity: 0.7 !important;
1559
1556
  }
1560
1557
 
1561
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1562
- opacity: 1 !important;
1563
- }
1564
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1565
- opacity: 0.7 !important;
1566
- }
1567
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1558
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1568
1559
  opacity: 1 !important;
1569
1560
  }
1570
1561
 
1571
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1562
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1572
1563
  color: rgba(255, 255, 2555, 0.7)!important;
1573
1564
  }
1574
1565
 
1575
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1566
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1576
1567
  color: rgba(255, 255, 2555, 1)!important;
1577
1568
  }
1578
1569
 
1579
1570
 
1580
-
1581
-
1582
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1571
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1583
1572
  font-size: 2.2em;
1584
1573
  line-height: 2.6;
1585
1574
  }
1586
- .video-js.skin_mini{
1587
- overflow: hidden;
1575
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1576
+ background: #fcb700;
1588
1577
  }
1589
- .video-js.skin_mini .vjs-control-bar{
1578
+ .video-js.skin_news_live .vjs-control-bar{
1590
1579
  z-index: 1 !important;
1591
- height: 4em !important;
1580
+ height: 5em !important;
1592
1581
  background: black !important;
1593
1582
  }
1583
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1584
+ display: flex;
1585
+ align-items: center;
1586
+ justify-content: center;
1587
+ }
1594
1588
 
1595
- .video-js.skin_mini .vjs-fade>* {
1589
+ .video-js.skin_news_live .vjs-fade>* {
1596
1590
  visibility: hidden !important;
1597
1591
  opacity: 0 !important;
1598
1592
  transition: visibility 1s, opacity 1s !important;
1599
1593
  }
1600
1594
 
1601
- .video-js.skin_mini .custom-spaced-progress-bar {
1595
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1602
1596
  position: absolute;
1603
1597
  width: 100%;
1604
1598
  display: flex;
@@ -1606,7 +1600,7 @@
1606
1600
  top: -0.5em;
1607
1601
  }
1608
1602
 
1609
- .video-js.skin_mini .vjs-progress-control {
1603
+ .video-js.skin_news_live .vjs-progress-control {
1610
1604
  /* left: -6px; */
1611
1605
  position: relative;
1612
1606
  width: 100%;
@@ -1614,22 +1608,25 @@
1614
1608
  transition: height 0.1s, top 0.1s;
1615
1609
  }
1616
1610
 
1611
+ .video-js.skin_news_live .vjs-volume-panel{
1612
+ min-width: 5.3em;
1613
+ }
1617
1614
 
1618
1615
 
1619
1616
 
1620
- .video-js.skin_mini .vjs-custom-control-spacer {
1621
- display: block;
1622
- flex: 1 1 auto;
1617
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1618
+ /* display: block; */
1619
+ /* flex: 1 1 auto; */
1623
1620
  }
1624
1621
 
1625
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1622
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1626
1623
  margin: 0 0px 0 0px;
1627
1624
  }
1628
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1625
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1629
1626
  display: none;
1630
1627
  }
1631
1628
 
1632
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1629
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1633
1630
  font-size: 14px;
1634
1631
  font-weight: 500;
1635
1632
  align-self: center;
@@ -1638,207 +1635,199 @@
1638
1635
  border-radius: 8px;
1639
1636
  }
1640
1637
 
1641
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1642
- height: 5px !important;
1638
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1639
+ height: 6px !important;
1643
1640
  }
1644
1641
 
1645
- .video-js.skin_mini .vjs-play-progress:before {
1646
- font-size: 1.3em;
1642
+ .video-js.skin_news_live .vjs-play-progress:before {
1643
+ font-size: 1.5em;
1647
1644
  line-height: unset;
1648
1645
  top: -0.3333333333em;
1649
1646
  }
1650
1647
 
1651
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1648
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1652
1649
  display: none !important;
1653
1650
  }
1654
1651
 
1655
1652
  /* */
1656
- .video-js.skin_mini .vjs-mouse-display{
1653
+ .video-js.skin_news_live .vjs-mouse-display{
1657
1654
  font-size: 1.6666666667em;
1658
1655
  }
1659
1656
 
1660
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1657
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1661
1658
  font-size: 1em !important;
1662
1659
  }
1663
1660
 
1664
- .video-js.skin_mini .vjs-button{
1665
- width: 3em;
1661
+ .video-js.skin_news_live .vjs-button{
1662
+ width: 5.3em;
1666
1663
  display: flex;
1667
1664
  align-items: center;
1668
1665
  justify-content: center;
1669
1666
  }
1670
1667
 
1671
1668
 
1672
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1669
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1673
1670
  .icon-maximize {
1674
1671
  display: block;
1675
1672
  height: 32px;
1676
1673
  }
1677
1674
 
1678
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1675
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1679
1676
  line-height: 4;
1680
1677
  }
1681
1678
 
1682
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1679
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1683
1680
  .icon-minimize {
1684
1681
  display: none;
1685
1682
  height: 32px;
1686
1683
  }
1687
1684
 
1688
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1685
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1689
1686
  outline: none !important;
1687
+ /* flex: 1; */
1690
1688
  }
1691
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1689
+ .video-js.skin_news_live .vjs-play-toggle-container{
1690
+ display: flex;
1691
+ flex: 1;
1692
+ justify-content: center;
1693
+ }
1694
+
1695
+
1696
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1692
1697
  .vjs-icon-fullscreen-enter:before {
1693
1698
  /* content: '' !important; */
1694
1699
  }
1695
1700
 
1696
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1701
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1697
1702
  display: flex;
1698
1703
  justify-content: center;
1699
1704
  align-items: center;
1700
1705
  /* transform: rotate(90deg); */
1701
1706
  }
1702
1707
 
1703
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1708
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1704
1709
  display: none;
1705
1710
  }
1706
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1711
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1707
1712
  margin-left: -10px;
1708
- display: none;
1709
- }
1710
-
1711
- .video-js.skin_mini .vjs-loading-spinner {
1712
- position: absolute;
1713
- top: 50%;
1714
- left: 50%;
1715
- transform: translate(-50%, -50%);
1716
- opacity: .85;
1717
- text-align: left;
1718
- border: .2em solid rgba(43, 51, 63, .7);
1719
- box-sizing: border-box;
1720
- background-clip: padding-box;
1721
- width: 3em;
1722
- height: 3em;
1723
- border-radius: 50%;
1724
- visibility: hidden;
1725
1713
  }
1726
1714
 
1727
- .video-js.skin_mini .skipbtn:hover{
1715
+ .video-js.skin_news_live .skipbtn:hover{
1728
1716
  cursor: pointer;
1729
1717
  }
1730
1718
 
1731
- .video-js.skin_mini .rewindbtn:hover{
1719
+ .video-js.skin_news_live .rewindbtn:hover{
1732
1720
  cursor: pointer;
1733
1721
  }
1734
1722
 
1735
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1723
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1736
1724
  position: relative;
1737
1725
  padding-left: 0;
1738
1726
  }
1739
1727
 
1740
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1741
- width: 40px;
1742
- height: 40px;
1743
- display: flex;
1744
- justify-content: center;
1745
- align-items: center;
1746
- border: none;
1747
- position: absolute;
1748
- top: 0;
1749
- left: 0;
1750
- right: 0;
1751
- bottom: 0;
1752
- margin: auto;
1753
- font-size: 3em;
1754
- line-height: 1.3em;
1755
- transform: none !important;
1756
- border-radius: 1.3em;
1728
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1729
+ display: none !important;
1757
1730
  }
1758
1731
 
1759
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1732
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1733
+ /* width: 90px;
1734
+ height: 90px;
1735
+ display: flex;
1736
+ justify-content: center;
1737
+ align-items: center;
1738
+ border-radius: 50%;
1739
+ position: absolute;
1740
+ top: 0;
1741
+ left: 0;
1742
+ right: 0;
1743
+ bottom: 0;
1744
+ margin: auto;
1745
+ font-size: 6em;
1746
+ line-height: 1.4em;
1747
+ border: 0.05em solid;
1748
+ color: inherit; */
1749
+ display: none !important;
1750
+ }
1751
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1760
1752
  font-weight: bold;
1761
1753
  }
1762
1754
 
1763
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1764
- bottom: 1.1em !important;
1765
- right: 1em;
1755
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1756
+ bottom: 2.4em !important;
1757
+ right: -1em;
1766
1758
  z-index: 1;
1767
- font-size: 10px;
1768
1759
  }
1769
1760
 
1770
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1761
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1771
1762
  width: 24px !important;
1772
1763
  height: 24px !important;
1773
1764
  }
1774
- .video-js.skin_mini .settings-selector-icon>svg{
1765
+ .settings-selector-icon>svg{
1775
1766
  height: 19px !important;
1776
1767
  width: 19px !important;
1777
1768
  }
1778
1769
 
1779
1770
 
1780
- .video-js.skin_mini button.vjs-rewind-button{
1771
+ .video-js.skin_news_live button.vjs-rewind-button{
1781
1772
  cursor: pointer;
1782
1773
  }
1783
1774
 
1784
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1775
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1785
1776
  padding-right: 0;
1777
+ display: none;
1786
1778
  }
1787
1779
 
1788
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1780
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1789
1781
  padding-left: 0;
1782
+ display: none;
1790
1783
  }
1791
1784
 
1792
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1785
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1793
1786
  padding-left: 0;
1794
1787
  padding-right: 0;
1795
- display: flex;
1796
- justify-content: center;
1797
- width: min-content;
1788
+ display: none;
1798
1789
  }
1799
1790
 
1800
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1791
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1801
1792
  display: none
1802
1793
  }
1803
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1794
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1804
1795
  display: none
1805
1796
  }
1806
1797
 
1807
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1808
- display: flex;
1809
- align-items: center;
1810
- font-weight: 700;
1811
- font-size: 9px;
1812
- min-width: 0.8em;
1813
- padding-left: 0;
1798
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1799
+ display: flex;
1800
+ align-items: center;
1801
+ font-weight: 700;
1802
+ font-size: 12px;
1803
+ min-width: 1.2em;
1814
1804
  }
1815
1805
 
1816
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1806
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1817
1807
  display: none;
1818
1808
  font-size: 11px;
1819
1809
  justify-content: center;
1820
1810
  align-items: center;
1821
1811
  user-select: none;
1822
1812
  }
1823
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1813
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1824
1814
  display: none;
1825
1815
  }
1826
1816
 
1827
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1817
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1828
1818
  height: min-content;
1829
1819
  width: min-content;
1830
1820
  }
1831
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1832
- width: 3em;
1833
- margin-right: 4px;
1821
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1822
+ width: 6em;
1834
1823
  }
1835
1824
 
1836
- .video-js.skin_mini .content{
1825
+ .video-js.skin_news_live .content{
1837
1826
  bottom: 3.4rem !important;
1838
1827
  right: -4rem !important;
1839
1828
  }
1840
1829
 
1841
- .video-js.skin_mini .setting-icon > svg{
1830
+ .setting-icon > svg{
1842
1831
  height:18px !important;
1843
1832
  }
1844
1833
 
@@ -1852,16 +1841,16 @@
1852
1841
  pointer-events:none
1853
1842
  }
1854
1843
 
1855
- .video-js.skin_mini iframe{
1844
+ .video-js.skin_news_live iframe{
1856
1845
  width: 100%;
1857
1846
  height: 100%;
1858
1847
  }
1859
1848
 
1860
- .video-js.skin_mini .vjs-live-control{
1849
+ .video-js.skin_news_live .vjs-live-control{
1861
1850
  align-items: center;
1862
- max-width: 5em;
1851
+ display: none;
1863
1852
  }
1864
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1853
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1865
1854
  height: 2.2em;
1866
1855
  display: flex;
1867
1856
  align-items: center;
@@ -1869,187 +1858,198 @@
1869
1858
  width: 4em;
1870
1859
  justify-content: center;
1871
1860
  background: red;
1872
- margin: 4px 0px 4px 2px;
1861
+ margin: 4px 0px 4px 12px;
1873
1862
  }
1874
1863
 
1875
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1864
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1876
1865
  text-shadow: none;
1877
1866
  }
1878
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1879
- display: none;
1880
- font-size: 12px;
1881
- }
1882
1867
 
1883
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1884
- height: 1.8em;
1885
- display: inline-flex;
1886
- align-items: center;
1887
- font-family: monospace;
1868
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1869
+ display: flex;
1888
1870
  justify-content: center;
1889
- border: 1.5px solid;
1890
- margin: 4px 0px 4px 2px;
1891
- white-space: pre;
1892
- padding: 2px 4px;
1893
- font-size: 1.2em;
1894
- font-weight: 500;
1895
- color: rgba(255, 255, 2555, 0.7);
1871
+ min-width: 5.3em;
1872
+ pointer-events: none;
1873
+ user-select: none;
1896
1874
  }
1897
1875
 
1898
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1899
- content: "NOT LIVE";
1900
- word-spacing: -4px;
1876
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1877
+ color: white;
1901
1878
  }
1902
1879
 
1903
1880
 
1904
- @media(max-width:600px){
1881
+ .settings-selection.vjs-control.vjs-button{
1882
+ display: flex !important;
1883
+ }
1884
+
1885
+ @media(max-width:576px){
1886
+ .settings-selection.vjs-control.vjs-button{
1887
+ display: none !important;
1888
+ }
1889
+ }
1890
+
1891
+
1892
+ @media(max-width:576px){
1905
1893
  .tvProviderImage{
1906
1894
  display: none
1907
1895
  }
1908
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1896
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1909
1897
  .icon-maximize {
1910
1898
  height: 30px !important;
1911
1899
  }
1912
1900
 
1913
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1901
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1914
1902
  .icon-minimize {
1915
1903
  height: 30px !important;
1916
1904
  }
1917
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1918
- width: 3.5em;
1905
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1906
+ width: 4.5em;
1919
1907
  }
1920
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1908
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1921
1909
  height: min-content;
1922
1910
  }
1923
1911
 
1924
- .video-js.skin_mini button.vjs-slowmo-button{
1912
+ .video-js.skin_news_live button.vjs-slowmo-button{
1925
1913
  display: none;
1926
1914
  }
1927
- .video-js.skin_mini button.vjs-rewind-button{
1915
+ .video-js.skin_news_live button.vjs-rewind-button{
1928
1916
  display: none;
1929
1917
  }
1930
- .video-js.skin_mini button.vjs-rewind-button>svg{
1918
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1931
1919
  height: 20px;
1932
1920
  }
1933
- .video-js.skin_mini .vjs-button{
1934
- width: 3em;
1921
+ .video-js.skin_news_live .vjs-button{
1922
+ width: 4.8em;
1935
1923
  }
1936
- .video-js.skin_mini .widget-selection{
1924
+ .video-js.skin_news_live .widget-selection{
1937
1925
  display: none;
1938
1926
  }
1939
- .video-js.skin_mini .container{
1927
+ .video-js.skin_news_live .container{
1940
1928
  display: none !important;
1941
1929
  }
1942
- .video-js.skin_mini .vjs-control-bar{
1930
+ .video-js.skin_news_live .vjs-control-bar{
1943
1931
  height: 4em !important;
1944
1932
  }
1945
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1933
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1946
1934
  font-size: 2.5em;
1947
1935
  line-height: 1.5;
1948
1936
  }
1949
- .video-js.skin_mini .vjs-play-progress:before {
1937
+ .video-js.skin_news_live .vjs-play-progress:before {
1950
1938
  font-size: 1.2em;
1951
1939
  position: absolute;
1952
1940
  right: -0.5em;
1953
1941
  z-index: 1;
1954
1942
  }
1955
- .video-js.skin_mini button.vjs-skip-button>svg{
1943
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1956
1944
  height: 20px;
1957
1945
  }
1946
+ .video-js.skin_news_live button.vjs-big-play-button {
1947
+ width: 50px !important;
1948
+ height: 50px !important;
1949
+ font-size: 2.1rem !important;
1950
+ }
1958
1951
 
1959
1952
  .stream-selector-icon>svg{
1960
1953
  width: 24px;
1961
1954
  height: 24px;
1962
1955
  }
1963
- .video-js.skin_mini .vjs-seek-to-live-text{
1956
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1957
+ margin: 0 12px 0 12px;
1958
+ }
1959
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1964
1960
  font-size: 12px;
1965
1961
  }
1962
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1963
+ margin: 0 12px 0 12px;
1966
1964
  }
1967
-
1968
-
1969
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1970
- background-color: rgba(0, 0, 0, 0.2);
1965
+ }
1966
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1967
+ width: 90px;
1968
+ height: 90px;
1969
+ display: flex;
1970
+ justify-content: center;
1971
+ align-items: center;
1972
+ border-radius: 50%;
1973
+ position: absolute;
1974
+ top: 0;
1975
+ left: 0;
1976
+ right: 0;
1977
+ bottom: 0;
1978
+ margin: auto;
1979
+ font-size: 6em;
1980
+ line-height: 1.4em;
1971
1981
  }
1972
1982
 
1973
-
1974
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1983
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1975
1984
  display: flex;
1976
1985
  justify-content: center;
1977
1986
  align-items: center;
1978
1987
  height: 100%;
1979
1988
  transition: width 0.1s;
1980
1989
  }
1981
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1982
- margin: 2px;
1983
- }
1984
1990
 
1985
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1991
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1986
1992
  display: flex;
1987
1993
  justify-content: center;
1988
1994
  align-items: center;
1989
1995
  height: 100%;
1990
1996
  transition: width 0.1s;
1991
1997
  }
1992
-
1993
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1994
- display: block;
1995
- font-size: 10px;
1996
- padding: 6px 10px;
1997
- margin: 0;
1998
- max-height: 100%;
1999
- overflow-y: auto;
2000
- }
2001
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
2002
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
2003
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
2004
- display: block;
2005
- width: 100%;
2006
- }
2007
- .video-js.skin_mini .vjs-text-track-settings fieldset{
2008
- margin: 4px 0;
2009
- }
2010
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
2011
- display: block;
2012
- padding: 0 0 6px;
2013
- }
2014
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
2015
- max-width: 100%;
1998
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1999
+ display: none !important;
2016
2000
  }
2017
2001
 
2018
- @media (max-width: 600px) {
2019
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
2002
+ @media (max-width: 576px) {
2003
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
2020
2004
  height: 5px !important;
2021
2005
  }
2006
+ .video-js.skin_news_live button.vjs-big-play-button {
2007
+ width: 50px !important;
2008
+ height: 50px !important;
2009
+ font-size: 2.1rem !important;
2010
+ }
2022
2011
 
2023
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2012
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2024
2013
  display: none;
2025
2014
  }
2015
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
2016
+ bottom: 2.4em !important;
2017
+ right: -1em;
2018
+ z-index: 1;
2019
+ }
2020
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
2021
+ display: none !important;
2022
+ }
2026
2023
 
2027
2024
  }
2028
2025
 
2029
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
2030
- content: none !important;
2031
- fill: none !important;
2032
- filter: none !important;
2026
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
2027
+ width: 100% !important;
2033
2028
  }
2034
2029
 
2035
- /* svg icons opacity and hover effect */
2036
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2037
- opacity: 0.7 !important;
2030
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
2031
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
2032
+ font-size: 1.2em !important;
2033
+ line-height: 1.5em !important;
2034
+ padding: 0.2em 0.8em !important;
2038
2035
  }
2039
2036
 
2040
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2041
- opacity: 1 !important;
2037
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
2038
+ content: none !important;
2039
+ fill: none !important;
2040
+ filter: none !important;
2042
2041
  }
2043
2042
 
2044
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2043
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2045
2044
  color: rgba(255, 255, 2555, 0.7)!important;
2046
2045
  }
2047
2046
 
2048
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2047
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2049
2048
  color: rgba(255, 255, 2555, 1)!important;
2050
2049
  }
2051
2050
 
2052
2051
 
2052
+
2053
2053
  /* CSS for videojs-dvr-seekbar */
2054
2054
 
2055
2055
  .video-js.vjs-dvr-seekbar {
@@ -2229,6 +2229,54 @@
2229
2229
 
2230
2230
 
2231
2231
 
2232
+ .vjs-custom-big-mute.vjs-control{
2233
+ position: absolute;
2234
+ align-items: center;
2235
+ background: #fcb700;
2236
+ border: 0;
2237
+ display: flex;
2238
+ align-items: center;
2239
+ height: 44px;
2240
+ justify-content: center;
2241
+ padding: 0;
2242
+ width: 44px;
2243
+ z-index: 1;
2244
+ outline: none;
2245
+ text-shadow:none !important;
2246
+ cursor: pointer;
2247
+ }
2248
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2249
+ display: flex;
2250
+ top: 50px;
2251
+ height: 50px;
2252
+ width: 50px;
2253
+ }
2254
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2255
+ height: 28px;
2256
+ width: 28px;
2257
+ }
2258
+ .vjs-custom-big-mute.vjs-control:hover{
2259
+ filter: none;
2260
+ }
2261
+
2262
+
2263
+ .vjs-custom-big-mute.vjs-control.tl{
2264
+ top: 0;
2265
+ left: 0;
2266
+ margin: 15px 0 0 15px;
2267
+ }
2268
+
2269
+ .vjs-custom-big-mute.vjs-control.hide{
2270
+ display: none !important;
2271
+
2272
+ }
2273
+
2274
+ .vjs-custom-big-mute.vjs-control > svg {
2275
+ color: #071d39;
2276
+ height: 22px;
2277
+ width: 22px;
2278
+ }
2279
+
2232
2280
 
2233
2281
 
2234
2282
 
@@ -2311,54 +2359,6 @@
2311
2359
  align-content: baseline;
2312
2360
  }
2313
2361
 
2314
- .vjs-custom-big-mute.vjs-control{
2315
- position: absolute;
2316
- align-items: center;
2317
- background: #fcb700;
2318
- border: 0;
2319
- display: flex;
2320
- align-items: center;
2321
- height: 44px;
2322
- justify-content: center;
2323
- padding: 0;
2324
- width: 44px;
2325
- z-index: 1;
2326
- outline: none;
2327
- text-shadow:none !important;
2328
- cursor: pointer;
2329
- }
2330
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2331
- display: flex;
2332
- top: 50px;
2333
- height: 50px;
2334
- width: 50px;
2335
- }
2336
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2337
- height: 28px;
2338
- width: 28px;
2339
- }
2340
- .vjs-custom-big-mute.vjs-control:hover{
2341
- filter: none;
2342
- }
2343
-
2344
-
2345
- .vjs-custom-big-mute.vjs-control.tl{
2346
- top: 0;
2347
- left: 0;
2348
- margin: 15px 0 0 15px;
2349
- }
2350
-
2351
- .vjs-custom-big-mute.vjs-control.hide{
2352
- display: none !important;
2353
-
2354
- }
2355
-
2356
- .vjs-custom-big-mute.vjs-control > svg {
2357
- color: #071d39;
2358
- height: 22px;
2359
- width: 22px;
2360
- }
2361
-
2362
2362
 
2363
2363
 
2364
2364
  /* Watch in Vertical View Button */