@viewlift/player-backup 2.0.377-backup → 2.0.379-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 (90) hide show
  1. package/cjs/{autoNextVideo-970d7952.js → autoNextVideo-38f45ca1.js} +1 -1
  2. package/cjs/bundle.css +1157 -1140
  3. package/cjs/caption-settings-af7b30a4.js +1 -0
  4. package/cjs/captions-8b889384.js +1 -0
  5. package/cjs/{features-911c3816.js → features-8beda29d.js} +1 -1
  6. package/cjs/generic-0b925a19.js +1 -0
  7. package/cjs/index-22c077d0.js +1 -0
  8. package/cjs/{index-6133b444.js → index-517acf72.js} +1 -1
  9. package/cjs/{index-aa64a6c0.js → index-93ac04ff.js} +1 -1
  10. package/cjs/{index-50f15aa6.js → index-f64ef24d.js} +1 -1
  11. package/cjs/index.js +1 -1
  12. package/cjs/localisation-da6f64c6.js +1 -0
  13. package/cjs/{multicamv2-e88d0dc2.js → multicamv2-2123cc15.js} +1 -1
  14. package/cjs/{multicamv2-f17375d7.js → multicamv2-41a918f4.js} +1 -1
  15. package/cjs/{nextEpisodeButton-551faeb3.js → nextEpisodeButton-c68c6da4.js} +1 -1
  16. package/cjs/{playlist-f0a6659a.js → playlist-8d5202b4.js} +1 -1
  17. package/cjs/resolution-ac7705e6.js +1 -0
  18. package/cjs/{series-47045f7e.js → series-b3b39dd7.js} +1 -1
  19. package/cjs/{series-v2-cf79269e.js → series-v2-3baa5caa.js} +1 -1
  20. package/cjs/{series-v2-5ce609b4.js → series-v2-f31465e3.js} +1 -1
  21. package/cjs/settings-icon-7a519942.js +1 -0
  22. package/cjs/{skin-425c1322.js → skin-6b4fd720.js} +1 -1
  23. package/cjs/{skin-dbff0922.js → skin-8d797b1e.js} +1 -1
  24. package/cjs/{skin-f7c4ead4.js → skin-90c06edf.js} +1 -1
  25. package/cjs/{skin-ebab1e3f.js → skin-a3530077.js} +1 -1
  26. package/cjs/skin-aef6f952.js +1 -0
  27. package/cjs/{skin-237f8d4f.js → skin-d6a48901.js} +1 -1
  28. package/cjs/{skin-c49d50b6.js → skin-e03a88b8.js} +1 -1
  29. package/cjs/{skin-a9a5a925.js → skin-ed4decab.js} +1 -1
  30. package/cjs/{skin-dc3525c7.js → skin-f0bbb76d.js} +1 -1
  31. package/cjs/{skin-3a43f138.js → skin-f8994d41.js} +1 -1
  32. package/cjs/{videoSelector-f4eb61cd.js → videoSelector-1399cc18.js} +1 -1
  33. package/cjs/{videoSelector-607de014.js → videoSelector-2bc8977c.js} +1 -1
  34. package/esm/{autoNextVideo-c9d22cb4.js → autoNextVideo-7dc4b5f9.js} +1 -1
  35. package/esm/bundle.css +1157 -1140
  36. package/esm/caption-settings-cf49bb1b.js +1 -0
  37. package/esm/captions-f011a7d4.js +1 -0
  38. package/esm/{features-8b0d92d7.js → features-048cb801.js} +1 -1
  39. package/esm/generic-759b1422.js +1 -0
  40. package/esm/{index-9f2bf24a.js → index-07f963db.js} +1 -1
  41. package/esm/{index-cef05213.js → index-1577b990.js} +1 -1
  42. package/esm/index-1a5d906c.js +1 -0
  43. package/esm/{index-3addf20e.js → index-3bae4958.js} +1 -1
  44. package/esm/index.js +1 -1
  45. package/esm/localisation-2f1ee38c.js +1 -0
  46. package/esm/{multicamv2-1e925995.js → multicamv2-220833f5.js} +1 -1
  47. package/esm/{multicamv2-1bd7f8c5.js → multicamv2-bd4bf0f5.js} +1 -1
  48. package/esm/{nextEpisodeButton-f1a025e4.js → nextEpisodeButton-ca0a2b98.js} +1 -1
  49. package/esm/{playlist-2012e5ef.js → playlist-2d49901b.js} +1 -1
  50. package/esm/resolution-d9d21f0e.js +1 -0
  51. package/esm/{series-8f854466.js → series-637f67ff.js} +1 -1
  52. package/esm/{series-v2-f28041a6.js → series-v2-7caace2c.js} +1 -1
  53. package/esm/{series-v2-4ada8ab6.js → series-v2-899b6955.js} +1 -1
  54. package/esm/settings-icon-abd55c1e.js +1 -0
  55. package/esm/{skin-85e8dcbb.js → skin-0e9bc166.js} +1 -1
  56. package/esm/{skin-74348872.js → skin-28192217.js} +1 -1
  57. package/esm/{skin-66b334cd.js → skin-2cb9e01a.js} +1 -1
  58. package/esm/{skin-d6417c01.js → skin-2d7f1782.js} +1 -1
  59. package/esm/{skin-7bdb21cf.js → skin-318448f4.js} +1 -1
  60. package/esm/skin-44cb0a24.js +1 -0
  61. package/esm/{skin-30a7f835.js → skin-77259d09.js} +1 -1
  62. package/esm/{skin-c16b40b9.js → skin-7d2af43a.js} +1 -1
  63. package/esm/{skin-30a90635.js → skin-9d2dad58.js} +1 -1
  64. package/esm/{skin-f0b7e11c.js → skin-bcb995db.js} +1 -1
  65. package/esm/src/core/captions.d.ts +10 -0
  66. package/esm/src/helpers/localisation.d.ts +1 -0
  67. package/esm/src/utilities/qualityLabels.d.ts +1 -0
  68. package/esm/{videoSelector-435aa016.js → videoSelector-01d26572.js} +1 -1
  69. package/esm/{videoSelector-48a4e382.js → videoSelector-21c88bd3.js} +1 -1
  70. package/package.json +1 -1
  71. package/cjs/caption-settings-e803e4a6.js +0 -1
  72. package/cjs/captions-abd87121.js +0 -1
  73. package/cjs/generic-118f7ebd.js +0 -1
  74. package/cjs/index-c52abe27.js +0 -1
  75. package/cjs/localisation-56e0a999.js +0 -1
  76. package/cjs/resolution-7b5483dd.js +0 -1
  77. package/cjs/settings-icon-b4612153.js +0 -1
  78. package/cjs/skin-b11e1757.js +0 -1
  79. package/esm/caption-settings-404c4774.js +0 -1
  80. package/esm/captions-8c8e9f2b.js +0 -1
  81. package/esm/generic-6871d7d1.js +0 -1
  82. package/esm/index-18292507.js +0 -1
  83. package/esm/localisation-0bf399a1.js +0 -1
  84. package/esm/resolution-847a299c.js +0 -1
  85. package/esm/settings-icon-c188c46d.js +0 -1
  86. package/esm/skin-be4ea9e2.js +0 -1
  87. package/esm/src/features/dvrStartOver/helpers.test.d.ts +0 -1
  88. package/esm/src/features/dvrStartOver/index.test.d.ts +0 -1
  89. package/esm/src/helpers/playerControlEvents.test.d.ts +0 -1
  90. package/esm/src/utilities/beacon.test.d.ts +0 -1
package/cjs/bundle.css CHANGED
@@ -1,6 +1,5 @@
1
1
 
2
2
 
3
-
4
3
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
4
  height: 0.7em !important;
6
5
  position: absolute !important;
@@ -211,870 +210,1031 @@
211
210
 
212
211
 
213
212
 
214
- .video-js.skin_cn_news .vjs-control-bar {
215
- z-index: 1 !important;
216
- height: auto !important;
217
- padding: 0.8em 30px 0.6em;
218
- background: transparent !important;
213
+
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{
219
227
  display: flex;
220
- flex-wrap: wrap;
221
228
  align-items: center;
222
- column-gap: 10px;
229
+ justify-content: center;
223
230
  }
224
231
 
232
+ .video-js.skin_news .vjs-fade>* {
233
+ visibility: hidden !important;
234
+ opacity: 0 !important;
235
+ transition: visibility 1s, opacity 1s !important;
236
+ }
225
237
 
226
- .video-js.skin_cn_news .vjs-control-bar::before {
227
- content: '';
238
+ .video-js.skin_news .custom-spaced-progress-bar {
228
239
  position: absolute;
229
- left: 0;
230
- right: 0;
231
- bottom: 0;
232
- top: -3em;
233
- background: linear-gradient(
234
- to top,
235
- rgba(0, 0, 0, 0.85) 0%,
236
- rgba(0, 0, 0, 0.7) 40%,
237
- rgba(0, 0, 0, 0.55) 70%,
238
- rgba(0, 0, 0, 0.38) 86%,
239
- transparent 100%
240
- );
241
- pointer-events: none;
242
- z-index: -1;
240
+ width: 100%;
241
+ display: flex;
242
+ height: 0.5em;
243
+ top: -0.5em;
243
244
  }
244
245
 
245
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
246
- order: -1;
247
- flex: 0 0 100%;
248
- width: 80%;
249
- margin: 0 0 5em;
246
+ .video-js.skin_news .vjs-progress-control {
247
+ /* left: -6px; */
250
248
  position: relative;
249
+ width: 100%;
250
+ height: 0.5em;
251
+ transition: height 0.1s, top 0.1s;
251
252
  }
252
253
 
253
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
254
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
255
- width: auto;
256
- min-width: 0;
257
- }
258
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
259
- display: inline-flex;
260
- align-items: center;
261
- justify-content: center;
262
- height: 7em;
263
- padding: 0 10px;
264
- color: #fff;
265
- }
266
254
 
267
- .video-js.skin_cn_news .vjs-svg-icon::before {
268
- content: none !important;
269
- }
270
255
 
271
256
 
272
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
273
- display: inline-flex;
274
- align-items: center;
275
- justify-content: center;
276
- }
277
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
278
- .video-js.skin_cn_news .vjs-rewind-button svg {
279
- width: 24px;
280
- height: 24px;
257
+ .video-js.skin_news .vjs-custom-control-spacer {
281
258
  display: block;
259
+ flex: 1 1 auto;
282
260
  }
283
261
 
284
-
285
-
286
- .video-js.skin_cn_news .vjs-subs-caps-button {
287
- 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;
288
267
  }
289
268
 
290
-
291
-
292
- .video-js.skin_cn_news .vjs-volume-panel {
293
- margin: 0;
294
- display: inline-flex;
295
- align-items: center;
269
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
270
+ font-size: 14px;
271
+ font-weight: 500;
296
272
  align-self: center;
297
- height: 2.2em;
298
- min-width: 7em;
299
- transition: none;
300
- }
301
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
302
- width: 0;
303
- height: 100%;
304
- display: flex;
305
- align-items: center;
306
- overflow: hidden;
307
- opacity: 0;
308
- transition: width 0.15s ease, opacity 0.15s ease;
309
- }
310
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
311
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
312
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
313
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
314
- width: 5em;
315
- opacity: 1;
273
+ height: min-content;
274
+ padding: 5px 2px;
275
+ border-radius: 8px;
316
276
  }
317
277
 
318
- .video-js.skin_cn_news .vjs-volume-bar {
319
- width: 4em;
320
- height: 0.3em;
321
- margin: 0 0.45em;
278
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
279
+ height: 6px !important;
322
280
  }
323
281
 
282
+ .video-js.skin_news .vjs-play-progress:before {
283
+ font-size: 1.5em;
284
+ line-height: unset;
285
+ top: -0.3333333333em;
286
+ }
324
287
 
325
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
288
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
326
289
  display: none !important;
327
290
  }
328
291
 
329
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
330
- width: 0 !important;
292
+ /* */
293
+ .video-js.skin_news .vjs-mouse-display{
294
+ font-size: 1.6666666667em;
331
295
  }
332
296
 
333
-
334
- .video-js.skin_cn_news .vjs-custom-control-spacer {
335
- display: block !important;
336
- flex: 1 1 auto;
297
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
298
+ font-size: 1em !important;
337
299
  }
338
300
 
339
-
340
- .video-js.skin_cn_news .vjs-big-play-button {
341
- display: none;
342
- }
343
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
344
- position: relative !important;
345
- display: flex;
346
- left: 0;
347
- top: -1px;
348
- }
349
- .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;
350
303
  display: flex;
351
- justify-content: center;
352
304
  align-items: center;
353
- position: absolute;
354
- top: 0;
355
- left: 0;
356
- right: 0;
357
- bottom: 0;
358
- margin: auto;
359
- width: 80px;
360
- height: 80px;
361
- border: none;
362
- border-radius: 50%;
363
- background: rgba(0, 0, 0, 0.55);
364
- font-size: 5em;
365
- line-height: 1.3em;
366
- transform: none !important;
305
+ justify-content: center;
367
306
  }
368
307
 
369
308
 
370
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
371
- height: 4px !important;
372
- margin: 0;
373
- border-radius: 20px;
374
- background-color: #393944;
309
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
310
+ .icon-maximize {
311
+ display: block;
312
+ height: 32px;
375
313
  }
376
314
 
377
- .video-js.skin_cn_news .vjs-play-progress {
378
- background-color: #ffffff;
379
- border-radius: 20px;
315
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
316
+ line-height: 4;
380
317
  }
381
318
 
382
- .video-js.skin_cn_news .vjs-load-progress,
383
- .video-js.skin_cn_news .vjs-load-progress div {
384
- background: rgba(255, 255, 255, 0.15);
385
- border-radius: 20px;
319
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
320
+ .icon-minimize {
321
+ display: none;
322
+ height: 32px;
386
323
  }
387
324
 
388
-
389
- .video-js.skin_cn_news .vjs-play-progress:before {
390
- content: '';
391
- width: 16px;
392
- height: 16px;
393
- border-radius: 50%;
394
- background: #ffffff;
395
- border: 2px solid rgba(0, 0, 0, 0.6);
396
- box-sizing: border-box;
397
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
398
- top: -6px;
399
- right: -8px;
400
- position: absolute;
325
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
326
+ outline: none !important;
401
327
  }
402
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
403
- display: none !important;
328
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
329
+ .vjs-icon-fullscreen-enter:before {
330
+ /* content: '' !important; */
404
331
  }
405
332
 
406
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
407
- background: #ffffff;
408
- color: #0a0e17;
409
- font-weight: 700;
410
- 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); */
411
338
  }
412
339
 
413
- .video-js.skin_cn_news .vjs-live-control {
414
- display: none !important;
340
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
341
+ display: none;
415
342
  }
416
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
417
- display: inline-flex;
418
- align-items: center;
419
- align-self: center;
420
- height: 2.2em;
421
- gap: 5px;
422
- width: auto;
423
- padding: 0 10px;
424
- border: 1px solid rgba(255, 255, 255, 0.45);
425
- 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{
426
348
  cursor: pointer;
427
349
  }
428
- .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
429
- .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
430
- display: none;
350
+
351
+ .video-js.skin_news .rewindbtn:hover{
352
+ cursor: pointer;
431
353
  }
432
354
 
433
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
434
- display: none;
355
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
356
+ position: relative;
357
+ padding-left: 0;
435
358
  }
436
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
437
- display: inline-flex;
438
- align-items: center;
359
+
360
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
361
+ display: none !important;
439
362
  }
440
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
441
- content: '';
442
- display: inline-block;
443
- width: 8px;
444
- height: 8px;
445
- border-radius: 50%;
446
- 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;
447
381
  }
448
- .video-js.skin_cn_news .vjs-seek-to-live-text {
449
- color: #ffffff;
450
- font-weight: 700;
451
- font-size: 12px;
452
- letter-spacing: 0.03em;
382
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
383
+ font-weight: bold;
453
384
  }
454
385
 
455
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
456
- border-color: transparent;
457
- }
458
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
459
- 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;
460
390
  }
461
391
 
462
- /* ---- time controls ---- */
463
- .video-js.skin_cn_news .vjs-current-time,
464
- .video-js.skin_cn_news .vjs-duration,
465
- .video-js.skin_cn_news .vjs-time-divider {
466
- display: none;
467
- align-items: center;
468
- font-size: 12px;
469
- font-weight: 700;
470
- color: #fff;
471
- user-select: none;
392
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
393
+ width: 24px !important;
394
+ height: 24px !important;
472
395
  }
473
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
474
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
475
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
476
- display: flex;
396
+ .settings-selector-icon>svg{
397
+ height: 19px !important;
398
+ width: 19px !important;
477
399
  }
478
- .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 {
479
407
  padding-right: 0;
480
408
  }
481
- .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 {
482
411
  padding-left: 0;
483
412
  }
484
- .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
485
- padding: 0 4px;
486
- min-width: 0;
487
- width: auto;
488
- }
489
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
490
- display: none;
491
- 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;
492
418
  justify-content: center;
493
- font-size: 11px;
494
- font-weight: 700;
495
- color: #fff;
496
- padding: 0 6px;
497
- user-select: none;
419
+ width: min-content;
498
420
  }
499
421
 
500
-
501
- .video-js.skin_cn_news .vjs-chapter-marker {
502
- z-index: 2;
503
- width: var(--vl-chapter-size, 8px);
504
- height: var(--vl-chapter-size, 8px);
505
- top: 50%;
506
- bottom: auto;
507
- background: var(--vl-chapter-color, #ffffff);
508
- opacity: var(--vl-chapter-opacity, 1);
509
- border-radius: 50%;
510
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
511
- transform: translate(-50%, -50%) scale(1);
512
- transition: background-color 0.12s ease;
513
- }
514
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
515
- background: var(--vl-chapter-hover, #0a5cff);
422
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
423
+ display: none
516
424
  }
517
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
518
- background: var(--vl-chapter-active, #0a5cff);
425
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
426
+ display: none
519
427
  }
520
428
 
521
-
522
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
523
- width: 16px;
524
- height: 16px;
525
- bottom: 160%;
526
- 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;
527
435
  }
528
436
 
529
-
530
- .video-js.skin_cn_news .vjs-chapter-preview {
531
- background: var(--vl-chapter-tooltip, #0a5cff);
532
- border-radius: 6px;
533
- padding: 8px 10px;
534
- width: max-content;
535
- max-width: 300px;
536
- text-align: left;
537
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
538
- }
539
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
540
- color: #ffffff;
541
- font-size: 13px;
542
- font-weight: 400;
543
- margin-bottom: 2px;
544
- }
545
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
546
- color: #ffffff;
547
- font-size: 13px;
548
- font-weight: 400;
549
- line-height: 1.3;
550
- white-space: normal;
551
- text-align: left;
552
- }
553
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
554
- 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;
555
443
  }
556
-
557
- /* ---- responsive ---- */
558
- @media (max-width: 576px) {
559
- .video-js.skin_cn_news .vjs-control-bar {
560
- height: 3.2em !important;
561
- padding: 0 8px;
562
- }
563
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
564
- padding: 0 6px;
565
- }
566
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
567
- display: none !important;
568
- }
444
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
445
+ display: none;
569
446
  }
570
447
 
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;
764
- }
765
- .settings-selector-icon>svg{
766
- height: 19px !important;
767
- width: 19px !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;
768
720
  }
769
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;
730
+ }
770
731
 
771
- .video-js.skin_news_live button.vjs-rewind-button{
772
- cursor: pointer;
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;
773
734
  }
774
735
 
775
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
776
- padding-right: 0;
777
- display: none;
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;
778
738
  }
779
739
 
780
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
781
- padding-left: 0;
782
- display: none;
740
+
741
+
742
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
743
+ font-size: 2.2em;
744
+ line-height: 2.6;
745
+ }
746
+ .video-js.skin_mini{
747
+ overflow: hidden;
748
+ }
749
+ .video-js.skin_mini .vjs-control-bar{
750
+ z-index: 1 !important;
751
+ height: 4em !important;
752
+ background: black !important;
783
753
  }
784
754
 
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;
755
+ .video-js.skin_mini .vjs-fade>* {
756
+ visibility: hidden !important;
757
+ opacity: 0 !important;
758
+ transition: visibility 1s, opacity 1s !important;
789
759
  }
790
760
 
791
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
792
- display: none
761
+ .video-js.skin_mini .custom-spaced-progress-bar {
762
+ position: absolute;
763
+ width: 100%;
764
+ display: flex;
765
+ height: 0.5em;
766
+ top: -0.5em;
793
767
  }
794
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
795
- display: none
768
+
769
+ .video-js.skin_mini .vjs-progress-control {
770
+ /* left: -6px; */
771
+ position: relative;
772
+ width: 100%;
773
+ height: 0.5em;
774
+ transition: height 0.1s, top 0.1s;
796
775
  }
797
776
 
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;
777
+
778
+
779
+
780
+ .video-js.skin_mini .vjs-custom-control-spacer {
781
+ display: block;
782
+ flex: 1 1 auto;
804
783
  }
805
784
 
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;
810
- align-items: center;
811
- user-select: none;
785
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
786
+ margin: 0 0px 0 0px;
812
787
  }
813
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
788
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
814
789
  display: none;
815
790
  }
816
791
 
817
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
792
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
793
+ font-size: 14px;
794
+ font-weight: 500;
795
+ align-self: center;
818
796
  height: min-content;
819
- width: min-content;
820
- }
821
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
822
- width: 6em;
797
+ padding: 5px 2px;
798
+ border-radius: 8px;
823
799
  }
824
800
 
825
- .video-js.skin_news_live .content{
826
- bottom: 3.4rem !important;
827
- right: -4rem !important;
801
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
802
+ height: 5px !important;
828
803
  }
829
804
 
830
- .setting-icon > svg{
831
- height:18px !important;
805
+ .video-js.skin_mini .vjs-play-progress:before {
806
+ font-size: 1.3em;
807
+ line-height: unset;
808
+ top: -0.3333333333em;
832
809
  }
833
810
 
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
811
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
812
+ display: none !important;
842
813
  }
843
814
 
844
- .video-js.skin_news_live iframe{
845
- width: 100%;
846
- height: 100%;
815
+ /* */
816
+ .video-js.skin_mini .vjs-mouse-display{
817
+ font-size: 1.6666666667em;
847
818
  }
848
819
 
849
- .video-js.skin_news_live .vjs-live-control{
850
- align-items: center;
851
- display: none;
820
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
821
+ font-size: 1em !important;
852
822
  }
853
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
854
- height: 2.2em;
823
+
824
+ .video-js.skin_mini .vjs-button{
825
+ width: 3em;
855
826
  display: flex;
856
827
  align-items: center;
857
- font-family: monospace;
858
- width: 4em;
859
828
  justify-content: center;
860
- background: red;
861
- margin: 4px 0px 4px 12px;
862
829
  }
863
830
 
864
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
865
- text-shadow: none;
831
+
832
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
833
+ .icon-maximize {
834
+ display: block;
835
+ height: 32px;
866
836
  }
867
837
 
868
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
838
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
839
+ line-height: 4;
840
+ }
841
+
842
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
843
+ .icon-minimize {
844
+ display: none;
845
+ height: 32px;
846
+ }
847
+
848
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
849
+ outline: none !important;
850
+ }
851
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
852
+ .vjs-icon-fullscreen-enter:before {
853
+ /* content: '' !important; */
854
+ }
855
+
856
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
869
857
  display: flex;
870
858
  justify-content: center;
871
- min-width: 5.3em;
872
- pointer-events: none;
873
- user-select: none;
859
+ align-items: center;
860
+ /* transform: rotate(90deg); */
874
861
  }
875
862
 
876
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
877
- color: white;
863
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
864
+ display: none;
865
+ }
866
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
867
+ margin-left: -10px;
868
+ display: none;
878
869
  }
879
870
 
871
+ .video-js.skin_mini .vjs-loading-spinner {
872
+ position: absolute;
873
+ top: 50%;
874
+ left: 50%;
875
+ transform: translate(-50%, -50%);
876
+ opacity: .85;
877
+ text-align: left;
878
+ border: .2em solid rgba(43, 51, 63, .7);
879
+ box-sizing: border-box;
880
+ background-clip: padding-box;
881
+ width: 3em;
882
+ height: 3em;
883
+ border-radius: 50%;
884
+ visibility: hidden;
885
+ }
880
886
 
881
- .settings-selection.vjs-control.vjs-button{
882
- display: flex !important;
887
+ .video-js.skin_mini .skipbtn:hover{
888
+ cursor: pointer;
883
889
  }
884
890
 
885
- @media(max-width:576px){
886
- .settings-selection.vjs-control.vjs-button{
887
- display: none !important;
888
- }
891
+ .video-js.skin_mini .rewindbtn:hover{
892
+ cursor: pointer;
889
893
  }
890
894
 
895
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
896
+ position: relative;
897
+ padding-left: 0;
898
+ }
891
899
 
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
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
901
+ width: 40px;
902
+ height: 40px;
903
+ display: flex;
904
+ justify-content: center;
905
+ align-items: center;
906
+ border: none;
907
+ position: absolute;
908
+ top: 0;
909
+ left: 0;
910
+ right: 0;
911
+ bottom: 0;
912
+ margin: auto;
913
+ font-size: 3em;
914
+ line-height: 1.3em;
915
+ transform: none !important;
916
+ border-radius: 1.3em;
917
+ }
900
918
 
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
- }
919
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
920
+ font-weight: bold;
921
+ }
911
922
 
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;
923
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
924
+ bottom: 1.1em !important;
925
+ right: 1em;
926
+ z-index: 1;
927
+ font-size: 10px;
928
+ }
929
+
930
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
931
+ width: 24px !important;
932
+ height: 24px !important;
933
+ }
934
+ .video-js.skin_mini .settings-selector-icon>svg{
935
+ height: 19px !important;
936
+ width: 19px !important;
937
+ }
938
+
939
+
940
+ .video-js.skin_mini button.vjs-rewind-button{
941
+ cursor: pointer;
942
+ }
943
+
944
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
945
+ padding-right: 0;
946
+ }
947
+
948
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
949
+ padding-left: 0;
950
+ }
951
+
952
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
953
+ padding-left: 0;
954
+ padding-right: 0;
955
+ display: flex;
956
+ justify-content: center;
957
+ width: min-content;
958
+ }
959
+
960
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
961
+ display: none
962
+ }
963
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
964
+ display: none
965
+ }
966
+
967
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
968
+ display: flex;
969
+ align-items: center;
970
+ font-weight: 700;
971
+ font-size: 9px;
972
+ min-width: 0.8em;
973
+ padding-left: 0;
974
+ }
975
+
976
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
977
+ display: none;
978
+ font-size: 11px;
979
+ justify-content: center;
980
+ align-items: center;
981
+ user-select: none;
982
+ }
983
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
984
+ display: none;
985
+ }
986
+
987
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
988
+ height: min-content;
989
+ width: min-content;
990
+ }
991
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
992
+ width: 3em;
993
+ margin-right: 4px;
994
+ }
995
+
996
+ .video-js.skin_mini .content{
997
+ bottom: 3.4rem !important;
998
+ right: -4rem !important;
999
+ }
1000
+
1001
+ .video-js.skin_mini .setting-icon > svg{
1002
+ height:18px !important;
1003
+ }
1004
+
1005
+ .output-overlay{
1006
+ position: absolute;
1007
+ bottom: 0;
1008
+ height: 100%;
1009
+ width: 100%;
1010
+ z-index: 0;
1011
+ border: 0;
1012
+ pointer-events:none
1013
+ }
1014
+
1015
+ .video-js.skin_mini iframe{
1016
+ width: 100%;
1017
+ height: 100%;
1018
+ }
1019
+
1020
+ .video-js.skin_mini .vjs-live-control{
1021
+ align-items: center;
1022
+ max-width: 5em;
1023
+ }
1024
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1025
+ height: 2.2em;
1026
+ display: flex;
1027
+ align-items: center;
1028
+ font-family: monospace;
1029
+ width: 4em;
1030
+ justify-content: center;
1031
+ background: red;
1032
+ margin: 4px 0px 4px 2px;
1033
+ }
1034
+
1035
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1036
+ text-shadow: none;
1037
+ }
1038
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1039
+ display: none;
1040
+ font-size: 12px;
1041
+ }
1042
+
1043
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1044
+ height: 1.8em;
1045
+ display: inline-flex;
1046
+ align-items: center;
1047
+ font-family: monospace;
1048
+ justify-content: center;
1049
+ border: 1.5px solid;
1050
+ margin: 4px 0px 4px 2px;
1051
+ white-space: pre;
1052
+ padding: 2px 4px;
1053
+ font-size: 1.2em;
1054
+ font-weight: 500;
1055
+ color: rgba(255, 255, 2555, 0.7);
1056
+ }
1057
+
1058
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1059
+ content: "NOT LIVE";
1060
+ word-spacing: -4px;
1061
+ }
1062
+
1063
+
1064
+ @media(max-width:600px){
1065
+ .tvProviderImage{
1066
+ display: none
917
1067
  }
918
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1068
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1069
+ .icon-maximize {
1070
+ height: 30px !important;
1071
+ }
1072
+
1073
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1074
+ .icon-minimize {
1075
+ height: 30px !important;
1076
+ }
1077
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1078
+ width: 3.5em;
1079
+ }
1080
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1081
+ height: min-content;
1082
+ }
1083
+
1084
+ .video-js.skin_mini button.vjs-slowmo-button{
1085
+ display: none;
1086
+ }
1087
+ .video-js.skin_mini button.vjs-rewind-button{
1088
+ display: none;
1089
+ }
1090
+ .video-js.skin_mini button.vjs-rewind-button>svg{
919
1091
  height: 20px;
920
1092
  }
921
- .video-js.skin_news_live .vjs-button{
922
- width: 4.8em;
1093
+ .video-js.skin_mini .vjs-button{
1094
+ width: 3em;
923
1095
  }
924
- .video-js.skin_news_live .widget-selection{
1096
+ .video-js.skin_mini .widget-selection{
925
1097
  display: none;
926
1098
  }
927
- .video-js.skin_news_live .container{
1099
+ .video-js.skin_mini .container{
928
1100
  display: none !important;
929
1101
  }
930
- .video-js.skin_news_live .vjs-control-bar{
1102
+ .video-js.skin_mini .vjs-control-bar{
931
1103
  height: 4em !important;
932
1104
  }
933
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1105
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
934
1106
  font-size: 2.5em;
935
1107
  line-height: 1.5;
936
1108
  }
937
- .video-js.skin_news_live .vjs-play-progress:before {
1109
+ .video-js.skin_mini .vjs-play-progress:before {
938
1110
  font-size: 1.2em;
939
1111
  position: absolute;
940
1112
  right: -0.5em;
941
1113
  z-index: 1;
942
1114
  }
943
- .video-js.skin_news_live button.vjs-skip-button>svg{
1115
+ .video-js.skin_mini button.vjs-skip-button>svg{
944
1116
  height: 20px;
945
1117
  }
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;
950
- }
951
1118
 
952
1119
  .stream-selector-icon>svg{
953
1120
  width: 24px;
954
1121
  height: 24px;
955
1122
  }
956
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
957
- margin: 0 12px 0 12px;
958
- }
959
- .video-js.skin_news_live .vjs-seek-to-live-text{
1123
+ .video-js.skin_mini .vjs-seek-to-live-text{
960
1124
  font-size: 12px;
961
1125
  }
962
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
963
- margin: 0 12px 0 12px;
964
- }
965
1126
  }
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;
971
- 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;
1127
+
1128
+
1129
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1130
+ background-color: rgba(0, 0, 0, 0.2);
981
1131
  }
982
1132
 
983
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1133
+
1134
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
984
1135
  display: flex;
985
1136
  justify-content: center;
986
1137
  align-items: center;
987
1138
  height: 100%;
988
1139
  transition: width 0.1s;
989
1140
  }
1141
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1142
+ margin: 2px;
1143
+ }
990
1144
 
991
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1145
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
992
1146
  display: flex;
993
1147
  justify-content: center;
994
1148
  align-items: center;
995
1149
  height: 100%;
996
1150
  transition: width 0.1s;
997
1151
  }
998
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
999
- display: none !important;
1152
+
1153
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1154
+ display: block;
1155
+ font-size: 10px;
1156
+ padding: 6px 10px;
1157
+ margin: 0;
1158
+ max-height: 100%;
1159
+ overflow-y: auto;
1160
+ }
1161
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1162
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1163
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1164
+ display: block;
1165
+ width: 100%;
1166
+ }
1167
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
1168
+ margin: 4px 0;
1169
+ }
1170
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
1171
+ display: block;
1172
+ padding: 0 0 6px;
1173
+ }
1174
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1175
+ max-width: 100%;
1000
1176
  }
1001
1177
 
1002
- @media (max-width: 576px) {
1003
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1178
+ @media (max-width: 600px) {
1179
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1004
1180
  height: 5px !important;
1005
1181
  }
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
1182
 
1012
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1183
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1013
1184
  display: none;
1014
1185
  }
1015
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1016
- bottom: 2.4em !important;
1017
- right: -1em;
1018
- z-index: 1;
1019
- }
1020
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1021
- display: none !important;
1022
- }
1023
1186
 
1024
1187
  }
1025
1188
 
1026
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1027
- width: 100% !important;
1189
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1190
+ content: none !important;
1191
+ fill: none !important;
1192
+ filter: none !important;
1028
1193
  }
1029
1194
 
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;
1195
+ /* svg icons opacity and hover effect */
1196
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1197
+ opacity: 0.7 !important;
1035
1198
  }
1036
1199
 
1037
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1038
- content: none !important;
1039
- fill: none !important;
1040
- filter: none !important;
1200
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1201
+ opacity: 1 !important;
1041
1202
  }
1042
1203
 
1043
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1204
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1044
1205
  color: rgba(255, 255, 2555, 0.7)!important;
1045
1206
  }
1046
1207
 
1047
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1208
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1048
1209
  color: rgba(255, 255, 2555, 1)!important;
1049
1210
  }
1050
1211
 
1051
1212
 
1052
-
1053
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1213
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1054
1214
  font-size: 2.2em;
1055
1215
  line-height: 2.6;
1056
1216
  }
1057
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1058
- background: white;
1217
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1218
+ background: #fcb700;
1059
1219
  }
1060
- .video-js.skin_news .vjs-control-bar{
1220
+ .video-js.skin_news_live .vjs-control-bar{
1061
1221
  z-index: 1 !important;
1062
1222
  height: 5em !important;
1063
1223
  background: black !important;
1064
1224
  }
1065
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1225
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1066
1226
  display: flex;
1067
1227
  align-items: center;
1068
1228
  justify-content: center;
1069
1229
  }
1070
1230
 
1071
- .video-js.skin_news .vjs-fade>* {
1231
+ .video-js.skin_news_live .vjs-fade>* {
1072
1232
  visibility: hidden !important;
1073
1233
  opacity: 0 !important;
1074
1234
  transition: visibility 1s, opacity 1s !important;
1075
1235
  }
1076
1236
 
1077
- .video-js.skin_news .custom-spaced-progress-bar {
1237
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1078
1238
  position: absolute;
1079
1239
  width: 100%;
1080
1240
  display: flex;
@@ -1082,7 +1242,7 @@
1082
1242
  top: -0.5em;
1083
1243
  }
1084
1244
 
1085
- .video-js.skin_news .vjs-progress-control {
1245
+ .video-js.skin_news_live .vjs-progress-control {
1086
1246
  /* left: -6px; */
1087
1247
  position: relative;
1088
1248
  width: 100%;
@@ -1090,22 +1250,25 @@
1090
1250
  transition: height 0.1s, top 0.1s;
1091
1251
  }
1092
1252
 
1253
+ .video-js.skin_news_live .vjs-volume-panel{
1254
+ min-width: 5.3em;
1255
+ }
1093
1256
 
1094
1257
 
1095
1258
 
1096
- .video-js.skin_news .vjs-custom-control-spacer {
1097
- display: block;
1098
- flex: 1 1 auto;
1259
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1260
+ /* display: block; */
1261
+ /* flex: 1 1 auto; */
1099
1262
  }
1100
1263
 
1101
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1264
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1102
1265
  margin: 0 0px 0 0px;
1103
1266
  }
1104
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1267
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1105
1268
  display: none;
1106
1269
  }
1107
1270
 
1108
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1271
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1109
1272
  font-size: 14px;
1110
1273
  font-weight: 500;
1111
1274
  align-self: center;
@@ -1114,30 +1277,30 @@
1114
1277
  border-radius: 8px;
1115
1278
  }
1116
1279
 
1117
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1280
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1118
1281
  height: 6px !important;
1119
1282
  }
1120
1283
 
1121
- .video-js.skin_news .vjs-play-progress:before {
1284
+ .video-js.skin_news_live .vjs-play-progress:before {
1122
1285
  font-size: 1.5em;
1123
1286
  line-height: unset;
1124
1287
  top: -0.3333333333em;
1125
1288
  }
1126
1289
 
1127
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1290
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1128
1291
  display: none !important;
1129
1292
  }
1130
1293
 
1131
1294
  /* */
1132
- .video-js.skin_news .vjs-mouse-display{
1295
+ .video-js.skin_news_live .vjs-mouse-display{
1133
1296
  font-size: 1.6666666667em;
1134
1297
  }
1135
1298
 
1136
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1299
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1137
1300
  font-size: 1em !important;
1138
1301
  }
1139
1302
 
1140
- .video-js.skin_news .vjs-button{
1303
+ .video-js.skin_news_live .vjs-button{
1141
1304
  width: 5.3em;
1142
1305
  display: flex;
1143
1306
  align-items: center;
@@ -1145,63 +1308,71 @@
1145
1308
  }
1146
1309
 
1147
1310
 
1148
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1311
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1149
1312
  .icon-maximize {
1150
1313
  display: block;
1151
1314
  height: 32px;
1152
1315
  }
1153
1316
 
1154
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1317
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1155
1318
  line-height: 4;
1156
1319
  }
1157
1320
 
1158
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1321
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1159
1322
  .icon-minimize {
1160
1323
  display: none;
1161
1324
  height: 32px;
1162
1325
  }
1163
1326
 
1164
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1327
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1165
1328
  outline: none !important;
1329
+ /* flex: 1; */
1166
1330
  }
1167
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1331
+ .video-js.skin_news_live .vjs-play-toggle-container{
1332
+ display: flex;
1333
+ flex: 1;
1334
+ justify-content: center;
1335
+ }
1336
+
1337
+
1338
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1168
1339
  .vjs-icon-fullscreen-enter:before {
1169
1340
  /* content: '' !important; */
1170
1341
  }
1171
1342
 
1172
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1343
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1173
1344
  display: flex;
1174
1345
  justify-content: center;
1175
1346
  align-items: center;
1176
1347
  /* transform: rotate(90deg); */
1177
1348
  }
1178
1349
 
1179
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1350
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1180
1351
  display: none;
1181
1352
  }
1182
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1353
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1183
1354
  margin-left: -10px;
1184
1355
  }
1185
1356
 
1186
- .video-js.skin_news .skipbtn:hover{
1357
+ .video-js.skin_news_live .skipbtn:hover{
1187
1358
  cursor: pointer;
1188
1359
  }
1189
1360
 
1190
- .video-js.skin_news .rewindbtn:hover{
1361
+ .video-js.skin_news_live .rewindbtn:hover{
1191
1362
  cursor: pointer;
1192
1363
  }
1193
1364
 
1194
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1365
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1195
1366
  position: relative;
1196
1367
  padding-left: 0;
1197
1368
  }
1198
1369
 
1199
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1370
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1200
1371
  display: none !important;
1201
1372
  }
1202
1373
 
1203
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1204
- width: 90px;
1374
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1375
+ /* width: 90px;
1205
1376
  height: 90px;
1206
1377
  display: flex;
1207
1378
  justify-content: center;
@@ -1216,19 +1387,20 @@
1216
1387
  font-size: 6em;
1217
1388
  line-height: 1.4em;
1218
1389
  border: 0.05em solid;
1219
- color: inherit;
1390
+ color: inherit; */
1391
+ display: none !important;
1220
1392
  }
1221
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1393
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1222
1394
  font-weight: bold;
1223
1395
  }
1224
1396
 
1225
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1397
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1226
1398
  bottom: 2.4em !important;
1227
1399
  right: -1em;
1228
1400
  z-index: 1;
1229
1401
  }
1230
1402
 
1231
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1403
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1232
1404
  width: 24px !important;
1233
1405
  height: 24px !important;
1234
1406
  }
@@ -1238,34 +1410,34 @@
1238
1410
  }
1239
1411
 
1240
1412
 
1241
- .video-js.skin_news button.vjs-rewind-button{
1413
+ .video-js.skin_news_live button.vjs-rewind-button{
1242
1414
  cursor: pointer;
1243
1415
  }
1244
1416
 
1245
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1417
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1246
1418
  padding-right: 0;
1419
+ display: none;
1247
1420
  }
1248
1421
 
1249
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1422
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1250
1423
  padding-left: 0;
1424
+ display: none;
1251
1425
  }
1252
1426
 
1253
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1427
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1254
1428
  padding-left: 0;
1255
1429
  padding-right: 0;
1256
- display: flex;
1257
- justify-content: center;
1258
- width: min-content;
1430
+ display: none;
1259
1431
  }
1260
1432
 
1261
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1433
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1262
1434
  display: none
1263
1435
  }
1264
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1436
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1265
1437
  display: none
1266
1438
  }
1267
1439
 
1268
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1440
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1269
1441
  display: flex;
1270
1442
  align-items: center;
1271
1443
  font-weight: 700;
@@ -1273,26 +1445,26 @@
1273
1445
  min-width: 1.2em;
1274
1446
  }
1275
1447
 
1276
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1448
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1277
1449
  display: none;
1278
1450
  font-size: 11px;
1279
1451
  justify-content: center;
1280
1452
  align-items: center;
1281
1453
  user-select: none;
1282
1454
  }
1283
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1455
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1284
1456
  display: none;
1285
1457
  }
1286
1458
 
1287
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1459
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1288
1460
  height: min-content;
1289
1461
  width: min-content;
1290
1462
  }
1291
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1463
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1292
1464
  width: 6em;
1293
1465
  }
1294
1466
 
1295
- .video-js.skin_news .content{
1467
+ .video-js.skin_news_live .content{
1296
1468
  bottom: 3.4rem !important;
1297
1469
  right: -4rem !important;
1298
1470
  }
@@ -1311,15 +1483,16 @@
1311
1483
  pointer-events:none
1312
1484
  }
1313
1485
 
1314
- .video-js.skin_news iframe{
1486
+ .video-js.skin_news_live iframe{
1315
1487
  width: 100%;
1316
1488
  height: 100%;
1317
1489
  }
1318
1490
 
1319
- .video-js.skin_news .vjs-live-control{
1491
+ .video-js.skin_news_live .vjs-live-control{
1320
1492
  align-items: center;
1493
+ display: none;
1321
1494
  }
1322
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1495
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1323
1496
  height: 2.2em;
1324
1497
  display: flex;
1325
1498
  align-items: center;
@@ -1330,43 +1503,22 @@
1330
1503
  margin: 4px 0px 4px 12px;
1331
1504
  }
1332
1505
 
1333
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1506
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1334
1507
  text-shadow: none;
1335
1508
  }
1336
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1337
- display: none;
1338
- font-size: 12px;
1339
- }
1340
1509
 
1341
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1342
- height: 2.2em;
1343
- display: inline-flex;
1344
- align-items: center;
1345
- /* font-family: monospace; */
1510
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1511
+ display: flex;
1346
1512
  justify-content: center;
1347
- border: 2px solid;
1348
- margin: 4px 0px 4px 6px;
1349
- white-space: pre;
1350
- padding: 0px 6px;
1351
- font-size: 1.2em;
1352
- font-weight: 500;
1353
- 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";
1513
+ min-width: 5.3em;
1514
+ pointer-events: none;
1515
+ user-select: none;
1361
1516
  }
1362
1517
 
1363
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1364
- opacity: 1;
1518
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1519
+ color: white;
1365
1520
  }
1366
1521
 
1367
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1368
- content: "NOT LIVE";
1369
- }
1370
1522
 
1371
1523
  .settings-selection.vjs-control.vjs-button{
1372
1524
  display: flex !important;
@@ -1383,57 +1535,57 @@
1383
1535
  .tvProviderImage{
1384
1536
  display: none
1385
1537
  }
1386
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1538
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1387
1539
  .icon-maximize {
1388
1540
  height: 30px !important;
1389
1541
  }
1390
1542
 
1391
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1543
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1392
1544
  .icon-minimize {
1393
1545
  height: 30px !important;
1394
1546
  }
1395
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1547
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1396
1548
  width: 4.5em;
1397
1549
  }
1398
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1550
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1399
1551
  height: min-content;
1400
1552
  }
1401
1553
 
1402
- .video-js.skin_news button.vjs-slowmo-button{
1554
+ .video-js.skin_news_live button.vjs-slowmo-button{
1403
1555
  display: none;
1404
1556
  }
1405
- .video-js.skin_news button.vjs-rewind-button{
1557
+ .video-js.skin_news_live button.vjs-rewind-button{
1406
1558
  display: none;
1407
1559
  }
1408
- .video-js.skin_news button.vjs-rewind-button>svg{
1560
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1409
1561
  height: 20px;
1410
1562
  }
1411
- .video-js.skin_news .vjs-button{
1563
+ .video-js.skin_news_live .vjs-button{
1412
1564
  width: 4.8em;
1413
1565
  }
1414
- .video-js.skin_news .widget-selection{
1566
+ .video-js.skin_news_live .widget-selection{
1415
1567
  display: none;
1416
1568
  }
1417
- .video-js.skin_news .container{
1569
+ .video-js.skin_news_live .container{
1418
1570
  display: none !important;
1419
1571
  }
1420
- .video-js.skin_news .vjs-control-bar{
1572
+ .video-js.skin_news_live .vjs-control-bar{
1421
1573
  height: 4em !important;
1422
1574
  }
1423
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1575
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1424
1576
  font-size: 2.5em;
1425
1577
  line-height: 1.5;
1426
1578
  }
1427
- .video-js.skin_news .vjs-play-progress:before {
1579
+ .video-js.skin_news_live .vjs-play-progress:before {
1428
1580
  font-size: 1.2em;
1429
1581
  position: absolute;
1430
1582
  right: -0.5em;
1431
1583
  z-index: 1;
1432
1584
  }
1433
- .video-js.skin_news button.vjs-skip-button>svg{
1585
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1434
1586
  height: 20px;
1435
1587
  }
1436
- .video-js.skin_news button.vjs-big-play-button {
1588
+ .video-js.skin_news_live button.vjs-big-play-button {
1437
1589
  width: 50px !important;
1438
1590
  height: 50px !important;
1439
1591
  font-size: 2.1rem !important;
@@ -1443,17 +1595,17 @@
1443
1595
  width: 24px;
1444
1596
  height: 24px;
1445
1597
  }
1446
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1598
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1447
1599
  margin: 0 12px 0 12px;
1448
1600
  }
1449
- .video-js.skin_news .vjs-seek-to-live-text{
1601
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1450
1602
  font-size: 12px;
1451
1603
  }
1452
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1604
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1453
1605
  margin: 0 12px 0 12px;
1454
1606
  }
1455
1607
  }
1456
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1608
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1457
1609
  width: 90px;
1458
1610
  height: 90px;
1459
1611
  display: flex;
@@ -1470,7 +1622,7 @@
1470
1622
  line-height: 1.4em;
1471
1623
  }
1472
1624
 
1473
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1625
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1474
1626
  display: flex;
1475
1627
  justify-content: center;
1476
1628
  align-items: center;
@@ -1478,29 +1630,22 @@
1478
1630
  transition: width 0.1s;
1479
1631
  }
1480
1632
 
1481
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1633
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1482
1634
  display: flex;
1483
1635
  justify-content: center;
1484
1636
  align-items: center;
1485
1637
  height: 100%;
1486
1638
  transition: width 0.1s;
1487
1639
  }
1488
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1640
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1489
1641
  display: none !important;
1490
1642
  }
1491
- .video-js.skin_news .ssai-ad-container{
1492
- position: absolute;
1493
- bottom: 14px;
1494
- }
1495
1643
 
1496
1644
  @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{
1645
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1501
1646
  height: 5px !important;
1502
1647
  }
1503
- .video-js.skin_news button.vjs-big-play-button {
1648
+ .video-js.skin_news_live button.vjs-big-play-button {
1504
1649
  width: 50px !important;
1505
1650
  height: 50px !important;
1506
1651
  font-size: 2.1rem !important;
@@ -1509,546 +1654,401 @@
1509
1654
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1510
1655
  display: none;
1511
1656
  }
1512
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1657
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1513
1658
  bottom: 2.4em !important;
1514
1659
  right: -1em;
1515
1660
  z-index: 1;
1516
1661
  }
1517
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1662
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1518
1663
  display: none !important;
1519
1664
  }
1520
1665
 
1521
- .video-js.skin_news .vjs-text-track-display-ttml span {
1522
- color: white;
1523
- font-size: 13px;
1524
- background-color: black;
1525
- }
1526
- }
1527
-
1528
- .video-js.skin_news .vjs-text-track-display-ttml span {
1529
- color: white;
1530
- font-size: 16px;
1531
- background-color: black;
1532
1666
  }
1533
1667
 
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;
1536
- }
1537
-
1538
- .video-js.skin_news .vjs-text-track-display-ttml p {
1539
- font-size: 18px !important;
1668
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1669
+ width: 100% !important;
1540
1670
  }
1541
1671
 
1542
-
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 {
1672
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1673
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1545
1674
  font-size: 1.2em !important;
1546
1675
  line-height: 1.5em !important;
1547
1676
  padding: 0.2em 0.8em !important;
1548
1677
  }
1549
1678
 
1550
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1679
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1551
1680
  content: none !important;
1552
1681
  fill: none !important;
1553
1682
  filter: none !important;
1554
1683
  }
1555
1684
 
1556
- /* svg icons opacity and hover effect */
1557
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1558
- opacity: 0.7 !important;
1559
- }
1560
-
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{
1568
- opacity: 1 !important;
1569
- }
1570
-
1571
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1685
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1572
1686
  color: rgba(255, 255, 2555, 0.7)!important;
1573
1687
  }
1574
1688
 
1575
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1689
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1576
1690
  color: rgba(255, 255, 2555, 1)!important;
1577
1691
  }
1578
1692
 
1579
1693
 
1580
1694
 
1581
1695
 
1582
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1583
- font-size: 2.2em;
1584
- line-height: 2.6;
1585
- }
1586
- .video-js.skin_mini{
1587
- overflow: hidden;
1588
- }
1589
- .video-js.skin_mini .vjs-control-bar{
1590
- z-index: 1 !important;
1591
- height: 4em !important;
1592
- background: black !important;
1696
+ .video-js.skin_cn_news .vjs-control-bar {
1697
+ z-index: 1 !important;
1698
+ height: auto !important;
1699
+ padding: 0.8em 30px 0.6em;
1700
+ background: transparent !important;
1701
+ display: flex;
1702
+ flex-wrap: wrap;
1703
+ align-items: center;
1704
+ column-gap: 10px;
1593
1705
  }
1594
1706
 
1595
- .video-js.skin_mini .vjs-fade>* {
1596
- visibility: hidden !important;
1597
- opacity: 0 !important;
1598
- transition: visibility 1s, opacity 1s !important;
1599
- }
1600
1707
 
1601
- .video-js.skin_mini .custom-spaced-progress-bar {
1708
+ .video-js.skin_cn_news .vjs-control-bar::before {
1709
+ content: '';
1602
1710
  position: absolute;
1603
- width: 100%;
1604
- display: flex;
1605
- height: 0.5em;
1606
- top: -0.5em;
1711
+ left: 0;
1712
+ right: 0;
1713
+ bottom: 0;
1714
+ top: -3em;
1715
+ background: linear-gradient(
1716
+ to top,
1717
+ rgba(0, 0, 0, 0.85) 0%,
1718
+ rgba(0, 0, 0, 0.7) 40%,
1719
+ rgba(0, 0, 0, 0.55) 70%,
1720
+ rgba(0, 0, 0, 0.38) 86%,
1721
+ transparent 100%
1722
+ );
1723
+ pointer-events: none;
1724
+ z-index: -1;
1607
1725
  }
1608
1726
 
1609
- .video-js.skin_mini .vjs-progress-control {
1610
- /* left: -6px; */
1727
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1728
+ order: -1;
1729
+ flex: 0 0 100%;
1730
+ width: 80%;
1731
+ margin: 0 0 5em;
1611
1732
  position: relative;
1612
- width: 100%;
1613
- height: 0.5em;
1614
- transition: height 0.1s, top 0.1s;
1615
1733
  }
1616
1734
 
1735
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1736
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1737
+ width: auto;
1738
+ min-width: 0;
1739
+ }
1740
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1741
+ display: inline-flex;
1742
+ align-items: center;
1743
+ justify-content: center;
1744
+ height: 7em;
1745
+ padding: 0 10px;
1746
+ color: #fff;
1747
+ }
1617
1748
 
1618
-
1619
-
1620
- .video-js.skin_mini .vjs-custom-control-spacer {
1621
- display: block;
1622
- flex: 1 1 auto;
1749
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1750
+ content: none !important;
1623
1751
  }
1624
1752
 
1625
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1626
- margin: 0 0px 0 0px;
1753
+
1754
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1755
+ display: inline-flex;
1756
+ align-items: center;
1757
+ justify-content: center;
1627
1758
  }
1628
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1629
- display: none;
1759
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1760
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1761
+ width: 24px;
1762
+ height: 24px;
1763
+ display: block;
1630
1764
  }
1631
1765
 
1632
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1633
- font-size: 14px;
1634
- font-weight: 500;
1635
- align-self: center;
1636
- height: min-content;
1637
- padding: 5px 2px;
1638
- border-radius: 8px;
1639
- }
1640
1766
 
1641
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1642
- height: 5px !important;
1643
- }
1644
1767
 
1645
- .video-js.skin_mini .vjs-play-progress:before {
1646
- font-size: 1.3em;
1647
- line-height: unset;
1648
- top: -0.3333333333em;
1768
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1769
+ opacity: 1;
1649
1770
  }
1650
1771
 
1651
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1652
- display: none !important;
1653
- }
1654
1772
 
1655
- /* */
1656
- .video-js.skin_mini .vjs-mouse-display{
1657
- font-size: 1.6666666667em;
1658
- }
1659
1773
 
1660
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1661
- font-size: 1em !important;
1774
+ .video-js.skin_cn_news .vjs-volume-panel {
1775
+ margin: 0;
1776
+ display: inline-flex;
1777
+ align-items: center;
1778
+ align-self: center;
1779
+ height: 2.2em;
1780
+ min-width: 7em;
1781
+ transition: none;
1662
1782
  }
1663
-
1664
- .video-js.skin_mini .vjs-button{
1665
- width: 3em;
1783
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1784
+ width: 0;
1785
+ height: 100%;
1666
1786
  display: flex;
1667
1787
  align-items: center;
1668
- justify-content: center;
1788
+ overflow: hidden;
1789
+ opacity: 0;
1790
+ transition: width 0.15s ease, opacity 0.15s ease;
1669
1791
  }
1670
-
1671
-
1672
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1673
- .icon-maximize {
1674
- display: block;
1675
- height: 32px;
1792
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1793
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1794
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1795
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1796
+ width: 5em;
1797
+ opacity: 1;
1676
1798
  }
1677
1799
 
1678
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1679
- line-height: 4;
1800
+ .video-js.skin_cn_news .vjs-volume-bar {
1801
+ width: 4em;
1802
+ height: 0.3em;
1803
+ margin: 0 0.45em;
1680
1804
  }
1681
1805
 
1682
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1683
- .icon-minimize {
1684
- display: none;
1685
- height: 32px;
1686
- }
1687
1806
 
1688
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1689
- outline: none !important;
1690
- }
1691
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1692
- .vjs-icon-fullscreen-enter:before {
1693
- /* content: '' !important; */
1807
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1808
+ display: none !important;
1694
1809
  }
1695
1810
 
1696
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1697
- display: flex;
1698
- justify-content: center;
1699
- align-items: center;
1700
- /* transform: rotate(90deg); */
1811
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1812
+ width: 0 !important;
1701
1813
  }
1702
1814
 
1703
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1704
- display: none;
1705
- }
1706
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1707
- margin-left: -10px;
1708
- display: none;
1709
- }
1710
1815
 
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;
1816
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1817
+ display: block !important;
1818
+ flex: 1 1 auto;
1725
1819
  }
1726
1820
 
1727
- .video-js.skin_mini .skipbtn:hover{
1728
- cursor: pointer;
1729
- }
1730
1821
 
1731
- .video-js.skin_mini .rewindbtn:hover{
1732
- cursor: pointer;
1822
+ .video-js.skin_cn_news .vjs-big-play-button {
1823
+ display: none;
1733
1824
  }
1734
-
1735
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1736
- position: relative;
1737
- padding-left: 0;
1825
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1826
+ position: relative !important;
1827
+ display: flex;
1828
+ left: 0;
1829
+ top: -1px;
1738
1830
  }
1739
-
1740
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1741
- width: 40px;
1742
- height: 40px;
1831
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1743
1832
  display: flex;
1744
1833
  justify-content: center;
1745
1834
  align-items: center;
1746
- border: none;
1747
1835
  position: absolute;
1748
1836
  top: 0;
1749
1837
  left: 0;
1750
1838
  right: 0;
1751
1839
  bottom: 0;
1752
1840
  margin: auto;
1753
- font-size: 3em;
1841
+ width: 80px;
1842
+ height: 80px;
1843
+ border: none;
1844
+ border-radius: 50%;
1845
+ background: rgba(0, 0, 0, 0.55);
1846
+ font-size: 5em;
1754
1847
  line-height: 1.3em;
1755
1848
  transform: none !important;
1756
- border-radius: 1.3em;
1757
- }
1758
-
1759
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1760
- font-weight: bold;
1761
- }
1762
-
1763
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1764
- bottom: 1.1em !important;
1765
- right: 1em;
1766
- z-index: 1;
1767
- font-size: 10px;
1768
- }
1769
-
1770
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1771
- width: 24px !important;
1772
- height: 24px !important;
1773
- }
1774
- .video-js.skin_mini .settings-selector-icon>svg{
1775
- height: 19px !important;
1776
- width: 19px !important;
1777
- }
1778
-
1779
-
1780
- .video-js.skin_mini button.vjs-rewind-button{
1781
- cursor: pointer;
1782
- }
1783
-
1784
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1785
- padding-right: 0;
1786
- }
1787
-
1788
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1789
- padding-left: 0;
1790
- }
1791
-
1792
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1793
- padding-left: 0;
1794
- padding-right: 0;
1795
- display: flex;
1796
- justify-content: center;
1797
- width: min-content;
1798
1849
  }
1799
1850
 
1800
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1801
- display: none
1802
- }
1803
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1804
- display: none
1805
- }
1806
1851
 
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;
1814
- }
1815
-
1816
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1817
- display: none;
1818
- font-size: 11px;
1819
- justify-content: center;
1820
- align-items: center;
1821
- user-select: none;
1822
- }
1823
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1824
- display: none;
1852
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1853
+ height: 4px !important;
1854
+ margin: 0;
1855
+ border-radius: 20px;
1856
+ background-color: #393944;
1825
1857
  }
1826
1858
 
1827
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1828
- height: min-content;
1829
- width: min-content;
1830
- }
1831
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1832
- width: 3em;
1833
- margin-right: 4px;
1859
+ .video-js.skin_cn_news .vjs-play-progress {
1860
+ background-color: #ffffff;
1861
+ border-radius: 20px;
1834
1862
  }
1835
1863
 
1836
- .video-js.skin_mini .content{
1837
- bottom: 3.4rem !important;
1838
- right: -4rem !important;
1864
+ .video-js.skin_cn_news .vjs-load-progress,
1865
+ .video-js.skin_cn_news .vjs-load-progress div {
1866
+ background: rgba(255, 255, 255, 0.15);
1867
+ border-radius: 20px;
1839
1868
  }
1840
1869
 
1841
- .video-js.skin_mini .setting-icon > svg{
1842
- height:18px !important;
1843
- }
1844
1870
 
1845
- .output-overlay{
1871
+ .video-js.skin_cn_news .vjs-play-progress:before {
1872
+ content: '';
1873
+ width: 16px;
1874
+ height: 16px;
1875
+ border-radius: 50%;
1876
+ background: #ffffff;
1877
+ border: 2px solid rgba(0, 0, 0, 0.6);
1878
+ box-sizing: border-box;
1879
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1880
+ top: -6px;
1881
+ right: -8px;
1846
1882
  position: absolute;
1847
- bottom: 0;
1848
- height: 100%;
1849
- width: 100%;
1850
- z-index: 0;
1851
- border: 0;
1852
- pointer-events:none
1853
1883
  }
1854
-
1855
- .video-js.skin_mini iframe{
1856
- width: 100%;
1857
- height: 100%;
1884
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1885
+ display: none !important;
1858
1886
  }
1859
1887
 
1860
- .video-js.skin_mini .vjs-live-control{
1861
- align-items: center;
1862
- max-width: 5em;
1863
- }
1864
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1865
- height: 2.2em;
1866
- display: flex;
1867
- align-items: center;
1868
- font-family: monospace;
1869
- width: 4em;
1870
- justify-content: center;
1871
- background: red;
1872
- margin: 4px 0px 4px 2px;
1888
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1889
+ background: #ffffff;
1890
+ color: #0a0e17;
1891
+ font-weight: 700;
1892
+ border-radius: 3px;
1873
1893
  }
1874
1894
 
1875
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1876
- text-shadow: none;
1877
- }
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;
1895
+ .video-js.skin_cn_news .vjs-live-control {
1896
+ display: none !important;
1881
1897
  }
1882
-
1883
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1884
- height: 1.8em;
1898
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1885
1899
  display: inline-flex;
1886
1900
  align-items: center;
1887
- font-family: monospace;
1888
- 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);
1896
- }
1897
-
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;
1901
- }
1902
-
1903
-
1904
- @media(max-width:600px){
1905
- .tvProviderImage{
1906
- display: none
1907
- }
1908
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1909
- .icon-maximize {
1910
- height: 30px !important;
1911
- }
1912
-
1913
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1914
- .icon-minimize {
1915
- height: 30px !important;
1916
- }
1917
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1918
- width: 3.5em;
1919
- }
1920
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1921
- height: min-content;
1922
- }
1923
-
1924
- .video-js.skin_mini button.vjs-slowmo-button{
1925
- display: none;
1926
- }
1927
- .video-js.skin_mini button.vjs-rewind-button{
1928
- display: none;
1929
- }
1930
- .video-js.skin_mini button.vjs-rewind-button>svg{
1931
- height: 20px;
1932
- }
1933
- .video-js.skin_mini .vjs-button{
1934
- width: 3em;
1935
- }
1936
- .video-js.skin_mini .widget-selection{
1937
- display: none;
1938
- }
1939
- .video-js.skin_mini .container{
1940
- display: none !important;
1941
- }
1942
- .video-js.skin_mini .vjs-control-bar{
1943
- height: 4em !important;
1944
- }
1945
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1946
- font-size: 2.5em;
1947
- line-height: 1.5;
1948
- }
1949
- .video-js.skin_mini .vjs-play-progress:before {
1950
- font-size: 1.2em;
1951
- position: absolute;
1952
- right: -0.5em;
1953
- z-index: 1;
1954
- }
1955
- .video-js.skin_mini button.vjs-skip-button>svg{
1956
- height: 20px;
1901
+ align-self: center;
1902
+ height: 2.2em;
1903
+ gap: 5px;
1904
+ width: auto;
1905
+ padding: 0 10px;
1906
+ border: 1px solid rgba(255, 255, 255, 0.45);
1907
+ border-radius: 4px;
1908
+ cursor: pointer;
1909
+ }
1910
+ .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
1911
+ .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
1912
+ display: none;
1957
1913
  }
1958
1914
 
1959
- .stream-selector-icon>svg{
1960
- width: 24px;
1961
- height: 24px;
1915
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1916
+ display: none;
1962
1917
  }
1963
- .video-js.skin_mini .vjs-seek-to-live-text{
1964
- font-size: 12px;
1918
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1919
+ display: inline-flex;
1920
+ align-items: center;
1965
1921
  }
1922
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1923
+ content: '';
1924
+ display: inline-block;
1925
+ width: 8px;
1926
+ height: 8px;
1927
+ border-radius: 50%;
1928
+ background: #ff2d2d; /* red live dot */
1966
1929
  }
1967
-
1968
-
1969
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1970
- background-color: rgba(0, 0, 0, 0.2);
1930
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1931
+ color: #ffffff;
1932
+ font-weight: 700;
1933
+ font-size: 12px;
1934
+ letter-spacing: 0.03em;
1971
1935
  }
1972
1936
 
1973
-
1974
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1975
- display: flex;
1976
- justify-content: center;
1977
- align-items: center;
1978
- height: 100%;
1979
- transition: width 0.1s;
1937
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1938
+ border-color: transparent;
1980
1939
  }
1981
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1982
- margin: 2px;
1940
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1941
+ color: #ff2d2d;
1983
1942
  }
1984
1943
 
1985
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1986
- display: flex;
1987
- justify-content: center;
1944
+ /* ---- time controls ---- */
1945
+ .video-js.skin_cn_news .vjs-current-time,
1946
+ .video-js.skin_cn_news .vjs-duration,
1947
+ .video-js.skin_cn_news .vjs-time-divider {
1948
+ display: none;
1988
1949
  align-items: center;
1989
- height: 100%;
1990
- transition: width 0.1s;
1950
+ font-size: 12px;
1951
+ font-weight: 700;
1952
+ color: #fff;
1953
+ user-select: none;
1991
1954
  }
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;
1955
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
1956
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
1957
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
1958
+ display: flex;
2000
1959
  }
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%;
1960
+ .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
1961
+ padding-right: 0;
2006
1962
  }
2007
- .video-js.skin_mini .vjs-text-track-settings fieldset{
2008
- margin: 4px 0;
1963
+ .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
1964
+ padding-left: 0;
2009
1965
  }
2010
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
2011
- display: block;
2012
- padding: 0 0 6px;
1966
+ .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
1967
+ padding: 0 4px;
1968
+ min-width: 0;
1969
+ width: auto;
2013
1970
  }
2014
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
2015
- max-width: 100%;
1971
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1972
+ display: none;
1973
+ align-items: center;
1974
+ justify-content: center;
1975
+ font-size: 11px;
1976
+ font-weight: 700;
1977
+ color: #fff;
1978
+ padding: 0 6px;
1979
+ user-select: none;
2016
1980
  }
2017
1981
 
2018
- @media (max-width: 600px) {
2019
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
2020
- height: 5px !important;
2021
- }
2022
-
2023
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2024
- display: none;
2025
- }
2026
1982
 
1983
+ .video-js.skin_cn_news .vjs-chapter-marker {
1984
+ z-index: 2;
1985
+ width: var(--vl-chapter-size, 8px);
1986
+ height: var(--vl-chapter-size, 8px);
1987
+ top: 50%;
1988
+ bottom: auto;
1989
+ background: var(--vl-chapter-color, #ffffff);
1990
+ opacity: var(--vl-chapter-opacity, 1);
1991
+ border-radius: 50%;
1992
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1993
+ transform: translate(-50%, -50%) scale(1);
1994
+ transition: background-color 0.12s ease;
2027
1995
  }
2028
-
2029
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
2030
- content: none !important;
2031
- fill: none !important;
2032
- filter: none !important;
1996
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1997
+ background: var(--vl-chapter-hover, #0a5cff);
2033
1998
  }
2034
-
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;
1999
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
2000
+ background: var(--vl-chapter-active, #0a5cff);
2038
2001
  }
2039
2002
 
2040
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2041
- opacity: 1 !important;
2042
- }
2043
2003
 
2044
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2045
- color: rgba(255, 255, 2555, 0.7)!important;
2004
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
2005
+ width: 16px;
2006
+ height: 16px;
2007
+ bottom: 160%;
2008
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
2046
2009
  }
2047
2010
 
2048
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2049
- color: rgba(255, 255, 2555, 1)!important;
2011
+
2012
+ .video-js.skin_cn_news .vjs-chapter-preview {
2013
+ background: var(--vl-chapter-tooltip, #0a5cff);
2014
+ border-radius: 6px;
2015
+ padding: 8px 10px;
2016
+ width: max-content;
2017
+ max-width: 300px;
2018
+ text-align: left;
2019
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
2020
+ }
2021
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
2022
+ color: #ffffff;
2023
+ font-size: 13px;
2024
+ font-weight: 400;
2025
+ margin-bottom: 2px;
2026
+ }
2027
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
2028
+ color: #ffffff;
2029
+ font-size: 13px;
2030
+ font-weight: 400;
2031
+ line-height: 1.3;
2032
+ white-space: normal;
2033
+ text-align: left;
2034
+ }
2035
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2036
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2050
2037
  }
2051
2038
 
2039
+ /* ---- responsive ---- */
2040
+ @media (max-width: 576px) {
2041
+ .video-js.skin_cn_news .vjs-control-bar {
2042
+ height: 3.2em !important;
2043
+ padding: 0 8px;
2044
+ }
2045
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2046
+ padding: 0 6px;
2047
+ }
2048
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2049
+ display: none !important;
2050
+ }
2051
+ }
2052
2052
 
2053
2053
  /* CSS for videojs-dvr-seekbar */
2054
2054
 
@@ -2232,6 +2232,7 @@
2232
2232
 
2233
2233
 
2234
2234
 
2235
+
2235
2236
  .video-js .multicamera-parent.default{
2236
2237
  height: 345px;
2237
2238
  position: absolute;
@@ -2311,7 +2312,6 @@
2311
2312
  }
2312
2313
 
2313
2314
 
2314
-
2315
2315
  .vjs-custom-big-mute.vjs-control{
2316
2316
  position: absolute;
2317
2317
  align-items: center;
@@ -2730,38 +2730,6 @@
2730
2730
  z-index: 30 !important;
2731
2731
  }
2732
2732
 
2733
- /* a wrapper element that tracks the mouse vertically */
2734
- .vjs-thumbnail-holder {
2735
- position: absolute;
2736
- left: -1000px;
2737
- }
2738
-
2739
- /* the thumbnail image itself */
2740
- .vjs-thumbnail {
2741
- position: absolute;
2742
- left: 0;
2743
- bottom: 1.3em;
2744
- opacity: 0;
2745
- transition: opacity .2s ease;
2746
- -webkit-transition: opacity .2s ease;
2747
- -moz-transition: opacity .2s ease;
2748
- -mz-transition: opacity .2s ease;
2749
- }
2750
-
2751
- /* fade in the thumbnail when hovering over the progress bar */
2752
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2753
- .vjs-progress-control:hover .vjs-thumbnail,
2754
- .vjs-progress-control.fake-active .vjs-thumbnail,
2755
- .vjs-progress-control:active .vjs-thumbnail {
2756
- opacity: 1;
2757
- }
2758
-
2759
- /* ... but hide the thumbnail when hovering directly over it */
2760
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2761
- .vjs-progress-control:active .vjs-thumbnail:active {
2762
- opacity: 0;
2763
- }
2764
-
2765
2733
  .video-js.vjs-quality-menu {
2766
2734
  display: block;
2767
2735
  }
@@ -2841,6 +2809,38 @@
2841
2809
  .video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content::-webkit-scrollbar{
2842
2810
  display: none;
2843
2811
  }
2812
+ /* a wrapper element that tracks the mouse vertically */
2813
+ .vjs-thumbnail-holder {
2814
+ position: absolute;
2815
+ left: -1000px;
2816
+ }
2817
+
2818
+ /* the thumbnail image itself */
2819
+ .vjs-thumbnail {
2820
+ position: absolute;
2821
+ left: 0;
2822
+ bottom: 1.3em;
2823
+ opacity: 0;
2824
+ transition: opacity .2s ease;
2825
+ -webkit-transition: opacity .2s ease;
2826
+ -moz-transition: opacity .2s ease;
2827
+ -mz-transition: opacity .2s ease;
2828
+ }
2829
+
2830
+ /* fade in the thumbnail when hovering over the progress bar */
2831
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2832
+ .vjs-progress-control:hover .vjs-thumbnail,
2833
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2834
+ .vjs-progress-control:active .vjs-thumbnail {
2835
+ opacity: 1;
2836
+ }
2837
+
2838
+ /* ... but hide the thumbnail when hovering directly over it */
2839
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2840
+ .vjs-progress-control:active .vjs-thumbnail:active {
2841
+ opacity: 0;
2842
+ }
2843
+
2844
2844
  .vjs-poster {
2845
2845
  display: inline-block;
2846
2846
  vertical-align: middle;
@@ -2889,6 +2889,10 @@
2889
2889
  .video-js.skin_news,
2890
2890
  .video-js.skin_news_live { --vlp-caption-bottom: 5.2em; }
2891
2891
  .video-js.skin_defaultv2 { --vlp-caption-bottom: 6.2em; }
2892
+ .video-js.skin_cn_news { --vlp-caption-bottom: 14em; }
2893
+ @media (max-width: 576px) {
2894
+ .video-js.skin_cn_news { --vlp-caption-bottom: 4em; }
2895
+ }
2892
2896
 
2893
2897
 
2894
2898
  .video-js .vjs-text-track-display-ttml span {
@@ -2907,6 +2911,19 @@
2907
2911
  transform: translateY(0) !important;
2908
2912
  }
2909
2913
 
2914
+ .video-js.skin_cn_news video::-webkit-media-text-track-display {
2915
+ transform: translateY(-150px);
2916
+ }
2917
+ .video-js.skin_cn_news.vjs-controls-disabled video::-webkit-media-text-track-display,
2918
+ .video-js.skin_cn_news.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
2919
+ transform: translateY(-1.5em);
2920
+ }
2921
+ @media (max-width: 576px) {
2922
+ .video-js.skin_cn_news video::-webkit-media-text-track-display {
2923
+ transform: translateY(-3em);
2924
+ }
2925
+ }
2926
+
2910
2927
  .video-js .vjs-text-track-settings select {
2911
2928
  box-sizing: border-box;
2912
2929
  padding-right: 1.4em;