@viewlift/player-backup 2.0.376-backup → 2.0.377-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 (118) hide show
  1. package/cjs/{autoNextVideo-d014b6e0.js → autoNextVideo-970d7952.js} +1 -1
  2. package/cjs/bundle.css +1330 -1175
  3. package/cjs/{features-8a3c29d7.js → features-911c3816.js} +1 -1
  4. package/cjs/generic-118f7ebd.js +1 -0
  5. package/cjs/{index-f3f48477.js → index-50f15aa6.js} +1 -1
  6. package/cjs/{index-24bf35bd.js → index-6133b444.js} +1 -1
  7. package/cjs/{index-f3d67a94.js → index-aa64a6c0.js} +1 -1
  8. package/cjs/{index-03fa3832.js → index-c52abe27.js} +1 -1
  9. package/cjs/{index-03d65bd4.js → index-de9db53d.js} +1 -1
  10. package/cjs/index.js +1 -1
  11. package/cjs/multicamv2-e88d0dc2.js +1 -0
  12. package/cjs/multicamv2-f17375d7.js +1 -0
  13. package/cjs/nextEpisodeButton-551faeb3.js +1 -0
  14. package/cjs/playerControlEvents-db923a5c.js +1 -0
  15. package/cjs/playlist-f0a6659a.js +1 -0
  16. package/cjs/series-47045f7e.js +1 -0
  17. package/cjs/series-v2-5ce609b4.js +1 -0
  18. package/cjs/series-v2-cf79269e.js +1 -0
  19. package/cjs/skin-237f8d4f.js +1 -0
  20. package/cjs/skin-3a43f138.js +1 -0
  21. package/cjs/skin-425c1322.js +1 -0
  22. package/cjs/skin-a9a5a925.js +1 -0
  23. package/cjs/skin-b11e1757.js +1 -0
  24. package/cjs/skin-c49d50b6.js +1 -0
  25. package/cjs/skin-dbff0922.js +1 -0
  26. package/cjs/skin-dc3525c7.js +1 -0
  27. package/cjs/skin-ebab1e3f.js +1 -0
  28. package/cjs/skin-f7c4ead4.js +1 -0
  29. package/cjs/videoSelector-607de014.js +1 -0
  30. package/cjs/videoSelector-f4eb61cd.js +1 -0
  31. package/esm/{autoNextVideo-b2ddf881.js → autoNextVideo-c9d22cb4.js} +1 -1
  32. package/esm/{browser-de5f6a74.js → browser-02f174cf.js} +1 -1
  33. package/esm/bundle.css +1330 -1175
  34. package/esm/{features-9e2baef8.js → features-8b0d92d7.js} +1 -1
  35. package/esm/generic-6871d7d1.js +1 -0
  36. package/esm/{index-73e46c45.js → index-18292507.js} +1 -1
  37. package/esm/{index-a9c6d5d8.js → index-3addf20e.js} +1 -1
  38. package/esm/{index-332dbf74.js → index-9f2bf24a.js} +1 -1
  39. package/esm/{index-3b81e5fe.js → index-cef05213.js} +1 -1
  40. package/esm/{index-f9920e5f.js → index-e9e43270.js} +1 -1
  41. package/esm/index.js +1 -1
  42. package/esm/multicamv2-1bd7f8c5.js +1 -0
  43. package/esm/multicamv2-1e925995.js +1 -0
  44. package/esm/nextEpisodeButton-f1a025e4.js +1 -0
  45. package/esm/playerControlEvents-26580023.js +1 -0
  46. package/esm/playlist-2012e5ef.js +1 -0
  47. package/esm/{resolution-2e9ad83f.js → resolution-847a299c.js} +1 -1
  48. package/esm/series-8f854466.js +1 -0
  49. package/esm/series-v2-4ada8ab6.js +1 -0
  50. package/esm/series-v2-f28041a6.js +1 -0
  51. package/esm/{settings-icon-43390aef.js → settings-icon-c188c46d.js} +1 -1
  52. package/esm/skin-30a7f835.js +1 -0
  53. package/esm/skin-30a90635.js +1 -0
  54. package/esm/skin-66b334cd.js +1 -0
  55. package/esm/skin-74348872.js +1 -0
  56. package/esm/skin-7bdb21cf.js +1 -0
  57. package/esm/skin-85e8dcbb.js +1 -0
  58. package/esm/skin-be4ea9e2.js +1 -0
  59. package/esm/skin-c16b40b9.js +1 -0
  60. package/esm/skin-d6417c01.js +1 -0
  61. package/esm/skin-f0b7e11c.js +1 -0
  62. package/esm/src/components/chapters/timelineMapper.d.ts +1 -0
  63. package/esm/src/features/dvrStartOver/helpers.d.ts +41 -0
  64. package/esm/src/features/dvrStartOver/helpers.test.d.ts +1 -0
  65. package/esm/src/features/dvrStartOver/index.d.ts +47 -0
  66. package/esm/src/features/dvrStartOver/index.test.d.ts +1 -0
  67. package/esm/src/helpers/playerControlEvents.d.ts +1 -0
  68. package/esm/src/helpers/playerControlEvents.test.d.ts +1 -0
  69. package/esm/src/helpers/token.d.ts +1 -0
  70. package/esm/src/index.d.ts +2 -0
  71. package/esm/src/utilities/beacon.d.ts +33 -4
  72. package/esm/src/utilities/beacon.test.d.ts +1 -0
  73. package/esm/src/utilities/beaconHelpers.d.ts +62 -0
  74. package/esm/videoSelector-435aa016.js +1 -0
  75. package/esm/videoSelector-48a4e382.js +1 -0
  76. package/package.json +1 -1
  77. package/cjs/generic-4ae5602c.js +0 -1
  78. package/cjs/multicamv2-aebcf40b.js +0 -1
  79. package/cjs/multicamv2-d8d221dd.js +0 -1
  80. package/cjs/nextEpisodeButton-d95e7bdc.js +0 -1
  81. package/cjs/playerControlEvents-0512f252.js +0 -1
  82. package/cjs/playlist-b2f07413.js +0 -1
  83. package/cjs/series-7c67fc81.js +0 -1
  84. package/cjs/series-v2-3968ecf4.js +0 -1
  85. package/cjs/series-v2-78f6b95a.js +0 -1
  86. package/cjs/skin-0517c551.js +0 -1
  87. package/cjs/skin-102cabb5.js +0 -1
  88. package/cjs/skin-1f210273.js +0 -1
  89. package/cjs/skin-3bb8a9bf.js +0 -1
  90. package/cjs/skin-3db6272d.js +0 -1
  91. package/cjs/skin-431b10b8.js +0 -1
  92. package/cjs/skin-6463d5b1.js +0 -1
  93. package/cjs/skin-65de5d2e.js +0 -1
  94. package/cjs/skin-914eb9db.js +0 -1
  95. package/cjs/skin-d519da59.js +0 -1
  96. package/cjs/videoSelector-b732a762.js +0 -1
  97. package/cjs/videoSelector-f43303bd.js +0 -1
  98. package/esm/generic-eb13663c.js +0 -1
  99. package/esm/multicamv2-7d1ffd86.js +0 -1
  100. package/esm/multicamv2-e3c0d0d9.js +0 -1
  101. package/esm/nextEpisodeButton-11b1fa06.js +0 -1
  102. package/esm/playerControlEvents-96ef1a5d.js +0 -1
  103. package/esm/playlist-cb04c889.js +0 -1
  104. package/esm/series-ac134521.js +0 -1
  105. package/esm/series-v2-06f521ce.js +0 -1
  106. package/esm/series-v2-37717af4.js +0 -1
  107. package/esm/skin-2afe6ef1.js +0 -1
  108. package/esm/skin-341b9a62.js +0 -1
  109. package/esm/skin-56f99a67.js +0 -1
  110. package/esm/skin-6e0916ac.js +0 -1
  111. package/esm/skin-7aa5e4f5.js +0 -1
  112. package/esm/skin-7f5ab942.js +0 -1
  113. package/esm/skin-977f1785.js +0 -1
  114. package/esm/skin-a55e8e1d.js +0 -1
  115. package/esm/skin-ab1fba9b.js +0 -1
  116. package/esm/skin-fd6cbbf4.js +0 -1
  117. package/esm/videoSelector-0391e90b.js +0 -1
  118. package/esm/videoSelector-6c8f29bd.js +0 -1
package/esm/bundle.css CHANGED
@@ -1,8 +1,6 @@
1
1
 
2
2
 
3
3
 
4
-
5
-
6
4
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
7
5
  height: 0.7em !important;
8
6
  position: absolute !important;
@@ -210,1030 +208,873 @@
210
208
  .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
211
209
  text-decoration: underline;
212
210
  }
213
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
214
- font-size: 2.2em;
215
- line-height: 2.6;
216
- }
217
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
218
- background: white;
219
- }
220
- .video-js.skin_news .vjs-control-bar{
221
- z-index: 1 !important;
222
- height: 5em !important;
223
- background: black !important;
224
- }
225
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
211
+
212
+
213
+
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;
226
219
  display: flex;
220
+ flex-wrap: wrap;
227
221
  align-items: center;
228
- justify-content: center;
222
+ column-gap: 10px;
229
223
  }
230
224
 
231
- .video-js.skin_news .vjs-fade>* {
232
- visibility: hidden !important;
233
- opacity: 0 !important;
234
- transition: visibility 1s, opacity 1s !important;
235
- }
236
225
 
237
- .video-js.skin_news .custom-spaced-progress-bar {
226
+ .video-js.skin_cn_news .vjs-control-bar::before {
227
+ content: '';
238
228
  position: absolute;
239
- width: 100%;
240
- display: flex;
241
- height: 0.5em;
242
- top: -0.5em;
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;
243
243
  }
244
244
 
245
- .video-js.skin_news .vjs-progress-control {
246
- /* left: -6px; */
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;
247
250
  position: relative;
248
- width: 100%;
249
- height: 0.5em;
250
- transition: height 0.1s, top 0.1s;
251
251
  }
252
252
 
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
+ }
253
266
 
254
-
255
-
256
- .video-js.skin_news .vjs-custom-control-spacer {
257
- display: block;
258
- flex: 1 1 auto;
267
+ .video-js.skin_cn_news .vjs-svg-icon::before {
268
+ content: none !important;
259
269
  }
260
270
 
261
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
262
- margin: 0 0px 0 0px;
271
+
272
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
273
+ display: inline-flex;
274
+ align-items: center;
275
+ justify-content: center;
263
276
  }
264
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
265
- display: none;
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;
281
+ display: block;
266
282
  }
267
283
 
268
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
269
- font-size: 14px;
270
- font-weight: 500;
271
- align-self: center;
272
- height: min-content;
273
- padding: 5px 2px;
274
- border-radius: 8px;
275
- }
276
284
 
277
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
278
- height: 6px !important;
279
- }
280
285
 
281
- .video-js.skin_news .vjs-play-progress:before {
282
- font-size: 1.5em;
283
- line-height: unset;
284
- top: -0.3333333333em;
286
+ .video-js.skin_cn_news .vjs-subs-caps-button {
287
+ opacity: 1;
285
288
  }
286
289
 
287
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
288
- display: none !important;
289
- }
290
290
 
291
- /* */
292
- .video-js.skin_news .vjs-mouse-display{
293
- font-size: 1.6666666667em;
294
- }
295
291
 
296
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
297
- font-size: 1em !important;
292
+ .video-js.skin_cn_news .vjs-volume-panel {
293
+ margin: 0;
294
+ display: inline-flex;
295
+ align-items: center;
296
+ align-self: center;
297
+ height: 2.2em;
298
+ min-width: 7em;
299
+ transition: none;
298
300
  }
299
-
300
- .video-js.skin_news .vjs-button{
301
- width: 5.3em;
301
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
302
+ width: 0;
303
+ height: 100%;
302
304
  display: flex;
303
305
  align-items: center;
304
- justify-content: 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;
316
+ }
317
+
318
+ .video-js.skin_cn_news .vjs-volume-bar {
319
+ width: 4em;
320
+ height: 0.3em;
321
+ margin: 0 0.45em;
305
322
  }
306
323
 
307
324
 
308
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
309
- .icon-maximize {
310
- display: block;
311
- height: 32px;
325
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
326
+ display: none !important;
312
327
  }
313
328
 
314
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
315
- line-height: 4;
329
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
330
+ width: 0 !important;
316
331
  }
317
332
 
318
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
319
- .icon-minimize {
320
- display: none;
321
- height: 32px;
333
+
334
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
335
+ display: block !important;
336
+ flex: 1 1 auto;
322
337
  }
323
338
 
324
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
325
- outline: none !important;
339
+
340
+ .video-js.skin_cn_news .vjs-big-play-button {
341
+ display: none;
326
342
  }
327
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
328
- .vjs-icon-fullscreen-enter:before {
329
- /* content: '' !important; */
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;
330
348
  }
331
-
332
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
349
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
333
350
  display: flex;
334
351
  justify-content: center;
335
352
  align-items: center;
336
- /* transform: rotate(90deg); */
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;
337
367
  }
338
368
 
339
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
340
- display: none;
341
- }
342
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
343
- margin-left: -10px;
344
- }
345
369
 
346
- .video-js.skin_news .skipbtn:hover{
347
- cursor: pointer;
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;
348
375
  }
349
376
 
350
- .video-js.skin_news .rewindbtn:hover{
351
- cursor: pointer;
377
+ .video-js.skin_cn_news .vjs-play-progress {
378
+ background-color: #ffffff;
379
+ border-radius: 20px;
352
380
  }
353
381
 
354
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
355
- position: relative;
356
- padding-left: 0;
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;
357
386
  }
358
387
 
359
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
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;
401
+ }
402
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
360
403
  display: none !important;
361
404
  }
362
405
 
363
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
364
- width: 90px;
365
- height: 90px;
366
- display: flex;
367
- justify-content: center;
368
- align-items: center;
369
- border-radius: 50%;
370
- position: absolute;
371
- top: 0;
372
- left: 0;
373
- right: 0;
374
- bottom: 0;
375
- margin: auto;
376
- font-size: 6em;
377
- line-height: 1.4em;
378
- border: 0.05em solid;
379
- color: inherit;
380
- }
381
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
382
- font-weight: bold;
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;
383
411
  }
384
412
 
385
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
386
- bottom: 2.4em !important;
387
- right: -1em;
388
- z-index: 1;
413
+ .video-js.skin_cn_news .vjs-live-control {
414
+ display: none !important;
389
415
  }
390
-
391
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
392
- width: 24px !important;
393
- height: 24px !important;
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;
426
+ cursor: pointer;
394
427
  }
395
- .settings-selector-icon>svg{
396
- height: 19px !important;
397
- width: 19px !important;
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;
398
431
  }
399
432
 
433
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
434
+ display: none;
435
+ }
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;
439
+ }
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 */
447
+ }
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;
453
+ }
400
454
 
401
- .video-js.skin_news button.vjs-rewind-button{
402
- cursor: pointer;
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;
403
460
  }
404
461
 
405
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
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;
472
+ }
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;
477
+ }
478
+ .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
406
479
  padding-right: 0;
407
480
  }
408
-
409
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
481
+ .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
410
482
  padding-left: 0;
411
483
  }
412
-
413
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
414
- padding-left: 0;
415
- padding-right: 0;
416
- display: flex;
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;
417
492
  justify-content: center;
418
- width: min-content;
493
+ font-size: 11px;
494
+ font-weight: 700;
495
+ color: #fff;
496
+ padding: 0 6px;
497
+ user-select: none;
419
498
  }
420
499
 
421
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
422
- display: none
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;
423
513
  }
424
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
425
- display: none
514
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
515
+ background: var(--vl-chapter-hover, #0a5cff);
516
+ }
517
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
518
+ background: var(--vl-chapter-active, #0a5cff);
426
519
  }
427
520
 
428
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
429
- display: flex;
430
- align-items: center;
431
- font-weight: 700;
432
- font-size: 12px;
433
- min-width: 1.2em;
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));
434
527
  }
435
528
 
436
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
437
- display: none;
438
- font-size: 11px;
439
- justify-content: center;
440
- align-items: center;
441
- user-select: none;
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);
442
538
  }
443
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
444
- display: none;
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;
445
544
  }
446
-
447
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
448
- height: min-content;
449
- width: min-content;
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;
450
552
  }
451
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
452
- width: 6em;
553
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
554
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
453
555
  }
454
556
 
455
- .video-js.skin_news .content{
456
- bottom: 3.4rem !important;
457
- right: -4rem !important;
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
+ }
458
569
  }
459
570
 
460
- .setting-icon > svg{
461
- height:18px !important;
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;
577
+ }
578
+ .video-js.skin_news_live .vjs-control-bar{
579
+ z-index: 1 !important;
580
+ height: 5em !important;
581
+ background: black !important;
582
+ }
583
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
584
+ display: flex;
585
+ align-items: center;
586
+ justify-content: center;
462
587
  }
463
588
 
464
- .output-overlay{
589
+ .video-js.skin_news_live .vjs-fade>* {
590
+ visibility: hidden !important;
591
+ opacity: 0 !important;
592
+ transition: visibility 1s, opacity 1s !important;
593
+ }
594
+
595
+ .video-js.skin_news_live .custom-spaced-progress-bar {
465
596
  position: absolute;
466
- bottom: 0;
467
- height: 100%;
468
597
  width: 100%;
469
- z-index: 0;
470
- border: 0;
471
- pointer-events:none
598
+ display: flex;
599
+ height: 0.5em;
600
+ top: -0.5em;
472
601
  }
473
602
 
474
- .video-js.skin_news iframe{
603
+ .video-js.skin_news_live .vjs-progress-control {
604
+ /* left: -6px; */
605
+ position: relative;
475
606
  width: 100%;
476
- height: 100%;
607
+ height: 0.5em;
608
+ transition: height 0.1s, top 0.1s;
477
609
  }
478
610
 
479
- .video-js.skin_news .vjs-live-control{
480
- align-items: center;
611
+ .video-js.skin_news_live .vjs-volume-panel{
612
+ min-width: 5.3em;
481
613
  }
482
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
483
- height: 2.2em;
484
- display: flex;
485
- align-items: center;
486
- font-family: monospace;
487
- width: 4em;
488
- justify-content: center;
489
- background: red;
490
- margin: 4px 0px 4px 12px;
614
+
615
+
616
+
617
+ .video-js.skin_news_live .vjs-custom-control-spacer {
618
+ /* display: block; */
619
+ /* flex: 1 1 auto; */
491
620
  }
492
621
 
493
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
494
- text-shadow: none;
622
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
623
+ margin: 0 0px 0 0px;
495
624
  }
496
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
625
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
497
626
  display: none;
498
- font-size: 12px;
499
627
  }
500
628
 
501
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
502
- height: 2.2em;
503
- display: inline-flex;
504
- align-items: center;
505
- /* font-family: monospace; */
506
- justify-content: center;
507
- border: 2px solid;
508
- margin: 4px 0px 4px 6px;
509
- white-space: pre;
510
- padding: 0px 6px;
511
- font-size: 1.2em;
629
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
630
+ font-size: 14px;
512
631
  font-weight: 500;
513
- color: rgba(255, 255, 2555, 0.7);
514
-
515
- letter-spacing: -.1px;
516
- line-height: normal;
517
- text-transform: uppercase;
518
- color: #FFFFFF;
519
- opacity: .7;
520
- font-family: "Proxima Nova";
632
+ align-self: center;
633
+ height: min-content;
634
+ padding: 5px 2px;
635
+ border-radius: 8px;
521
636
  }
522
637
 
523
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
524
- opacity: 1;
638
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
639
+ height: 6px !important;
525
640
  }
526
641
 
527
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
528
- content: "NOT LIVE";
642
+ .video-js.skin_news_live .vjs-play-progress:before {
643
+ font-size: 1.5em;
644
+ line-height: unset;
645
+ top: -0.3333333333em;
529
646
  }
530
647
 
531
- .settings-selection.vjs-control.vjs-button{
532
- display: flex !important;
648
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
649
+ display: none !important;
533
650
  }
534
651
 
535
- @media(max-width:576px){
536
- .settings-selection.vjs-control.vjs-button{
537
- display: none !important;
538
- }
652
+ /* */
653
+ .video-js.skin_news_live .vjs-mouse-display{
654
+ font-size: 1.6666666667em;
539
655
  }
540
656
 
657
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
658
+ font-size: 1em !important;
659
+ }
541
660
 
542
- @media(max-width:576px){
543
- .tvProviderImage{
544
- display: none
545
- }
546
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
547
- .icon-maximize {
548
- height: 30px !important;
549
- }
661
+ .video-js.skin_news_live .vjs-button{
662
+ width: 5.3em;
663
+ display: flex;
664
+ align-items: center;
665
+ justify-content: center;
666
+ }
550
667
 
551
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
552
- .icon-minimize {
553
- height: 30px !important;
554
- }
555
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
556
- width: 4.5em;
557
- }
558
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
559
- height: min-content;
560
- }
561
668
 
562
- .video-js.skin_news button.vjs-slowmo-button{
563
- display: none;
564
- }
565
- .video-js.skin_news button.vjs-rewind-button{
566
- display: none;
567
- }
568
- .video-js.skin_news button.vjs-rewind-button>svg{
569
- height: 20px;
570
- }
571
- .video-js.skin_news .vjs-button{
572
- width: 4.8em;
573
- }
574
- .video-js.skin_news .widget-selection{
575
- display: none;
576
- }
577
- .video-js.skin_news .container{
578
- display: none !important;
579
- }
580
- .video-js.skin_news .vjs-control-bar{
581
- height: 4em !important;
582
- }
583
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
584
- font-size: 2.5em;
585
- line-height: 1.5;
586
- }
587
- .video-js.skin_news .vjs-play-progress:before {
588
- font-size: 1.2em;
589
- position: absolute;
590
- right: -0.5em;
591
- z-index: 1;
592
- }
593
- .video-js.skin_news button.vjs-skip-button>svg{
594
- height: 20px;
595
- }
596
- .video-js.skin_news button.vjs-big-play-button {
597
- width: 50px !important;
598
- height: 50px !important;
599
- font-size: 2.1rem !important;
669
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
670
+ .icon-maximize {
671
+ display: block;
672
+ height: 32px;
600
673
  }
601
674
 
602
- .stream-selector-icon>svg{
603
- width: 24px;
604
- height: 24px;
605
- }
606
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
607
- margin: 0 12px 0 12px;
608
- }
609
- .video-js.skin_news .vjs-seek-to-live-text{
610
- font-size: 12px;
675
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
676
+ line-height: 4;
611
677
  }
612
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
613
- margin: 0 12px 0 12px;
678
+
679
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
680
+ .icon-minimize {
681
+ display: none;
682
+ height: 32px;
614
683
  }
684
+
685
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
686
+ outline: none !important;
687
+ /* flex: 1; */
615
688
  }
616
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
617
- width: 90px;
618
- height: 90px;
689
+ .video-js.skin_news_live .vjs-play-toggle-container{
619
690
  display: flex;
691
+ flex: 1;
620
692
  justify-content: center;
621
- align-items: center;
622
- border-radius: 50%;
623
- position: absolute;
624
- top: 0;
625
- left: 0;
626
- right: 0;
627
- bottom: 0;
628
- margin: auto;
629
- font-size: 6em;
630
- line-height: 1.4em;
631
693
  }
632
694
 
633
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
634
- display: flex;
635
- justify-content: center;
636
- align-items: center;
637
- height: 100%;
638
- transition: width 0.1s;
695
+
696
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
697
+ .vjs-icon-fullscreen-enter:before {
698
+ /* content: '' !important; */
639
699
  }
640
700
 
641
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
701
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
642
702
  display: flex;
643
703
  justify-content: center;
644
704
  align-items: center;
645
- height: 100%;
646
- transition: width 0.1s;
705
+ /* transform: rotate(90deg); */
647
706
  }
648
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
649
- display: none !important;
707
+
708
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
709
+ display: none;
650
710
  }
651
- .video-js.skin_news .ssai-ad-container{
652
- position: absolute;
653
- bottom: 14px;
711
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
712
+ margin-left: -10px;
654
713
  }
655
714
 
656
- @media (max-width: 576px) {
657
- .video-js.skin_news .ssai-ad-container{
658
- bottom: 2px;
659
- }
660
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
661
- height: 5px !important;
662
- }
663
- .video-js.skin_news button.vjs-big-play-button {
664
- width: 50px !important;
665
- height: 50px !important;
666
- font-size: 2.1rem !important;
667
- }
668
-
669
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
670
- display: none;
671
- }
672
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
673
- bottom: 2.4em !important;
674
- right: -1em;
675
- z-index: 1;
715
+ .video-js.skin_news_live .skipbtn:hover{
716
+ cursor: pointer;
676
717
  }
677
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
678
- display: none !important;
679
- }
680
718
 
681
- .video-js.skin_news .vjs-text-track-display-ttml span {
682
- color: white;
683
- font-size: 13px;
684
- background-color: black;
685
- }
719
+ .video-js.skin_news_live .rewindbtn:hover{
720
+ cursor: pointer;
686
721
  }
687
722
 
688
- .video-js.skin_news .vjs-text-track-display-ttml span {
689
- color: white;
690
- font-size: 16px;
691
- background-color: black;
723
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
724
+ position: relative;
725
+ padding-left: 0;
692
726
  }
693
727
 
694
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
695
- margin-bottom: 2rem !important;
728
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
729
+ display: none !important;
696
730
  }
697
731
 
698
- .video-js.skin_news .vjs-text-track-display-ttml p {
699
- font-size: 18px !important;
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;
700
750
  }
701
-
702
-
703
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
704
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
705
- font-size: 1.2em !important;
706
- line-height: 1.5em !important;
707
- padding: 0.2em 0.8em !important;
751
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
752
+ font-weight: bold;
708
753
  }
709
754
 
710
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
711
- content: none !important;
712
- fill: none !important;
713
- filter: none !important;
755
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
756
+ bottom: 2.4em !important;
757
+ right: -1em;
758
+ z-index: 1;
714
759
  }
715
760
 
716
- /* svg icons opacity and hover effect */
717
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
718
- opacity: 0.7 !important;
719
- }
720
-
721
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
722
- opacity: 1 !important;
723
- }
724
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
725
- opacity: 0.7 !important;
761
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
762
+ width: 24px !important;
763
+ height: 24px !important;
726
764
  }
727
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
728
- opacity: 1 !important;
765
+ .settings-selector-icon>svg{
766
+ height: 19px !important;
767
+ width: 19px !important;
729
768
  }
730
769
 
731
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
732
- color: rgba(255, 255, 2555, 0.7)!important;
733
- }
734
770
 
735
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
736
- color: rgba(255, 255, 2555, 1)!important;
771
+ .video-js.skin_news_live button.vjs-rewind-button{
772
+ cursor: pointer;
737
773
  }
738
774
 
739
-
740
-
741
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
742
- font-size: 2.2em;
743
- line-height: 2.6;
744
- }
745
- .video-js.skin_mini{
746
- overflow: hidden;
747
- }
748
- .video-js.skin_mini .vjs-control-bar{
749
- z-index: 1 !important;
750
- height: 4em !important;
751
- background: black !important;
775
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
776
+ padding-right: 0;
777
+ display: none;
752
778
  }
753
779
 
754
- .video-js.skin_mini .vjs-fade>* {
755
- visibility: hidden !important;
756
- opacity: 0 !important;
757
- transition: visibility 1s, opacity 1s !important;
780
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
781
+ padding-left: 0;
782
+ display: none;
758
783
  }
759
784
 
760
- .video-js.skin_mini .custom-spaced-progress-bar {
761
- position: absolute;
762
- width: 100%;
763
- display: flex;
764
- height: 0.5em;
765
- top: -0.5em;
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;
766
789
  }
767
790
 
768
- .video-js.skin_mini .vjs-progress-control {
769
- /* left: -6px; */
770
- position: relative;
771
- width: 100%;
772
- height: 0.5em;
773
- transition: height 0.1s, top 0.1s;
791
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
792
+ display: none
793
+ }
794
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
795
+ display: none
774
796
  }
775
797
 
776
-
777
-
778
-
779
- .video-js.skin_mini .vjs-custom-control-spacer {
780
- display: block;
781
- flex: 1 1 auto;
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;
782
804
  }
783
805
 
784
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
785
- margin: 0 0px 0 0px;
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;
786
812
  }
787
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
813
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
788
814
  display: none;
789
815
  }
790
816
 
791
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
792
- font-size: 14px;
793
- font-weight: 500;
794
- align-self: center;
817
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
795
818
  height: min-content;
796
- padding: 5px 2px;
797
- border-radius: 8px;
819
+ width: min-content;
798
820
  }
799
-
800
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
801
- height: 5px !important;
821
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
822
+ width: 6em;
802
823
  }
803
824
 
804
- .video-js.skin_mini .vjs-play-progress:before {
805
- font-size: 1.3em;
806
- line-height: unset;
807
- top: -0.3333333333em;
825
+ .video-js.skin_news_live .content{
826
+ bottom: 3.4rem !important;
827
+ right: -4rem !important;
808
828
  }
809
829
 
810
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
811
- display: none !important;
830
+ .setting-icon > svg{
831
+ height:18px !important;
812
832
  }
813
833
 
814
- /* */
815
- .video-js.skin_mini .vjs-mouse-display{
816
- font-size: 1.6666666667em;
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
817
842
  }
818
843
 
819
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
820
- font-size: 1em !important;
844
+ .video-js.skin_news_live iframe{
845
+ width: 100%;
846
+ height: 100%;
821
847
  }
822
848
 
823
- .video-js.skin_mini .vjs-button{
824
- width: 3em;
849
+ .video-js.skin_news_live .vjs-live-control{
850
+ align-items: center;
851
+ display: none;
852
+ }
853
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
854
+ height: 2.2em;
825
855
  display: flex;
826
856
  align-items: center;
857
+ font-family: monospace;
858
+ width: 4em;
827
859
  justify-content: center;
860
+ background: red;
861
+ margin: 4px 0px 4px 12px;
828
862
  }
829
863
 
830
-
831
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
832
- .icon-maximize {
833
- display: block;
834
- height: 32px;
835
- }
836
-
837
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
838
- line-height: 4;
839
- }
840
-
841
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
842
- .icon-minimize {
843
- display: none;
844
- height: 32px;
845
- }
846
-
847
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
848
- outline: none !important;
849
- }
850
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
851
- .vjs-icon-fullscreen-enter:before {
852
- /* content: '' !important; */
864
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
865
+ text-shadow: none;
853
866
  }
854
867
 
855
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
868
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
856
869
  display: flex;
857
870
  justify-content: center;
858
- align-items: center;
859
- /* transform: rotate(90deg); */
860
- }
861
-
862
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
863
- display: none;
864
- }
865
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
866
- margin-left: -10px;
867
- display: none;
871
+ min-width: 5.3em;
872
+ pointer-events: none;
873
+ user-select: none;
868
874
  }
869
875
 
870
- .video-js.skin_mini .vjs-loading-spinner {
871
- position: absolute;
872
- top: 50%;
873
- left: 50%;
874
- transform: translate(-50%, -50%);
875
- opacity: .85;
876
- text-align: left;
877
- border: .2em solid rgba(43, 51, 63, .7);
878
- box-sizing: border-box;
879
- background-clip: padding-box;
880
- width: 3em;
881
- height: 3em;
882
- border-radius: 50%;
883
- visibility: hidden;
876
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
877
+ color: white;
884
878
  }
885
879
 
886
- .video-js.skin_mini .skipbtn:hover{
887
- cursor: pointer;
888
- }
889
880
 
890
- .video-js.skin_mini .rewindbtn:hover{
891
- cursor: pointer;
881
+ .settings-selection.vjs-control.vjs-button{
882
+ display: flex !important;
892
883
  }
893
884
 
894
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
895
- position: relative;
896
- padding-left: 0;
885
+ @media(max-width:576px){
886
+ .settings-selection.vjs-control.vjs-button{
887
+ display: none !important;
888
+ }
897
889
  }
898
890
 
899
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
900
- width: 40px;
901
- height: 40px;
902
- display: flex;
903
- justify-content: center;
904
- align-items: center;
905
- border: none;
906
- position: absolute;
907
- top: 0;
908
- left: 0;
909
- right: 0;
910
- bottom: 0;
911
- margin: auto;
912
- font-size: 3em;
913
- line-height: 1.3em;
914
- transform: none !important;
915
- border-radius: 1.3em;
916
- }
917
891
 
918
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
919
- font-weight: bold;
920
- }
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
+ }
921
900
 
922
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
923
- bottom: 1.1em !important;
924
- right: 1em;
925
- z-index: 1;
926
- font-size: 10px;
927
- }
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
+ }
928
911
 
929
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
930
- width: 24px !important;
931
- height: 24px !important;
932
- }
933
- .video-js.skin_mini .settings-selector-icon>svg{
934
- height: 19px !important;
935
- width: 19px !important;
936
- }
937
-
938
-
939
- .video-js.skin_mini button.vjs-rewind-button{
940
- cursor: pointer;
941
- }
942
-
943
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
944
- padding-right: 0;
945
- }
946
-
947
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
948
- padding-left: 0;
949
- }
950
-
951
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
952
- padding-left: 0;
953
- padding-right: 0;
954
- display: flex;
955
- justify-content: center;
956
- width: min-content;
957
- }
958
-
959
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
960
- display: none
961
- }
962
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
963
- display: none
964
- }
965
-
966
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
967
- display: flex;
968
- align-items: center;
969
- font-weight: 700;
970
- font-size: 9px;
971
- min-width: 0.8em;
972
- padding-left: 0;
973
- }
974
-
975
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
976
- display: none;
977
- font-size: 11px;
978
- justify-content: center;
979
- align-items: center;
980
- user-select: none;
981
- }
982
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
983
- display: none;
984
- }
985
-
986
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
987
- height: min-content;
988
- width: min-content;
989
- }
990
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
991
- width: 3em;
992
- margin-right: 4px;
993
- }
994
-
995
- .video-js.skin_mini .content{
996
- bottom: 3.4rem !important;
997
- right: -4rem !important;
998
- }
999
-
1000
- .video-js.skin_mini .setting-icon > svg{
1001
- height:18px !important;
1002
- }
1003
-
1004
- .output-overlay{
1005
- position: absolute;
1006
- bottom: 0;
1007
- height: 100%;
1008
- width: 100%;
1009
- z-index: 0;
1010
- border: 0;
1011
- pointer-events:none
1012
- }
1013
-
1014
- .video-js.skin_mini iframe{
1015
- width: 100%;
1016
- height: 100%;
1017
- }
1018
-
1019
- .video-js.skin_mini .vjs-live-control{
1020
- align-items: center;
1021
- max-width: 5em;
1022
- }
1023
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1024
- height: 2.2em;
1025
- display: flex;
1026
- align-items: center;
1027
- font-family: monospace;
1028
- width: 4em;
1029
- justify-content: center;
1030
- background: red;
1031
- margin: 4px 0px 4px 2px;
1032
- }
1033
-
1034
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1035
- text-shadow: none;
1036
- }
1037
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1038
- display: none;
1039
- font-size: 12px;
1040
- }
1041
-
1042
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1043
- height: 1.8em;
1044
- display: inline-flex;
1045
- align-items: center;
1046
- font-family: monospace;
1047
- justify-content: center;
1048
- border: 1.5px solid;
1049
- margin: 4px 0px 4px 2px;
1050
- white-space: pre;
1051
- padding: 2px 4px;
1052
- font-size: 1.2em;
1053
- font-weight: 500;
1054
- color: rgba(255, 255, 2555, 0.7);
1055
- }
1056
-
1057
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1058
- content: "NOT LIVE";
1059
- word-spacing: -4px;
1060
- }
1061
-
1062
-
1063
- @media(max-width:600px){
1064
- .tvProviderImage{
1065
- display: none
1066
- }
1067
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1068
- .icon-maximize {
1069
- height: 30px !important;
1070
- }
1071
-
1072
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1073
- .icon-minimize {
1074
- height: 30px !important;
1075
- }
1076
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1077
- width: 3.5em;
1078
- }
1079
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1080
- height: min-content;
1081
- }
1082
-
1083
- .video-js.skin_mini button.vjs-slowmo-button{
912
+ .video-js.skin_news_live button.vjs-slowmo-button{
1084
913
  display: none;
1085
914
  }
1086
- .video-js.skin_mini button.vjs-rewind-button{
915
+ .video-js.skin_news_live button.vjs-rewind-button{
1087
916
  display: none;
1088
917
  }
1089
- .video-js.skin_mini button.vjs-rewind-button>svg{
918
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1090
919
  height: 20px;
1091
920
  }
1092
- .video-js.skin_mini .vjs-button{
1093
- width: 3em;
921
+ .video-js.skin_news_live .vjs-button{
922
+ width: 4.8em;
1094
923
  }
1095
- .video-js.skin_mini .widget-selection{
924
+ .video-js.skin_news_live .widget-selection{
1096
925
  display: none;
1097
926
  }
1098
- .video-js.skin_mini .container{
927
+ .video-js.skin_news_live .container{
1099
928
  display: none !important;
1100
929
  }
1101
- .video-js.skin_mini .vjs-control-bar{
930
+ .video-js.skin_news_live .vjs-control-bar{
1102
931
  height: 4em !important;
1103
932
  }
1104
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
933
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1105
934
  font-size: 2.5em;
1106
935
  line-height: 1.5;
1107
936
  }
1108
- .video-js.skin_mini .vjs-play-progress:before {
937
+ .video-js.skin_news_live .vjs-play-progress:before {
1109
938
  font-size: 1.2em;
1110
939
  position: absolute;
1111
940
  right: -0.5em;
1112
941
  z-index: 1;
1113
942
  }
1114
- .video-js.skin_mini button.vjs-skip-button>svg{
943
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1115
944
  height: 20px;
1116
945
  }
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
+ }
1117
951
 
1118
952
  .stream-selector-icon>svg{
1119
953
  width: 24px;
1120
954
  height: 24px;
1121
955
  }
1122
- .video-js.skin_mini .vjs-seek-to-live-text{
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
960
  font-size: 12px;
1124
961
  }
962
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
963
+ margin: 0 12px 0 12px;
1125
964
  }
1126
-
1127
-
1128
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1129
- background-color: rgba(0, 0, 0, 0.2);
965
+ }
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;
1130
981
  }
1131
982
 
1132
-
1133
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
983
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1134
984
  display: flex;
1135
985
  justify-content: center;
1136
986
  align-items: center;
1137
987
  height: 100%;
1138
988
  transition: width 0.1s;
1139
989
  }
1140
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1141
- margin: 2px;
1142
- }
1143
990
 
1144
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
991
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1145
992
  display: flex;
1146
993
  justify-content: center;
1147
994
  align-items: center;
1148
995
  height: 100%;
1149
996
  transition: width 0.1s;
1150
997
  }
1151
-
1152
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1153
- display: block;
1154
- font-size: 10px;
1155
- padding: 6px 10px;
1156
- margin: 0;
1157
- max-height: 100%;
1158
- overflow-y: auto;
1159
- }
1160
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1161
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1162
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1163
- display: block;
1164
- width: 100%;
1165
- }
1166
- .video-js.skin_mini .vjs-text-track-settings fieldset{
1167
- margin: 4px 0;
1168
- }
1169
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
1170
- display: block;
1171
- padding: 0 0 6px;
1172
- }
1173
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1174
- max-width: 100%;
998
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
999
+ display: none !important;
1175
1000
  }
1176
1001
 
1177
- @media (max-width: 600px) {
1178
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1002
+ @media (max-width: 576px) {
1003
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1179
1004
  height: 5px !important;
1180
1005
  }
1006
+ .video-js.skin_news_live button.vjs-big-play-button {
1007
+ width: 50px !important;
1008
+ height: 50px !important;
1009
+ font-size: 2.1rem !important;
1010
+ }
1181
1011
 
1182
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1012
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1183
1013
  display: none;
1184
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;
1186
1019
  }
1020
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1021
+ display: none !important;
1022
+ }
1187
1023
 
1188
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1189
- content: none !important;
1190
- fill: none !important;
1191
- filter: none !important;
1192
1024
  }
1193
1025
 
1194
- /* svg icons opacity and hover effect */
1195
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1196
- opacity: 0.7 !important;
1026
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1027
+ width: 100% !important;
1197
1028
  }
1198
1029
 
1199
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1200
- opacity: 1 !important;
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;
1201
1035
  }
1202
1036
 
1203
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1037
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1038
+ content: none !important;
1039
+ fill: none !important;
1040
+ filter: none !important;
1041
+ }
1042
+
1043
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1204
1044
  color: rgba(255, 255, 2555, 0.7)!important;
1205
1045
  }
1206
1046
 
1207
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1047
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1208
1048
  color: rgba(255, 255, 2555, 1)!important;
1209
1049
  }
1210
1050
 
1211
1051
 
1212
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1052
+
1053
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1213
1054
  font-size: 2.2em;
1214
1055
  line-height: 2.6;
1215
1056
  }
1216
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1217
- background: #fcb700;
1057
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1058
+ background: white;
1218
1059
  }
1219
- .video-js.skin_news_live .vjs-control-bar{
1060
+ .video-js.skin_news .vjs-control-bar{
1220
1061
  z-index: 1 !important;
1221
1062
  height: 5em !important;
1222
1063
  background: black !important;
1223
1064
  }
1224
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1065
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1225
1066
  display: flex;
1226
1067
  align-items: center;
1227
1068
  justify-content: center;
1228
1069
  }
1229
1070
 
1230
- .video-js.skin_news_live .vjs-fade>* {
1071
+ .video-js.skin_news .vjs-fade>* {
1231
1072
  visibility: hidden !important;
1232
1073
  opacity: 0 !important;
1233
1074
  transition: visibility 1s, opacity 1s !important;
1234
1075
  }
1235
1076
 
1236
- .video-js.skin_news_live .custom-spaced-progress-bar {
1077
+ .video-js.skin_news .custom-spaced-progress-bar {
1237
1078
  position: absolute;
1238
1079
  width: 100%;
1239
1080
  display: flex;
@@ -1241,7 +1082,7 @@
1241
1082
  top: -0.5em;
1242
1083
  }
1243
1084
 
1244
- .video-js.skin_news_live .vjs-progress-control {
1085
+ .video-js.skin_news .vjs-progress-control {
1245
1086
  /* left: -6px; */
1246
1087
  position: relative;
1247
1088
  width: 100%;
@@ -1249,25 +1090,22 @@
1249
1090
  transition: height 0.1s, top 0.1s;
1250
1091
  }
1251
1092
 
1252
- .video-js.skin_news_live .vjs-volume-panel{
1253
- min-width: 5.3em;
1254
- }
1255
1093
 
1256
1094
 
1257
1095
 
1258
- .video-js.skin_news_live .vjs-custom-control-spacer {
1259
- /* display: block; */
1260
- /* flex: 1 1 auto; */
1096
+ .video-js.skin_news .vjs-custom-control-spacer {
1097
+ display: block;
1098
+ flex: 1 1 auto;
1261
1099
  }
1262
1100
 
1263
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1101
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1264
1102
  margin: 0 0px 0 0px;
1265
1103
  }
1266
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1104
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1267
1105
  display: none;
1268
1106
  }
1269
1107
 
1270
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1108
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1271
1109
  font-size: 14px;
1272
1110
  font-weight: 500;
1273
1111
  align-self: center;
@@ -1276,30 +1114,30 @@
1276
1114
  border-radius: 8px;
1277
1115
  }
1278
1116
 
1279
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1117
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1280
1118
  height: 6px !important;
1281
1119
  }
1282
1120
 
1283
- .video-js.skin_news_live .vjs-play-progress:before {
1121
+ .video-js.skin_news .vjs-play-progress:before {
1284
1122
  font-size: 1.5em;
1285
1123
  line-height: unset;
1286
1124
  top: -0.3333333333em;
1287
1125
  }
1288
1126
 
1289
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1127
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1290
1128
  display: none !important;
1291
1129
  }
1292
1130
 
1293
1131
  /* */
1294
- .video-js.skin_news_live .vjs-mouse-display{
1132
+ .video-js.skin_news .vjs-mouse-display{
1295
1133
  font-size: 1.6666666667em;
1296
1134
  }
1297
1135
 
1298
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1136
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1299
1137
  font-size: 1em !important;
1300
1138
  }
1301
1139
 
1302
- .video-js.skin_news_live .vjs-button{
1140
+ .video-js.skin_news .vjs-button{
1303
1141
  width: 5.3em;
1304
1142
  display: flex;
1305
1143
  align-items: center;
@@ -1307,71 +1145,63 @@
1307
1145
  }
1308
1146
 
1309
1147
 
1310
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1148
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1311
1149
  .icon-maximize {
1312
1150
  display: block;
1313
1151
  height: 32px;
1314
1152
  }
1315
1153
 
1316
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1154
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1317
1155
  line-height: 4;
1318
1156
  }
1319
1157
 
1320
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1158
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1321
1159
  .icon-minimize {
1322
1160
  display: none;
1323
1161
  height: 32px;
1324
1162
  }
1325
1163
 
1326
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1164
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1327
1165
  outline: none !important;
1328
- /* flex: 1; */
1329
- }
1330
- .video-js.skin_news_live .vjs-play-toggle-container{
1331
- display: flex;
1332
- flex: 1;
1333
- justify-content: center;
1334
1166
  }
1335
-
1336
-
1337
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1167
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1338
1168
  .vjs-icon-fullscreen-enter:before {
1339
1169
  /* content: '' !important; */
1340
1170
  }
1341
1171
 
1342
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1172
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1343
1173
  display: flex;
1344
1174
  justify-content: center;
1345
1175
  align-items: center;
1346
1176
  /* transform: rotate(90deg); */
1347
1177
  }
1348
1178
 
1349
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1179
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1350
1180
  display: none;
1351
1181
  }
1352
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1182
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1353
1183
  margin-left: -10px;
1354
1184
  }
1355
1185
 
1356
- .video-js.skin_news_live .skipbtn:hover{
1186
+ .video-js.skin_news .skipbtn:hover{
1357
1187
  cursor: pointer;
1358
1188
  }
1359
1189
 
1360
- .video-js.skin_news_live .rewindbtn:hover{
1190
+ .video-js.skin_news .rewindbtn:hover{
1361
1191
  cursor: pointer;
1362
1192
  }
1363
1193
 
1364
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1194
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1365
1195
  position: relative;
1366
1196
  padding-left: 0;
1367
1197
  }
1368
1198
 
1369
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1199
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1370
1200
  display: none !important;
1371
1201
  }
1372
1202
 
1373
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1374
- /* width: 90px;
1203
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1204
+ width: 90px;
1375
1205
  height: 90px;
1376
1206
  display: flex;
1377
1207
  justify-content: center;
@@ -1386,20 +1216,19 @@
1386
1216
  font-size: 6em;
1387
1217
  line-height: 1.4em;
1388
1218
  border: 0.05em solid;
1389
- color: inherit; */
1390
- display: none !important;
1219
+ color: inherit;
1391
1220
  }
1392
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1221
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1393
1222
  font-weight: bold;
1394
1223
  }
1395
1224
 
1396
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1225
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1397
1226
  bottom: 2.4em !important;
1398
1227
  right: -1em;
1399
1228
  z-index: 1;
1400
1229
  }
1401
1230
 
1402
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1231
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1403
1232
  width: 24px !important;
1404
1233
  height: 24px !important;
1405
1234
  }
@@ -1409,34 +1238,34 @@
1409
1238
  }
1410
1239
 
1411
1240
 
1412
- .video-js.skin_news_live button.vjs-rewind-button{
1241
+ .video-js.skin_news button.vjs-rewind-button{
1413
1242
  cursor: pointer;
1414
1243
  }
1415
1244
 
1416
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1245
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1417
1246
  padding-right: 0;
1418
- display: none;
1419
1247
  }
1420
1248
 
1421
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1249
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1422
1250
  padding-left: 0;
1423
- display: none;
1424
1251
  }
1425
1252
 
1426
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1253
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1427
1254
  padding-left: 0;
1428
1255
  padding-right: 0;
1429
- display: none;
1256
+ display: flex;
1257
+ justify-content: center;
1258
+ width: min-content;
1430
1259
  }
1431
1260
 
1432
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1261
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1433
1262
  display: none
1434
1263
  }
1435
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1264
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1436
1265
  display: none
1437
1266
  }
1438
1267
 
1439
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1268
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
1440
1269
  display: flex;
1441
1270
  align-items: center;
1442
1271
  font-weight: 700;
@@ -1444,26 +1273,26 @@
1444
1273
  min-width: 1.2em;
1445
1274
  }
1446
1275
 
1447
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1276
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1448
1277
  display: none;
1449
1278
  font-size: 11px;
1450
1279
  justify-content: center;
1451
1280
  align-items: center;
1452
1281
  user-select: none;
1453
1282
  }
1454
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1283
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1455
1284
  display: none;
1456
1285
  }
1457
1286
 
1458
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1287
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1459
1288
  height: min-content;
1460
1289
  width: min-content;
1461
1290
  }
1462
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1291
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1463
1292
  width: 6em;
1464
1293
  }
1465
1294
 
1466
- .video-js.skin_news_live .content{
1295
+ .video-js.skin_news .content{
1467
1296
  bottom: 3.4rem !important;
1468
1297
  right: -4rem !important;
1469
1298
  }
@@ -1482,16 +1311,15 @@
1482
1311
  pointer-events:none
1483
1312
  }
1484
1313
 
1485
- .video-js.skin_news_live iframe{
1314
+ .video-js.skin_news iframe{
1486
1315
  width: 100%;
1487
1316
  height: 100%;
1488
1317
  }
1489
1318
 
1490
- .video-js.skin_news_live .vjs-live-control{
1319
+ .video-js.skin_news .vjs-live-control{
1491
1320
  align-items: center;
1492
- display: none;
1493
1321
  }
1494
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1322
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1495
1323
  height: 2.2em;
1496
1324
  display: flex;
1497
1325
  align-items: center;
@@ -1502,22 +1330,43 @@
1502
1330
  margin: 4px 0px 4px 12px;
1503
1331
  }
1504
1332
 
1505
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1333
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1506
1334
  text-shadow: none;
1507
1335
  }
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
+ }
1508
1340
 
1509
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1510
- display: flex;
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; */
1511
1346
  justify-content: center;
1512
- min-width: 5.3em;
1513
- pointer-events: none;
1514
- user-select: none;
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";
1515
1361
  }
1516
1362
 
1517
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1518
- color: white;
1363
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1364
+ opacity: 1;
1519
1365
  }
1520
1366
 
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
+ }
1521
1370
 
1522
1371
  .settings-selection.vjs-control.vjs-button{
1523
1372
  display: flex !important;
@@ -1534,57 +1383,57 @@
1534
1383
  .tvProviderImage{
1535
1384
  display: none
1536
1385
  }
1537
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1386
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1538
1387
  .icon-maximize {
1539
1388
  height: 30px !important;
1540
1389
  }
1541
1390
 
1542
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1391
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1543
1392
  .icon-minimize {
1544
1393
  height: 30px !important;
1545
1394
  }
1546
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1395
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1547
1396
  width: 4.5em;
1548
1397
  }
1549
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1398
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1550
1399
  height: min-content;
1551
1400
  }
1552
1401
 
1553
- .video-js.skin_news_live button.vjs-slowmo-button{
1402
+ .video-js.skin_news button.vjs-slowmo-button{
1554
1403
  display: none;
1555
1404
  }
1556
- .video-js.skin_news_live button.vjs-rewind-button{
1405
+ .video-js.skin_news button.vjs-rewind-button{
1557
1406
  display: none;
1558
1407
  }
1559
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1408
+ .video-js.skin_news button.vjs-rewind-button>svg{
1560
1409
  height: 20px;
1561
1410
  }
1562
- .video-js.skin_news_live .vjs-button{
1411
+ .video-js.skin_news .vjs-button{
1563
1412
  width: 4.8em;
1564
1413
  }
1565
- .video-js.skin_news_live .widget-selection{
1414
+ .video-js.skin_news .widget-selection{
1566
1415
  display: none;
1567
1416
  }
1568
- .video-js.skin_news_live .container{
1417
+ .video-js.skin_news .container{
1569
1418
  display: none !important;
1570
1419
  }
1571
- .video-js.skin_news_live .vjs-control-bar{
1420
+ .video-js.skin_news .vjs-control-bar{
1572
1421
  height: 4em !important;
1573
1422
  }
1574
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1423
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1575
1424
  font-size: 2.5em;
1576
1425
  line-height: 1.5;
1577
1426
  }
1578
- .video-js.skin_news_live .vjs-play-progress:before {
1427
+ .video-js.skin_news .vjs-play-progress:before {
1579
1428
  font-size: 1.2em;
1580
1429
  position: absolute;
1581
1430
  right: -0.5em;
1582
1431
  z-index: 1;
1583
1432
  }
1584
- .video-js.skin_news_live button.vjs-skip-button>svg{
1433
+ .video-js.skin_news button.vjs-skip-button>svg{
1585
1434
  height: 20px;
1586
1435
  }
1587
- .video-js.skin_news_live button.vjs-big-play-button {
1436
+ .video-js.skin_news button.vjs-big-play-button {
1588
1437
  width: 50px !important;
1589
1438
  height: 50px !important;
1590
1439
  font-size: 2.1rem !important;
@@ -1594,17 +1443,17 @@
1594
1443
  width: 24px;
1595
1444
  height: 24px;
1596
1445
  }
1597
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1446
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1598
1447
  margin: 0 12px 0 12px;
1599
1448
  }
1600
- .video-js.skin_news_live .vjs-seek-to-live-text{
1449
+ .video-js.skin_news .vjs-seek-to-live-text{
1601
1450
  font-size: 12px;
1602
1451
  }
1603
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1452
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1604
1453
  margin: 0 12px 0 12px;
1605
1454
  }
1606
1455
  }
1607
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1456
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1608
1457
  width: 90px;
1609
1458
  height: 90px;
1610
1459
  display: flex;
@@ -1621,7 +1470,7 @@
1621
1470
  line-height: 1.4em;
1622
1471
  }
1623
1472
 
1624
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1473
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1625
1474
  display: flex;
1626
1475
  justify-content: center;
1627
1476
  align-items: center;
@@ -1629,22 +1478,29 @@
1629
1478
  transition: width 0.1s;
1630
1479
  }
1631
1480
 
1632
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1481
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1633
1482
  display: flex;
1634
1483
  justify-content: center;
1635
1484
  align-items: center;
1636
1485
  height: 100%;
1637
1486
  transition: width 0.1s;
1638
1487
  }
1639
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1488
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1640
1489
  display: none !important;
1641
1490
  }
1491
+ .video-js.skin_news .ssai-ad-container{
1492
+ position: absolute;
1493
+ bottom: 14px;
1494
+ }
1642
1495
 
1643
1496
  @media (max-width: 576px) {
1644
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1497
+ .video-js.skin_news .ssai-ad-container{
1498
+ bottom: 2px;
1499
+ }
1500
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1645
1501
  height: 5px !important;
1646
1502
  }
1647
- .video-js.skin_news_live button.vjs-big-play-button {
1503
+ .video-js.skin_news button.vjs-big-play-button {
1648
1504
  width: 50px !important;
1649
1505
  height: 50px !important;
1650
1506
  font-size: 2.1rem !important;
@@ -1653,375 +1509,544 @@
1653
1509
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1654
1510
  display: none;
1655
1511
  }
1656
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1512
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1657
1513
  bottom: 2.4em !important;
1658
1514
  right: -1em;
1659
1515
  z-index: 1;
1660
1516
  }
1661
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1517
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1662
1518
  display: none !important;
1663
1519
  }
1664
1520
 
1521
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1522
+ color: white;
1523
+ font-size: 13px;
1524
+ background-color: black;
1525
+ }
1665
1526
  }
1666
1527
 
1667
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1668
- width: 100% !important;
1528
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1529
+ color: white;
1530
+ font-size: 16px;
1531
+ background-color: black;
1669
1532
  }
1670
1533
 
1671
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1672
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
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;
1540
+ }
1541
+
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 {
1673
1545
  font-size: 1.2em !important;
1674
1546
  line-height: 1.5em !important;
1675
1547
  padding: 0.2em 0.8em !important;
1676
1548
  }
1677
1549
 
1678
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1550
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1679
1551
  content: none !important;
1680
1552
  fill: none !important;
1681
1553
  filter: none !important;
1682
1554
  }
1683
1555
 
1684
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
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
1572
  color: rgba(255, 255, 2555, 0.7)!important;
1686
1573
  }
1687
1574
 
1688
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1575
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1689
1576
  color: rgba(255, 255, 2555, 1)!important;
1690
1577
  }
1691
1578
 
1692
1579
 
1693
1580
 
1694
1581
 
1695
- .video-js.skin_cn_news .vjs-control-bar {
1696
- z-index: 1 !important;
1697
- height: auto !important;
1698
- padding: 0.8em 30px 0.6em;
1699
- background: transparent !important;
1700
- display: flex;
1701
- flex-wrap: wrap;
1702
- align-items: center;
1703
- column-gap: 10px;
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;
1704
1593
  }
1705
1594
 
1595
+ .video-js.skin_mini .vjs-fade>* {
1596
+ visibility: hidden !important;
1597
+ opacity: 0 !important;
1598
+ transition: visibility 1s, opacity 1s !important;
1599
+ }
1706
1600
 
1707
- .video-js.skin_cn_news .vjs-control-bar::before {
1708
- content: '';
1601
+ .video-js.skin_mini .custom-spaced-progress-bar {
1709
1602
  position: absolute;
1710
- left: 0;
1711
- right: 0;
1712
- bottom: 0;
1713
- top: -3em;
1714
- background: linear-gradient(
1715
- to top,
1716
- rgba(0, 0, 0, 0.85) 0%,
1717
- rgba(0, 0, 0, 0.7) 40%,
1718
- rgba(0, 0, 0, 0.55) 70%,
1719
- rgba(0, 0, 0, 0.38) 86%,
1720
- transparent 100%
1721
- );
1722
- pointer-events: none;
1723
- z-index: -1;
1603
+ width: 100%;
1604
+ display: flex;
1605
+ height: 0.5em;
1606
+ top: -0.5em;
1724
1607
  }
1725
1608
 
1726
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1727
- order: -1;
1728
- flex: 0 0 100%;
1729
- width: 80%;
1730
- margin: 0 0 5em;
1609
+ .video-js.skin_mini .vjs-progress-control {
1610
+ /* left: -6px; */
1731
1611
  position: relative;
1612
+ width: 100%;
1613
+ height: 0.5em;
1614
+ transition: height 0.1s, top 0.1s;
1732
1615
  }
1733
1616
 
1734
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1735
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1736
- width: auto;
1737
- min-width: 0;
1738
- }
1739
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1740
- display: inline-flex;
1741
- align-items: center;
1742
- justify-content: center;
1743
- height: 7em;
1744
- padding: 0 10px;
1745
- color: #fff;
1746
- }
1747
1617
 
1748
- .video-js.skin_cn_news .vjs-svg-icon::before {
1749
- content: none !important;
1750
- }
1751
1618
 
1752
1619
 
1753
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1754
- display: inline-flex;
1755
- align-items: center;
1756
- justify-content: center;
1757
- }
1758
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1759
- .video-js.skin_cn_news .vjs-rewind-button svg {
1760
- width: 24px;
1761
- height: 24px;
1620
+ .video-js.skin_mini .vjs-custom-control-spacer {
1762
1621
  display: block;
1622
+ flex: 1 1 auto;
1763
1623
  }
1764
1624
 
1765
-
1766
-
1767
- .video-js.skin_cn_news .vjs-subs-caps-button {
1768
- opacity: 1;
1625
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1626
+ margin: 0 0px 0 0px;
1627
+ }
1628
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1629
+ display: none;
1769
1630
  }
1770
1631
 
1771
-
1772
-
1773
- .video-js.skin_cn_news .vjs-volume-panel {
1774
- margin: 0;
1775
- display: inline-flex;
1776
- align-items: center;
1632
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1633
+ font-size: 14px;
1634
+ font-weight: 500;
1777
1635
  align-self: center;
1778
- height: 2.2em;
1779
- min-width: 7em;
1780
- transition: none;
1636
+ height: min-content;
1637
+ padding: 5px 2px;
1638
+ border-radius: 8px;
1781
1639
  }
1782
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1783
- width: 0;
1784
- height: 100%;
1785
- display: flex;
1786
- align-items: center;
1787
- overflow: hidden;
1788
- opacity: 0;
1789
- transition: width 0.15s ease, opacity 0.15s ease;
1640
+
1641
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1642
+ height: 5px !important;
1790
1643
  }
1791
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1792
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1793
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1794
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1795
- width: 5em;
1796
- opacity: 1;
1644
+
1645
+ .video-js.skin_mini .vjs-play-progress:before {
1646
+ font-size: 1.3em;
1647
+ line-height: unset;
1648
+ top: -0.3333333333em;
1797
1649
  }
1798
1650
 
1799
- .video-js.skin_cn_news .vjs-volume-bar {
1800
- width: 4em;
1801
- height: 0.3em;
1802
- margin: 0 0.45em;
1651
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1652
+ display: none !important;
1803
1653
  }
1804
1654
 
1655
+ /* */
1656
+ .video-js.skin_mini .vjs-mouse-display{
1657
+ font-size: 1.6666666667em;
1658
+ }
1805
1659
 
1806
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1807
- display: none !important;
1660
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1661
+ font-size: 1em !important;
1808
1662
  }
1809
1663
 
1810
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1811
- width: 0 !important;
1664
+ .video-js.skin_mini .vjs-button{
1665
+ width: 3em;
1666
+ display: flex;
1667
+ align-items: center;
1668
+ justify-content: center;
1812
1669
  }
1813
1670
 
1814
1671
 
1815
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1816
- display: block !important;
1817
- flex: 1 1 auto;
1672
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1673
+ .icon-maximize {
1674
+ display: block;
1675
+ height: 32px;
1818
1676
  }
1819
1677
 
1678
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1679
+ line-height: 4;
1680
+ }
1820
1681
 
1821
- .video-js.skin_cn_news .vjs-big-play-button {
1822
- display: none;
1682
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1683
+ .icon-minimize {
1684
+ display: none;
1685
+ height: 32px;
1823
1686
  }
1824
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1825
- position: relative !important;
1826
- display: flex;
1827
- left: 0;
1828
- top: -1px;
1687
+
1688
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1689
+ outline: none !important;
1829
1690
  }
1830
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1691
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1692
+ .vjs-icon-fullscreen-enter:before {
1693
+ /* content: '' !important; */
1694
+ }
1695
+
1696
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1831
1697
  display: flex;
1832
1698
  justify-content: center;
1833
1699
  align-items: center;
1834
- position: absolute;
1835
- top: 0;
1836
- left: 0;
1837
- right: 0;
1838
- bottom: 0;
1839
- margin: auto;
1840
- width: 80px;
1841
- height: 80px;
1842
- border: none;
1843
- border-radius: 50%;
1844
- background: rgba(0, 0, 0, 0.55);
1845
- font-size: 5em;
1846
- line-height: 1.3em;
1847
- transform: none !important;
1700
+ /* transform: rotate(90deg); */
1848
1701
  }
1849
1702
 
1850
-
1851
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1852
- height: 4px !important;
1853
- margin: 0;
1854
- border-radius: 20px;
1855
- background-color: #393944;
1703
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1704
+ display: none;
1856
1705
  }
1857
-
1858
- .video-js.skin_cn_news .vjs-play-progress {
1859
- background-color: #ffffff;
1860
- border-radius: 20px;
1706
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1707
+ margin-left: -10px;
1708
+ display: none;
1861
1709
  }
1862
1710
 
1863
- .video-js.skin_cn_news .vjs-load-progress,
1864
- .video-js.skin_cn_news .vjs-load-progress div {
1865
- background: rgba(255, 255, 255, 0.15);
1866
- border-radius: 20px;
1867
- }
1711
+ .video-js.skin_mini .vjs-loading-spinner {
1712
+ position: absolute;
1713
+ top: 50%;
1714
+ left: 50%;
1715
+ transform: translate(-50%, -50%);
1716
+ opacity: .85;
1717
+ text-align: left;
1718
+ border: .2em solid rgba(43, 51, 63, .7);
1719
+ box-sizing: border-box;
1720
+ background-clip: padding-box;
1721
+ width: 3em;
1722
+ height: 3em;
1723
+ border-radius: 50%;
1724
+ visibility: hidden;
1725
+ }
1868
1726
 
1727
+ .video-js.skin_mini .skipbtn:hover{
1728
+ cursor: pointer;
1729
+ }
1869
1730
 
1870
- .video-js.skin_cn_news .vjs-play-progress:before {
1871
- content: '';
1872
- width: 16px;
1873
- height: 16px;
1874
- border-radius: 50%;
1875
- background: #ffffff;
1876
- border: 2px solid rgba(0, 0, 0, 0.6);
1877
- box-sizing: border-box;
1878
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1879
- top: -6px;
1880
- right: -8px;
1731
+ .video-js.skin_mini .rewindbtn:hover{
1732
+ cursor: pointer;
1733
+ }
1734
+
1735
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1736
+ position: relative;
1737
+ padding-left: 0;
1738
+ }
1739
+
1740
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1741
+ width: 40px;
1742
+ height: 40px;
1743
+ display: flex;
1744
+ justify-content: center;
1745
+ align-items: center;
1746
+ border: none;
1881
1747
  position: absolute;
1748
+ top: 0;
1749
+ left: 0;
1750
+ right: 0;
1751
+ bottom: 0;
1752
+ margin: auto;
1753
+ font-size: 3em;
1754
+ line-height: 1.3em;
1755
+ transform: none !important;
1756
+ border-radius: 1.3em;
1882
1757
  }
1883
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1884
- display: none !important;
1758
+
1759
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1760
+ font-weight: bold;
1885
1761
  }
1886
1762
 
1887
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1888
- background: #ffffff;
1889
- color: #0a0e17;
1890
- font-weight: 700;
1891
- border-radius: 3px;
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;
1892
1768
  }
1893
1769
 
1894
- .video-js.skin_cn_news .vjs-live-control {
1895
- display: none !important;
1770
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1771
+ width: 24px !important;
1772
+ height: 24px !important;
1896
1773
  }
1897
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1898
- display: inline-flex;
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
+ }
1799
+
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
+
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;
1899
1820
  align-items: center;
1900
- align-self: center;
1821
+ user-select: none;
1822
+ }
1823
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1824
+ display: none;
1825
+ }
1826
+
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;
1834
+ }
1835
+
1836
+ .video-js.skin_mini .content{
1837
+ bottom: 3.4rem !important;
1838
+ right: -4rem !important;
1839
+ }
1840
+
1841
+ .video-js.skin_mini .setting-icon > svg{
1842
+ height:18px !important;
1843
+ }
1844
+
1845
+ .output-overlay{
1846
+ position: absolute;
1847
+ bottom: 0;
1848
+ height: 100%;
1849
+ width: 100%;
1850
+ z-index: 0;
1851
+ border: 0;
1852
+ pointer-events:none
1853
+ }
1854
+
1855
+ .video-js.skin_mini iframe{
1856
+ width: 100%;
1857
+ height: 100%;
1858
+ }
1859
+
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{
1901
1865
  height: 2.2em;
1902
- gap: 5px;
1903
- width: auto;
1904
- padding: 0 10px;
1905
- border: 1px solid rgba(255, 255, 255, 0.45);
1906
- border-radius: 4px;
1907
- cursor: pointer;
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;
1908
1873
  }
1909
1874
 
1910
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
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 {
1911
1879
  display: none;
1880
+ font-size: 12px;
1912
1881
  }
1913
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
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;
1914
1885
  display: inline-flex;
1915
1886
  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);
1916
1896
  }
1917
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1918
- content: '';
1919
- display: inline-block;
1920
- width: 8px;
1921
- height: 8px;
1922
- border-radius: 50%;
1923
- background: #ff2d2d; /* red live dot */
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;
1924
1901
  }
1925
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1926
- color: #ffffff;
1927
- font-weight: 700;
1928
- font-size: 12px;
1929
- letter-spacing: 0.03em;
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;
1930
1957
  }
1931
1958
 
1932
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1933
- border-color: transparent;
1959
+ .stream-selector-icon>svg{
1960
+ width: 24px;
1961
+ height: 24px;
1962
+ }
1963
+ .video-js.skin_mini .vjs-seek-to-live-text{
1964
+ font-size: 12px;
1934
1965
  }
1935
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1936
- color: #ff2d2d;
1937
1966
  }
1938
1967
 
1939
- /* ---- time controls ---- */
1940
- .video-js.skin_cn_news .vjs-current-time,
1941
- .video-js.skin_cn_news .vjs-duration,
1942
- .video-js.skin_cn_news .vjs-time-divider {
1943
- display: none !important;
1968
+
1969
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1970
+ background-color: rgba(0, 0, 0, 0.2);
1944
1971
  }
1945
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1946
- display: none;
1947
- align-items: center;
1972
+
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;
1948
1976
  justify-content: center;
1949
- font-size: 11px;
1950
- font-weight: 700;
1951
- color: #fff;
1952
- padding: 0 6px;
1953
- user-select: none;
1977
+ align-items: center;
1978
+ height: 100%;
1979
+ transition: width 0.1s;
1980
+ }
1981
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1982
+ margin: 2px;
1954
1983
  }
1955
1984
 
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;
1988
+ align-items: center;
1989
+ height: 100%;
1990
+ transition: width 0.1s;
1991
+ }
1956
1992
 
1957
- .video-js.skin_cn_news .vjs-chapter-marker {
1958
- z-index: 2;
1959
- width: var(--vl-chapter-size, 8px);
1960
- height: var(--vl-chapter-size, 8px);
1961
- top: 50%;
1962
- bottom: auto;
1963
- background: var(--vl-chapter-color, #ffffff);
1964
- opacity: var(--vl-chapter-opacity, 1);
1965
- border-radius: 50%;
1966
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1967
- transform: translate(-50%, -50%) scale(1);
1968
- transition: background-color 0.12s ease;
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;
1969
2000
  }
1970
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1971
- background: var(--vl-chapter-hover, #0a5cff);
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%;
1972
2006
  }
1973
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1974
- background: var(--vl-chapter-active, #0a5cff);
2007
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
2008
+ margin: 4px 0;
2009
+ }
2010
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
2011
+ display: block;
2012
+ padding: 0 0 6px;
2013
+ }
2014
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
2015
+ max-width: 100%;
1975
2016
  }
1976
2017
 
2018
+ @media (max-width: 600px) {
2019
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
2020
+ height: 5px !important;
2021
+ }
1977
2022
 
1978
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1979
- width: 16px;
1980
- height: 16px;
1981
- bottom: 160%;
1982
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1983
- }
2023
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2024
+ display: none;
2025
+ }
1984
2026
 
2027
+ }
1985
2028
 
1986
- .video-js.skin_cn_news .vjs-chapter-preview {
1987
- background: var(--vl-chapter-tooltip, #0a5cff);
1988
- border-radius: 6px;
1989
- padding: 8px 10px;
1990
- width: max-content;
1991
- max-width: 300px;
1992
- text-align: left;
1993
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
2029
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
2030
+ content: none !important;
2031
+ fill: none !important;
2032
+ filter: none !important;
1994
2033
  }
1995
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1996
- color: #ffffff;
1997
- font-size: 13px;
1998
- font-weight: 400;
1999
- margin-bottom: 2px;
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;
2000
2038
  }
2001
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
2002
- color: #ffffff;
2003
- font-size: 13px;
2004
- font-weight: 400;
2005
- line-height: 1.3;
2006
- white-space: normal;
2007
- text-align: left;
2039
+
2040
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2041
+ opacity: 1 !important;
2008
2042
  }
2009
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2010
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2043
+
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;
2011
2046
  }
2012
2047
 
2013
- /* ---- responsive ---- */
2014
- @media (max-width: 576px) {
2015
- .video-js.skin_cn_news .vjs-control-bar {
2016
- height: 3.2em !important;
2017
- padding: 0 8px;
2018
- }
2019
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2020
- padding: 0 6px;
2021
- }
2022
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2023
- display: none !important;
2024
- }
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;
2025
2050
  }
2026
2051
 
2027
2052
 
@@ -2205,6 +2230,8 @@
2205
2230
 
2206
2231
 
2207
2232
 
2233
+
2234
+
2208
2235
  .video-js .multicamera-parent.default{
2209
2236
  height: 345px;
2210
2237
  position: absolute;
@@ -2285,7 +2312,53 @@
2285
2312
 
2286
2313
 
2287
2314
 
2315
+ .vjs-custom-big-mute.vjs-control{
2316
+ position: absolute;
2317
+ align-items: center;
2318
+ background: #fcb700;
2319
+ border: 0;
2320
+ display: flex;
2321
+ align-items: center;
2322
+ height: 44px;
2323
+ justify-content: center;
2324
+ padding: 0;
2325
+ width: 44px;
2326
+ z-index: 1;
2327
+ outline: none;
2328
+ text-shadow:none !important;
2329
+ cursor: pointer;
2330
+ }
2331
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2332
+ display: flex;
2333
+ top: 50px;
2334
+ height: 50px;
2335
+ width: 50px;
2336
+ }
2337
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2338
+ height: 28px;
2339
+ width: 28px;
2340
+ }
2341
+ .vjs-custom-big-mute.vjs-control:hover{
2342
+ filter: none;
2343
+ }
2344
+
2345
+
2346
+ .vjs-custom-big-mute.vjs-control.tl{
2347
+ top: 0;
2348
+ left: 0;
2349
+ margin: 15px 0 0 15px;
2350
+ }
2351
+
2352
+ .vjs-custom-big-mute.vjs-control.hide{
2353
+ display: none !important;
2354
+
2355
+ }
2288
2356
 
2357
+ .vjs-custom-big-mute.vjs-control > svg {
2358
+ color: #071d39;
2359
+ height: 22px;
2360
+ width: 22px;
2361
+ }
2289
2362
 
2290
2363
 
2291
2364
  /* Watch in Vertical View Button */
@@ -2375,54 +2448,6 @@
2375
2448
  }
2376
2449
  }
2377
2450
 
2378
- .vjs-custom-big-mute.vjs-control{
2379
- position: absolute;
2380
- align-items: center;
2381
- background: #fcb700;
2382
- border: 0;
2383
- display: flex;
2384
- align-items: center;
2385
- height: 44px;
2386
- justify-content: center;
2387
- padding: 0;
2388
- width: 44px;
2389
- z-index: 1;
2390
- outline: none;
2391
- text-shadow:none !important;
2392
- cursor: pointer;
2393
- }
2394
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2395
- display: flex;
2396
- top: 50px;
2397
- height: 50px;
2398
- width: 50px;
2399
- }
2400
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2401
- height: 28px;
2402
- width: 28px;
2403
- }
2404
- .vjs-custom-big-mute.vjs-control:hover{
2405
- filter: none;
2406
- }
2407
-
2408
-
2409
- .vjs-custom-big-mute.vjs-control.tl{
2410
- top: 0;
2411
- left: 0;
2412
- margin: 15px 0 0 15px;
2413
- }
2414
-
2415
- .vjs-custom-big-mute.vjs-control.hide{
2416
- display: none !important;
2417
-
2418
- }
2419
-
2420
- .vjs-custom-big-mute.vjs-control > svg {
2421
- color: #071d39;
2422
- height: 22px;
2423
- width: 22px;
2424
- }
2425
-
2426
2451
  /* nextep — up-next card (centered in player, scales with player size) */
2427
2452
  .video-js:has(.next-ep-preview),
2428
2453
  .video-js:has(.next-ep-preview-player-thumb) {
@@ -2705,6 +2730,38 @@
2705
2730
  z-index: 30 !important;
2706
2731
  }
2707
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
+
2708
2765
  .video-js.vjs-quality-menu {
2709
2766
  display: block;
2710
2767
  }
@@ -2784,38 +2841,6 @@
2784
2841
  .video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content::-webkit-scrollbar{
2785
2842
  display: none;
2786
2843
  }
2787
- /* a wrapper element that tracks the mouse vertically */
2788
- .vjs-thumbnail-holder {
2789
- position: absolute;
2790
- left: -1000px;
2791
- }
2792
-
2793
- /* the thumbnail image itself */
2794
- .vjs-thumbnail {
2795
- position: absolute;
2796
- left: 0;
2797
- bottom: 1.3em;
2798
- opacity: 0;
2799
- transition: opacity .2s ease;
2800
- -webkit-transition: opacity .2s ease;
2801
- -moz-transition: opacity .2s ease;
2802
- -mz-transition: opacity .2s ease;
2803
- }
2804
-
2805
- /* fade in the thumbnail when hovering over the progress bar */
2806
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2807
- .vjs-progress-control:hover .vjs-thumbnail,
2808
- .vjs-progress-control.fake-active .vjs-thumbnail,
2809
- .vjs-progress-control:active .vjs-thumbnail {
2810
- opacity: 1;
2811
- }
2812
-
2813
- /* ... but hide the thumbnail when hovering directly over it */
2814
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2815
- .vjs-progress-control:active .vjs-thumbnail:active {
2816
- opacity: 0;
2817
- }
2818
-
2819
2844
  .vjs-poster {
2820
2845
  display: inline-block;
2821
2846
  vertical-align: middle;
@@ -3194,6 +3219,136 @@
3194
3219
  display: none !important;
3195
3220
  visibility: hidden !important;
3196
3221
  }
3222
+ /* DVR start-over: start overlay + persistent Watch Live / Watch from Beginning controls */
3223
+
3224
+ .video-js .vl-dvr-hidden {
3225
+ display: none !important;
3226
+ }
3227
+
3228
+ /* While the viewer picks where to start, the overlay is the only control */
3229
+ .video-js.vl-dvr-pending .vjs-big-play-button,
3230
+ .video-js.vl-dvr-pending .vjs-control-bar,
3231
+ .video-js.vl-dvr-pending .vjs-loading-spinner {
3232
+ display: none !important;
3233
+ }
3234
+
3235
+ .video-js .vl-dvr-overlay {
3236
+ position: absolute;
3237
+ inset: 0;
3238
+ z-index: 5;
3239
+ display: flex;
3240
+ align-items: center;
3241
+ justify-content: center;
3242
+ background: rgba(0, 0, 0, 0.55); /* the video.js poster shows through */
3243
+ }
3244
+
3245
+ .video-js .vl-dvr-overlay-actions {
3246
+ display: flex;
3247
+ flex-direction: column;
3248
+ gap: 12px;
3249
+ min-width: 220px;
3250
+ }
3251
+
3252
+ .video-js .vl-dvr-btn {
3253
+ display: inline-flex;
3254
+ align-items: center;
3255
+ gap: 8px;
3256
+ margin: 0;
3257
+ border: none;
3258
+ cursor: pointer;
3259
+ font-family: inherit;
3260
+ font-weight: 600;
3261
+ line-height: 1.2;
3262
+ white-space: nowrap;
3263
+ box-sizing: border-box;
3264
+ transition: transform 0.12s ease, background-color 0.15s ease, opacity 0.15s ease;
3265
+ }
3266
+
3267
+ .video-js .vl-dvr-btn:active {
3268
+ transform: scale(0.98);
3269
+ }
3270
+
3271
+ .video-js .vl-dvr-btn:focus-visible {
3272
+ outline: 2px solid #fff;
3273
+ outline-offset: 2px;
3274
+ }
3275
+
3276
+ .video-js .vl-dvr-icon {
3277
+ display: inline-flex;
3278
+ flex: none;
3279
+ }
3280
+
3281
+ .video-js .vl-dvr-overlay .vl-dvr-btn {
3282
+ padding: 11px 20px;
3283
+ border-radius: 8px;
3284
+ font-size: 14px;
3285
+ }
3286
+
3287
+ .video-js .vl-dvr-btn--primary {
3288
+ background: #fff;
3289
+ color: #000;
3290
+ }
3291
+
3292
+ .video-js .vl-dvr-btn--secondary {
3293
+ background: rgba(255, 255, 255, 0.18);
3294
+ color: #fff;
3295
+ }
3296
+
3297
+ .video-js .vl-dvr-overlay .vl-dvr-btn:hover {
3298
+ opacity: 0.9;
3299
+ }
3300
+
3301
+ /* Sits on the right, just above the control bar (and any seek bar floating over it) */
3302
+ .video-js .vl-dvr-controls {
3303
+ position: absolute;
3304
+ right: 1em;
3305
+ bottom: calc(var(--vlp-caption-bottom, 4em) + 1.2em);
3306
+ z-index: 2;
3307
+ display: flex;
3308
+ gap: 8px;
3309
+ visibility: visible;
3310
+ opacity: 1;
3311
+ transition: visibility 0.1s, opacity 0.1s;
3312
+ }
3313
+
3314
+ .video-js .vl-dvr-controls .vl-dvr-btn {
3315
+ padding: 6px 12px;
3316
+ border-radius: 4px;
3317
+ font-size: 12px;
3318
+ background: rgba(0, 0, 0, 0.65);
3319
+ color: #fff;
3320
+ }
3321
+
3322
+ .video-js .vl-dvr-controls .vl-dvr-btn:hover {
3323
+ background: rgba(0, 0, 0, 0.85);
3324
+ }
3325
+
3326
+ /* Fade out with the control bar */
3327
+ .video-js.vjs-user-inactive.vjs-playing .vl-dvr-controls {
3328
+ visibility: hidden;
3329
+ opacity: 0;
3330
+ transition: visibility 1s, opacity 1s;
3331
+ }
3332
+
3333
+ .video-js.vjs-controls-disabled .vl-dvr-controls,
3334
+ .video-js.vjs-ad-playing .vl-dvr-controls,
3335
+ .video-js.vjs-ad-loading .vl-dvr-controls,
3336
+ .video-js.vjs-error .vl-dvr-controls,
3337
+ .video-js.vjs-error .vl-dvr-overlay {
3338
+ display: none;
3339
+ }
3340
+
3341
+ .video-js.vjs-layout-x-small .vl-dvr-controls .vl-dvr-label,
3342
+ .video-js.vjs-layout-tiny .vl-dvr-controls .vl-dvr-label {
3343
+ display: none; /* icon-only on very small players; aria-label keeps the name */
3344
+ }
3345
+
3346
+ .video-js.vjs-layout-x-small .vl-dvr-overlay .vl-dvr-btn,
3347
+ .video-js.vjs-layout-tiny .vl-dvr-overlay .vl-dvr-btn {
3348
+ padding: 8px 14px;
3349
+ font-size: 12px;
3350
+ }
3351
+
3197
3352
  /* Resolution Module */
3198
3353
 
3199
3354
  .video-js .container {