@viewlift/player-backup 2.0.297-backup → 2.0.298-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 (59) hide show
  1. package/cjs/{autoNextVideo-fa3874dd.js → autoNextVideo-1f2fa37c.js} +1 -1
  2. package/cjs/bundle.css +888 -888
  3. package/cjs/{features-41c9fbc0.js → features-718b5ff9.js} +1 -1
  4. package/cjs/generic-de678153.js +1 -0
  5. package/cjs/{index-322d6c89.js → index-20fab3e1.js} +1 -1
  6. package/cjs/{index-8a9a9d4f.js → index-4eeaba15.js} +1 -1
  7. package/cjs/{index-0c4eda18.js → index-a319e73f.js} +1 -1
  8. package/cjs/{index-3356fe8c.js → index-da797a95.js} +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/{multicamv2-405def83.js → multicamv2-38f60b42.js} +1 -1
  11. package/cjs/{multicamv2-4c36a4b6.js → multicamv2-540b3e9b.js} +1 -1
  12. package/cjs/{nextEpisodeButton-06b4237d.js → nextEpisodeButton-1c5cd5e0.js} +1 -1
  13. package/cjs/{playlist-85bada7f.js → playlist-c216d4ed.js} +1 -1
  14. package/cjs/{series-57af68b1.js → series-e73d39b3.js} +1 -1
  15. package/cjs/{series-v2-b9736535.js → series-v2-0aad0f22.js} +1 -1
  16. package/cjs/{series-v2-3beafe90.js → series-v2-600ff0a5.js} +1 -1
  17. package/cjs/{skin-82457814.js → skin-1b22caab.js} +1 -1
  18. package/cjs/{skin-9a8dd48d.js → skin-269cc53d.js} +1 -1
  19. package/cjs/{skin-08943309.js → skin-4a34c95b.js} +1 -1
  20. package/cjs/{skin-689e558c.js → skin-60f8d0a4.js} +1 -1
  21. package/cjs/{skin-84d51e1a.js → skin-6d09537e.js} +1 -1
  22. package/cjs/{skin-0ab416f5.js → skin-6e55e5ee.js} +1 -1
  23. package/cjs/{skin-2d394a3c.js → skin-8e8c7df8.js} +1 -1
  24. package/cjs/{skin-176ab1b5.js → skin-b65aec55.js} +1 -1
  25. package/cjs/{skin-ba5e2587.js → skin-d72f0d6f.js} +1 -1
  26. package/cjs/{skin-bea108bd.js → skin-f002ff60.js} +1 -1
  27. package/cjs/{videoSelector-ec9b4d4b.js → videoSelector-67403ab1.js} +1 -1
  28. package/cjs/{videoSelector-d1329ec3.js → videoSelector-b3b6f26e.js} +1 -1
  29. package/esm/{autoNextVideo-24cb6191.js → autoNextVideo-affb5a38.js} +1 -1
  30. package/esm/bundle.css +888 -888
  31. package/esm/{features-64dca26b.js → features-4fa1d9d3.js} +1 -1
  32. package/esm/generic-96bd88a2.js +1 -0
  33. package/esm/{index-b4d31515.js → index-0ed04a73.js} +1 -1
  34. package/esm/{index-362fad37.js → index-10ffa415.js} +1 -1
  35. package/esm/{index-5c79c125.js → index-596186c9.js} +1 -1
  36. package/esm/{index-bb2d5dcb.js → index-986917f0.js} +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/{multicamv2-2f4829b6.js → multicamv2-ca426a9f.js} +1 -1
  39. package/esm/{multicamv2-9f875b4b.js → multicamv2-e76261d3.js} +1 -1
  40. package/esm/{nextEpisodeButton-ac6afcd4.js → nextEpisodeButton-b078e8d3.js} +1 -1
  41. package/esm/{playlist-a9e0c098.js → playlist-3969db56.js} +1 -1
  42. package/esm/{series-5ddcd5da.js → series-8870aca0.js} +1 -1
  43. package/esm/{series-v2-f8c95b76.js → series-v2-8a67a89e.js} +1 -1
  44. package/esm/{series-v2-87d9cd76.js → series-v2-aa554a91.js} +1 -1
  45. package/esm/{skin-ebecbb07.js → skin-0ba281ee.js} +1 -1
  46. package/esm/{skin-578253c6.js → skin-156273b0.js} +1 -1
  47. package/esm/{skin-e1f32725.js → skin-167f3262.js} +1 -1
  48. package/esm/{skin-c9f7f5a9.js → skin-380f7322.js} +1 -1
  49. package/esm/{skin-7260af27.js → skin-770bc143.js} +1 -1
  50. package/esm/{skin-5aa955ae.js → skin-92d6e7ef.js} +1 -1
  51. package/esm/{skin-6dd7871e.js → skin-9ad79db0.js} +1 -1
  52. package/esm/{skin-a3b2c49d.js → skin-ddc1316d.js} +1 -1
  53. package/esm/{skin-2114817e.js → skin-eaa89a25.js} +1 -1
  54. package/esm/{skin-7d5ba59b.js → skin-f22e1fd7.js} +1 -1
  55. package/esm/{videoSelector-c2f3514d.js → videoSelector-320fea81.js} +1 -1
  56. package/esm/{videoSelector-dea33c02.js → videoSelector-508bebff.js} +1 -1
  57. package/package.json +1 -1
  58. package/cjs/generic-801833b3.js +0 -1
  59. package/esm/generic-90eeea98.js +0 -1
package/esm/bundle.css CHANGED
@@ -198,360 +198,500 @@
198
198
  }
199
199
 
200
200
 
201
-
202
-
203
- .video-js.skin_cn_news .vjs-control-bar {
204
- z-index: 1 !important;
205
- height: auto !important;
206
- padding: 0.8em 30px 0.6em;
207
- background: transparent !important;
208
- display: flex;
209
- flex-wrap: wrap;
210
- align-items: center;
211
- column-gap: 10px;
201
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
202
+ font-size: 2.2em;
203
+ line-height: 2.6;
204
+ }
205
+ .video-js.skin_mini{
206
+ overflow: hidden;
207
+ }
208
+ .video-js.skin_mini .vjs-control-bar{
209
+ z-index: 1 !important;
210
+ height: 4em !important;
211
+ background: black !important;
212
212
  }
213
213
 
214
+ .video-js.skin_mini .vjs-fade>* {
215
+ visibility: hidden !important;
216
+ opacity: 0 !important;
217
+ transition: visibility 1s, opacity 1s !important;
218
+ }
214
219
 
215
- .video-js.skin_cn_news .vjs-control-bar::before {
216
- content: '';
220
+ .video-js.skin_mini .custom-spaced-progress-bar {
217
221
  position: absolute;
218
- left: 0;
219
- right: 0;
220
- bottom: 0;
221
- top: -3em;
222
- background: linear-gradient(
223
- to top,
224
- rgba(0, 0, 0, 0.85) 0%,
225
- rgba(0, 0, 0, 0.7) 40%,
226
- rgba(0, 0, 0, 0.55) 70%,
227
- rgba(0, 0, 0, 0.38) 86%,
228
- transparent 100%
229
- );
230
- pointer-events: none;
231
- z-index: -1;
222
+ width: 100%;
223
+ display: flex;
224
+ height: 0.5em;
225
+ top: -0.5em;
232
226
  }
233
227
 
234
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
235
- order: -1;
236
- flex: 0 0 100%;
237
- width: 80%;
238
- margin: 0 0 5em;
228
+ .video-js.skin_mini .vjs-progress-control {
229
+ /* left: -6px; */
239
230
  position: relative;
231
+ width: 100%;
232
+ height: 0.5em;
233
+ transition: height 0.1s, top 0.1s;
240
234
  }
241
235
 
242
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
243
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
244
- width: auto;
245
- min-width: 0;
246
- }
247
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
248
- display: inline-flex;
249
- align-items: center;
250
- justify-content: center;
251
- height: 7em;
252
- padding: 0 10px;
253
- color: #fff;
254
- }
255
236
 
256
- .video-js.skin_cn_news .vjs-svg-icon::before {
257
- content: none !important;
258
- }
259
237
 
260
238
 
261
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
262
- display: inline-flex;
263
- align-items: center;
264
- justify-content: center;
265
- }
266
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
267
- .video-js.skin_cn_news .vjs-rewind-button svg {
268
- width: 24px;
269
- height: 24px;
239
+ .video-js.skin_mini .vjs-custom-control-spacer {
270
240
  display: block;
241
+ flex: 1 1 auto;
271
242
  }
272
243
 
244
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
245
+ margin: 0 0px 0 0px;
246
+ }
247
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
248
+ display: none;
249
+ }
273
250
 
251
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
252
+ font-size: 14px;
253
+ font-weight: 500;
254
+ align-self: center;
255
+ height: min-content;
256
+ padding: 5px 2px;
257
+ border-radius: 8px;
258
+ }
274
259
 
275
- .video-js.skin_cn_news .vjs-subs-caps-button {
276
- opacity: 1;
260
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
261
+ height: 5px !important;
277
262
  }
278
263
 
264
+ .video-js.skin_mini .vjs-play-progress:before {
265
+ font-size: 1.3em;
266
+ line-height: unset;
267
+ top: -0.3333333333em;
268
+ }
279
269
 
270
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
271
+ display: none !important;
272
+ }
280
273
 
281
- .video-js.skin_cn_news .vjs-volume-panel {
282
- margin: 0;
283
- display: inline-flex;
284
- align-items: center;
285
- align-self: center;
286
- height: 2.2em;
287
- min-width: 7em;
288
- transition: none;
274
+ /* */
275
+ .video-js.skin_mini .vjs-mouse-display{
276
+ font-size: 1.6666666667em;
289
277
  }
290
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
291
- width: 0;
292
- height: 100%;
278
+
279
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
280
+ font-size: 1em !important;
281
+ }
282
+
283
+ .video-js.skin_mini .vjs-button{
284
+ width: 3em;
293
285
  display: flex;
294
286
  align-items: center;
295
- overflow: hidden;
296
- opacity: 0;
297
- transition: width 0.15s ease, opacity 0.15s ease;
287
+ justify-content: center;
298
288
  }
299
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
300
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
301
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
302
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
303
- width: 5em;
304
- opacity: 1;
289
+
290
+
291
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
292
+ .icon-maximize {
293
+ display: block;
294
+ height: 32px;
305
295
  }
306
296
 
307
- .video-js.skin_cn_news .vjs-volume-bar {
308
- width: 4em;
309
- height: 0.3em;
310
- margin: 0 0.45em;
297
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
298
+ line-height: 4;
311
299
  }
312
300
 
301
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
302
+ .icon-minimize {
303
+ display: none;
304
+ height: 32px;
305
+ }
313
306
 
314
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
315
- display: none !important;
307
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
308
+ outline: none !important;
309
+ }
310
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
311
+ .vjs-icon-fullscreen-enter:before {
312
+ /* content: '' !important; */
316
313
  }
317
314
 
318
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
319
- width: 0 !important;
315
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
316
+ display: flex;
317
+ justify-content: center;
318
+ align-items: center;
319
+ /* transform: rotate(90deg); */
320
320
  }
321
321
 
322
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
323
+ display: none;
324
+ }
325
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
326
+ margin-left: -10px;
327
+ display: none;
328
+ }
322
329
 
323
- .video-js.skin_cn_news .vjs-custom-control-spacer {
324
- display: block !important;
325
- flex: 1 1 auto;
330
+ .video-js.skin_mini .vjs-loading-spinner {
331
+ position: absolute;
332
+ top: 50%;
333
+ left: 50%;
334
+ transform: translate(-50%, -50%);
335
+ opacity: .85;
336
+ text-align: left;
337
+ border: .2em solid rgba(43, 51, 63, .7);
338
+ box-sizing: border-box;
339
+ background-clip: padding-box;
340
+ width: 3em;
341
+ height: 3em;
342
+ border-radius: 50%;
343
+ visibility: hidden;
326
344
  }
327
345
 
346
+ .video-js.skin_mini .skipbtn:hover{
347
+ cursor: pointer;
348
+ }
328
349
 
329
- .video-js.skin_cn_news .vjs-big-play-button {
330
- display: none;
350
+ .video-js.skin_mini .rewindbtn:hover{
351
+ cursor: pointer;
331
352
  }
332
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
333
- position: relative !important;
334
- display: flex;
335
- left: 0;
336
- top: -1px;
353
+
354
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
355
+ position: relative;
356
+ padding-left: 0;
337
357
  }
338
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
358
+
359
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
360
+ width: 40px;
361
+ height: 40px;
339
362
  display: flex;
340
363
  justify-content: center;
341
364
  align-items: center;
365
+ border: none;
342
366
  position: absolute;
343
367
  top: 0;
344
368
  left: 0;
345
369
  right: 0;
346
370
  bottom: 0;
347
371
  margin: auto;
348
- width: 80px;
349
- height: 80px;
350
- border: none;
351
- border-radius: 50%;
352
- background: rgba(0, 0, 0, 0.55);
353
- font-size: 5em;
372
+ font-size: 3em;
354
373
  line-height: 1.3em;
355
374
  transform: none !important;
375
+ border-radius: 1.3em;
356
376
  }
357
377
 
358
-
359
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
360
- height: 4px !important;
361
- margin: 0;
362
- border-radius: 20px;
363
- background-color: #393944;
378
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
379
+ font-weight: bold;
364
380
  }
365
381
 
366
- .video-js.skin_cn_news .vjs-play-progress {
367
- background-color: #ffffff;
368
- border-radius: 20px;
382
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
383
+ bottom: 1.1em !important;
384
+ right: 1em;
385
+ z-index: 1;
386
+ font-size: 10px;
369
387
  }
370
388
 
371
- .video-js.skin_cn_news .vjs-load-progress,
372
- .video-js.skin_cn_news .vjs-load-progress div {
373
- background: rgba(255, 255, 255, 0.15);
374
- border-radius: 20px;
389
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
390
+ width: 24px !important;
391
+ height: 24px !important;
392
+ }
393
+ .video-js.skin_mini .settings-selector-icon>svg{
394
+ height: 19px !important;
395
+ width: 19px !important;
375
396
  }
376
397
 
377
398
 
378
- .video-js.skin_cn_news .vjs-play-progress:before {
379
- content: '';
380
- width: 16px;
381
- height: 16px;
382
- border-radius: 50%;
383
- background: #ffffff;
384
- border: 2px solid rgba(0, 0, 0, 0.6);
385
- box-sizing: border-box;
386
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
387
- top: -6px;
388
- right: -8px;
389
- position: absolute;
399
+ .video-js.skin_mini button.vjs-rewind-button{
400
+ cursor: pointer;
390
401
  }
391
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
392
- display: none !important;
402
+
403
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
404
+ padding-right: 0;
393
405
  }
394
406
 
395
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
396
- background: #ffffff;
397
- color: #0a0e17;
398
- font-weight: 700;
399
- border-radius: 3px;
407
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
408
+ padding-left: 0;
400
409
  }
401
410
 
402
- .video-js.skin_cn_news .vjs-live-control {
403
- display: none !important;
411
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
412
+ padding-left: 0;
413
+ padding-right: 0;
414
+ display: flex;
415
+ justify-content: center;
416
+ width: min-content;
404
417
  }
405
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
406
- display: inline-flex;
407
- align-items: center;
408
- align-self: center;
409
- height: 2.2em;
410
- gap: 5px;
411
- width: auto;
412
- padding: 0 10px;
413
- border: 1px solid rgba(255, 255, 255, 0.45);
414
- border-radius: 4px;
415
- cursor: pointer;
418
+
419
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
420
+ display: none
421
+ }
422
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
423
+ display: none
416
424
  }
417
425
 
418
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
419
- display: none;
426
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
427
+ display: flex;
428
+ align-items: center;
429
+ font-weight: 700;
430
+ font-size: 9px;
431
+ min-width: 0.8em;
432
+ padding-left: 0;
420
433
  }
421
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
422
- display: inline-flex;
434
+
435
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
436
+ display: none;
437
+ font-size: 11px;
438
+ justify-content: center;
423
439
  align-items: center;
440
+ user-select: none;
424
441
  }
425
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
426
- content: '';
427
- display: inline-block;
428
- width: 8px;
429
- height: 8px;
430
- border-radius: 50%;
431
- background: #ff2d2d; /* red live dot */
442
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
443
+ display: none;
432
444
  }
433
- .video-js.skin_cn_news .vjs-seek-to-live-text {
434
- color: #ffffff;
435
- font-weight: 700;
436
- font-size: 12px;
437
- letter-spacing: 0.03em;
445
+
446
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
447
+ height: min-content;
448
+ width: min-content;
449
+ }
450
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
451
+ width: 3em;
452
+ margin-right: 4px;
438
453
  }
439
454
 
440
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
441
- border-color: transparent;
455
+ .video-js.skin_mini .content{
456
+ bottom: 3.4rem !important;
457
+ right: -4rem !important;
442
458
  }
443
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
444
- color: #ff2d2d;
459
+
460
+ .video-js.skin_mini .setting-icon > svg{
461
+ height:18px !important;
445
462
  }
446
463
 
447
- /* ---- time controls ---- */
448
- .video-js.skin_cn_news .vjs-current-time,
449
- .video-js.skin_cn_news .vjs-duration,
450
- .video-js.skin_cn_news .vjs-time-divider {
451
- display: none !important;
464
+ .output-overlay{
465
+ position: absolute;
466
+ bottom: 0;
467
+ height: 100%;
468
+ width: 100%;
469
+ z-index: 0;
470
+ border: 0;
471
+ pointer-events:none
452
472
  }
453
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
454
- display: none;
473
+
474
+ .video-js.skin_mini iframe{
475
+ width: 100%;
476
+ height: 100%;
477
+ }
478
+
479
+ .video-js.skin_mini .vjs-live-control{
480
+ align-items: center;
481
+ max-width: 5em;
482
+ }
483
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
484
+ height: 2.2em;
485
+ display: flex;
455
486
  align-items: center;
487
+ font-family: monospace;
488
+ width: 4em;
456
489
  justify-content: center;
457
- font-size: 11px;
458
- font-weight: 700;
459
- color: #fff;
460
- padding: 0 6px;
461
- user-select: none;
490
+ background: red;
491
+ margin: 4px 0px 4px 2px;
462
492
  }
463
493
 
494
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
495
+ text-shadow: none;
496
+ }
497
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
498
+ display: none;
499
+ font-size: 12px;
500
+ }
464
501
 
465
- .video-js.skin_cn_news .vjs-chapter-marker {
466
- z-index: 2;
467
- width: var(--vl-chapter-size, 8px);
468
- height: var(--vl-chapter-size, 8px);
469
- top: 50%;
470
- bottom: auto;
471
- background: var(--vl-chapter-color, #ffffff);
472
- opacity: var(--vl-chapter-opacity, 1);
473
- border-radius: 50%;
474
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
475
- transform: translate(-50%, -50%) scale(1);
476
- transition: background-color 0.12s ease;
502
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
503
+ height: 1.8em;
504
+ display: inline-flex;
505
+ align-items: center;
506
+ font-family: monospace;
507
+ justify-content: center;
508
+ border: 1.5px solid;
509
+ margin: 4px 0px 4px 2px;
510
+ white-space: pre;
511
+ padding: 2px 4px;
512
+ font-size: 1.2em;
513
+ font-weight: 500;
514
+ color: rgba(255, 255, 2555, 0.7);
477
515
  }
478
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
479
- background: var(--vl-chapter-hover, #0a5cff);
516
+
517
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
518
+ content: "NOT LIVE";
519
+ word-spacing: -4px;
480
520
  }
481
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
482
- background: var(--vl-chapter-active, #0a5cff);
521
+
522
+
523
+ @media(max-width:600px){
524
+ .tvProviderImage{
525
+ display: none
526
+ }
527
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
528
+ .icon-maximize {
529
+ height: 30px !important;
530
+ }
531
+
532
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
533
+ .icon-minimize {
534
+ height: 30px !important;
535
+ }
536
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
537
+ width: 3.5em;
538
+ }
539
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
540
+ height: min-content;
541
+ }
542
+
543
+ .video-js.skin_mini button.vjs-slowmo-button{
544
+ display: none;
545
+ }
546
+ .video-js.skin_mini button.vjs-rewind-button{
547
+ display: none;
548
+ }
549
+ .video-js.skin_mini button.vjs-rewind-button>svg{
550
+ height: 20px;
551
+ }
552
+ .video-js.skin_mini .vjs-button{
553
+ width: 3em;
554
+ }
555
+ .video-js.skin_mini .widget-selection{
556
+ display: none;
557
+ }
558
+ .video-js.skin_mini .container{
559
+ display: none !important;
560
+ }
561
+ .video-js.skin_mini .vjs-control-bar{
562
+ height: 4em !important;
563
+ }
564
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
565
+ font-size: 2.5em;
566
+ line-height: 1.5;
567
+ }
568
+ .video-js.skin_mini .vjs-play-progress:before {
569
+ font-size: 1.2em;
570
+ position: absolute;
571
+ right: -0.5em;
572
+ z-index: 1;
573
+ }
574
+ .video-js.skin_mini button.vjs-skip-button>svg{
575
+ height: 20px;
483
576
  }
484
577
 
578
+ .stream-selector-icon>svg{
579
+ width: 24px;
580
+ height: 24px;
581
+ }
582
+ .video-js.skin_mini .vjs-seek-to-live-text{
583
+ font-size: 12px;
584
+ }
485
585
 
486
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
487
- width: 16px;
488
- height: 16px;
489
- bottom: 160%;
490
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
586
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
587
+ color: white !important;
588
+ font-size: 16px !important;
589
+ background-color: rgba(0,0,0,0.2) !important;
590
+ }
491
591
  }
492
592
 
593
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
594
+ color: white !important;
595
+ font-size: 16px !important;
596
+ background-color: rgba(0,0,0,0.2) !important;
597
+ }
493
598
 
494
- .video-js.skin_cn_news .vjs-chapter-preview {
495
- background: var(--vl-chapter-tooltip, #0a5cff);
496
- border-radius: 6px;
497
- padding: 8px 10px;
498
- width: max-content;
499
- max-width: 300px;
500
- text-align: left;
501
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
599
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
600
+ font-size: 18px !important;
502
601
  }
503
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
504
- color: #ffffff;
505
- font-size: 13px;
506
- font-weight: 400;
507
- margin-bottom: 2px;
602
+
603
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
604
+ margin-bottom: 1rem !important;
508
605
  }
509
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
510
- color: #ffffff;
511
- font-size: 13px;
512
- font-weight: 400;
513
- line-height: 1.3;
514
- white-space: normal;
515
- text-align: left;
606
+
607
+
608
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
609
+ display: flex;
610
+ justify-content: center;
611
+ align-items: center;
612
+ height: 100%;
613
+ transition: width 0.1s;
516
614
  }
517
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
518
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
615
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
616
+ margin: 2px;
519
617
  }
520
618
 
521
- /* ---- responsive ---- */
522
- @media (max-width: 576px) {
523
- .video-js.skin_cn_news .vjs-control-bar {
524
- height: 3.2em !important;
525
- padding: 0 8px;
526
- }
527
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
528
- padding: 0 6px;
619
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
620
+ display: flex;
621
+ justify-content: center;
622
+ align-items: center;
623
+ height: 100%;
624
+ transition: width 0.1s;
625
+ }
626
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
627
+ display: grid;
628
+ font-size: 10px;
629
+ grid-template-columns: 1fr;
630
+ grid-template-rows: 1fr;
631
+ padding: 1px 0px 0 0px;
632
+ margin: 0;
633
+ }
634
+
635
+ @media (max-width: 600px) {
636
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
637
+ height: 5px !important;
529
638
  }
530
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
531
- display: none !important;
639
+
640
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
641
+ display: none;
532
642
  }
643
+
533
644
  }
534
645
 
535
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
646
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
647
+ content: none !important;
648
+ fill: none !important;
649
+ filter: none !important;
650
+ }
651
+
652
+ /* svg icons opacity and hover effect */
653
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
654
+ opacity: 0.7 !important;
655
+ }
656
+
657
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
658
+ opacity: 1 !important;
659
+ }
660
+
661
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
662
+ color: rgba(255, 255, 2555, 0.7)!important;
663
+ }
664
+
665
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
666
+ color: rgba(255, 255, 2555, 1)!important;
667
+ }
668
+
669
+
670
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
536
671
  font-size: 2.2em;
537
672
  line-height: 2.6;
538
673
  }
539
- .video-js.skin_mini{
540
- overflow: hidden;
674
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
675
+ background: #fcb700;
541
676
  }
542
- .video-js.skin_mini .vjs-control-bar{
677
+ .video-js.skin_news_live .vjs-control-bar{
543
678
  z-index: 1 !important;
544
- height: 4em !important;
679
+ height: 5em !important;
545
680
  background: black !important;
546
681
  }
682
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
683
+ display: flex;
684
+ align-items: center;
685
+ justify-content: center;
686
+ }
547
687
 
548
- .video-js.skin_mini .vjs-fade>* {
688
+ .video-js.skin_news_live .vjs-fade>* {
549
689
  visibility: hidden !important;
550
690
  opacity: 0 !important;
551
691
  transition: visibility 1s, opacity 1s !important;
552
692
  }
553
693
 
554
- .video-js.skin_mini .custom-spaced-progress-bar {
694
+ .video-js.skin_news_live .custom-spaced-progress-bar {
555
695
  position: absolute;
556
696
  width: 100%;
557
697
  display: flex;
@@ -559,7 +699,7 @@
559
699
  top: -0.5em;
560
700
  }
561
701
 
562
- .video-js.skin_mini .vjs-progress-control {
702
+ .video-js.skin_news_live .vjs-progress-control {
563
703
  /* left: -6px; */
564
704
  position: relative;
565
705
  width: 100%;
@@ -567,22 +707,25 @@
567
707
  transition: height 0.1s, top 0.1s;
568
708
  }
569
709
 
710
+ .video-js.skin_news_live .vjs-volume-panel{
711
+ min-width: 5.3em;
712
+ }
570
713
 
571
714
 
572
715
 
573
- .video-js.skin_mini .vjs-custom-control-spacer {
574
- display: block;
575
- flex: 1 1 auto;
716
+ .video-js.skin_news_live .vjs-custom-control-spacer {
717
+ /* display: block; */
718
+ /* flex: 1 1 auto; */
576
719
  }
577
720
 
578
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
721
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
579
722
  margin: 0 0px 0 0px;
580
723
  }
581
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
724
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
582
725
  display: none;
583
726
  }
584
727
 
585
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
728
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
586
729
  font-size: 14px;
587
730
  font-weight: 500;
588
731
  align-self: center;
@@ -591,207 +734,199 @@
591
734
  border-radius: 8px;
592
735
  }
593
736
 
594
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
595
- height: 5px !important;
737
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
738
+ height: 6px !important;
596
739
  }
597
740
 
598
- .video-js.skin_mini .vjs-play-progress:before {
599
- font-size: 1.3em;
741
+ .video-js.skin_news_live .vjs-play-progress:before {
742
+ font-size: 1.5em;
600
743
  line-height: unset;
601
744
  top: -0.3333333333em;
602
745
  }
603
746
 
604
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
747
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
605
748
  display: none !important;
606
749
  }
607
750
 
608
751
  /* */
609
- .video-js.skin_mini .vjs-mouse-display{
752
+ .video-js.skin_news_live .vjs-mouse-display{
610
753
  font-size: 1.6666666667em;
611
754
  }
612
755
 
613
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
756
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
614
757
  font-size: 1em !important;
615
758
  }
616
759
 
617
- .video-js.skin_mini .vjs-button{
618
- width: 3em;
760
+ .video-js.skin_news_live .vjs-button{
761
+ width: 5.3em;
619
762
  display: flex;
620
763
  align-items: center;
621
764
  justify-content: center;
622
765
  }
623
766
 
624
767
 
625
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
768
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
626
769
  .icon-maximize {
627
770
  display: block;
628
771
  height: 32px;
629
772
  }
630
773
 
631
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
774
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
632
775
  line-height: 4;
633
776
  }
634
777
 
635
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
778
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
636
779
  .icon-minimize {
637
780
  display: none;
638
781
  height: 32px;
639
782
  }
640
783
 
641
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
784
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
642
785
  outline: none !important;
786
+ /* flex: 1; */
643
787
  }
644
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
788
+ .video-js.skin_news_live .vjs-play-toggle-container{
789
+ display: flex;
790
+ flex: 1;
791
+ justify-content: center;
792
+ }
793
+
794
+
795
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
645
796
  .vjs-icon-fullscreen-enter:before {
646
797
  /* content: '' !important; */
647
798
  }
648
799
 
649
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
800
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
650
801
  display: flex;
651
802
  justify-content: center;
652
803
  align-items: center;
653
804
  /* transform: rotate(90deg); */
654
805
  }
655
806
 
656
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
807
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
657
808
  display: none;
658
809
  }
659
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
810
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
660
811
  margin-left: -10px;
661
- display: none;
662
- }
663
-
664
- .video-js.skin_mini .vjs-loading-spinner {
665
- position: absolute;
666
- top: 50%;
667
- left: 50%;
668
- transform: translate(-50%, -50%);
669
- opacity: .85;
670
- text-align: left;
671
- border: .2em solid rgba(43, 51, 63, .7);
672
- box-sizing: border-box;
673
- background-clip: padding-box;
674
- width: 3em;
675
- height: 3em;
676
- border-radius: 50%;
677
- visibility: hidden;
678
812
  }
679
813
 
680
- .video-js.skin_mini .skipbtn:hover{
814
+ .video-js.skin_news_live .skipbtn:hover{
681
815
  cursor: pointer;
682
816
  }
683
817
 
684
- .video-js.skin_mini .rewindbtn:hover{
818
+ .video-js.skin_news_live .rewindbtn:hover{
685
819
  cursor: pointer;
686
820
  }
687
821
 
688
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
822
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
689
823
  position: relative;
690
824
  padding-left: 0;
691
825
  }
692
826
 
693
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
694
- width: 40px;
695
- height: 40px;
696
- display: flex;
697
- justify-content: center;
698
- align-items: center;
699
- border: none;
700
- position: absolute;
701
- top: 0;
702
- left: 0;
703
- right: 0;
704
- bottom: 0;
705
- margin: auto;
706
- font-size: 3em;
707
- line-height: 1.3em;
708
- transform: none !important;
709
- border-radius: 1.3em;
827
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
828
+ display: none !important;
710
829
  }
711
830
 
712
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
831
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
832
+ /* width: 90px;
833
+ height: 90px;
834
+ display: flex;
835
+ justify-content: center;
836
+ align-items: center;
837
+ border-radius: 50%;
838
+ position: absolute;
839
+ top: 0;
840
+ left: 0;
841
+ right: 0;
842
+ bottom: 0;
843
+ margin: auto;
844
+ font-size: 6em;
845
+ line-height: 1.4em;
846
+ border: 0.05em solid;
847
+ color: inherit; */
848
+ display: none !important;
849
+ }
850
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
713
851
  font-weight: bold;
714
852
  }
715
853
 
716
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
717
- bottom: 1.1em !important;
718
- right: 1em;
854
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
855
+ bottom: 2.4em !important;
856
+ right: -1em;
719
857
  z-index: 1;
720
- font-size: 10px;
721
858
  }
722
859
 
723
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
860
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
724
861
  width: 24px !important;
725
862
  height: 24px !important;
726
863
  }
727
- .video-js.skin_mini .settings-selector-icon>svg{
864
+ .settings-selector-icon>svg{
728
865
  height: 19px !important;
729
866
  width: 19px !important;
730
867
  }
731
868
 
732
869
 
733
- .video-js.skin_mini button.vjs-rewind-button{
870
+ .video-js.skin_news_live button.vjs-rewind-button{
734
871
  cursor: pointer;
735
872
  }
736
873
 
737
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
874
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
738
875
  padding-right: 0;
876
+ display: none;
739
877
  }
740
878
 
741
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
879
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
742
880
  padding-left: 0;
881
+ display: none;
743
882
  }
744
883
 
745
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
884
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
746
885
  padding-left: 0;
747
886
  padding-right: 0;
748
- display: flex;
749
- justify-content: center;
750
- width: min-content;
887
+ display: none;
751
888
  }
752
889
 
753
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
890
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
754
891
  display: none
755
892
  }
756
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
893
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
757
894
  display: none
758
895
  }
759
896
 
760
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
761
- display: flex;
762
- align-items: center;
763
- font-weight: 700;
764
- font-size: 9px;
765
- min-width: 0.8em;
766
- padding-left: 0;
897
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
898
+ display: flex;
899
+ align-items: center;
900
+ font-weight: 700;
901
+ font-size: 12px;
902
+ min-width: 1.2em;
767
903
  }
768
904
 
769
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
905
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
770
906
  display: none;
771
907
  font-size: 11px;
772
908
  justify-content: center;
773
909
  align-items: center;
774
910
  user-select: none;
775
911
  }
776
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
912
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
777
913
  display: none;
778
914
  }
779
915
 
780
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
916
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
781
917
  height: min-content;
782
918
  width: min-content;
783
919
  }
784
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
785
- width: 3em;
786
- margin-right: 4px;
920
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
921
+ width: 6em;
787
922
  }
788
923
 
789
- .video-js.skin_mini .content{
924
+ .video-js.skin_news_live .content{
790
925
  bottom: 3.4rem !important;
791
926
  right: -4rem !important;
792
927
  }
793
928
 
794
- .video-js.skin_mini .setting-icon > svg{
929
+ .setting-icon > svg{
795
930
  height:18px !important;
796
931
  }
797
932
 
@@ -805,16 +940,16 @@
805
940
  pointer-events:none
806
941
  }
807
942
 
808
- .video-js.skin_mini iframe{
943
+ .video-js.skin_news_live iframe{
809
944
  width: 100%;
810
945
  height: 100%;
811
946
  }
812
947
 
813
- .video-js.skin_mini .vjs-live-control{
948
+ .video-js.skin_news_live .vjs-live-control{
814
949
  align-items: center;
815
- max-width: 5em;
950
+ display: none;
816
951
  }
817
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
952
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
818
953
  height: 2.2em;
819
954
  display: flex;
820
955
  align-items: center;
@@ -822,185 +957,219 @@
822
957
  width: 4em;
823
958
  justify-content: center;
824
959
  background: red;
825
- margin: 4px 0px 4px 2px;
960
+ margin: 4px 0px 4px 12px;
826
961
  }
827
962
 
828
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
963
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
829
964
  text-shadow: none;
830
965
  }
831
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
832
- display: none;
833
- font-size: 12px;
834
- }
835
966
 
836
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
837
- height: 1.8em;
838
- display: inline-flex;
839
- align-items: center;
840
- font-family: monospace;
967
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
968
+ display: flex;
841
969
  justify-content: center;
842
- border: 1.5px solid;
843
- margin: 4px 0px 4px 2px;
844
- white-space: pre;
845
- padding: 2px 4px;
846
- font-size: 1.2em;
847
- font-weight: 500;
848
- color: rgba(255, 255, 2555, 0.7);
970
+ min-width: 5.3em;
971
+ pointer-events: none;
972
+ user-select: none;
849
973
  }
850
974
 
851
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
852
- content: "NOT LIVE";
853
- word-spacing: -4px;
975
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
976
+ color: white;
854
977
  }
855
978
 
856
979
 
857
- @media(max-width:600px){
980
+ .settings-selection.vjs-control.vjs-button{
981
+ display: flex !important;
982
+ }
983
+
984
+ @media(max-width:576px){
985
+ .settings-selection.vjs-control.vjs-button{
986
+ display: none !important;
987
+ }
988
+ }
989
+
990
+
991
+ @media(max-width:576px){
858
992
  .tvProviderImage{
859
993
  display: none
860
994
  }
861
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
995
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
862
996
  .icon-maximize {
863
997
  height: 30px !important;
864
998
  }
865
999
 
866
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1000
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
867
1001
  .icon-minimize {
868
1002
  height: 30px !important;
869
1003
  }
870
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
871
- width: 3.5em;
1004
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1005
+ width: 4.5em;
872
1006
  }
873
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1007
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
874
1008
  height: min-content;
875
1009
  }
876
1010
 
877
- .video-js.skin_mini button.vjs-slowmo-button{
1011
+ .video-js.skin_news_live button.vjs-slowmo-button{
878
1012
  display: none;
879
1013
  }
880
- .video-js.skin_mini button.vjs-rewind-button{
1014
+ .video-js.skin_news_live button.vjs-rewind-button{
881
1015
  display: none;
882
1016
  }
883
- .video-js.skin_mini button.vjs-rewind-button>svg{
1017
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
884
1018
  height: 20px;
885
1019
  }
886
- .video-js.skin_mini .vjs-button{
887
- width: 3em;
1020
+ .video-js.skin_news_live .vjs-button{
1021
+ width: 4.8em;
888
1022
  }
889
- .video-js.skin_mini .widget-selection{
1023
+ .video-js.skin_news_live .widget-selection{
890
1024
  display: none;
891
1025
  }
892
- .video-js.skin_mini .container{
1026
+ .video-js.skin_news_live .container{
893
1027
  display: none !important;
894
1028
  }
895
- .video-js.skin_mini .vjs-control-bar{
1029
+ .video-js.skin_news_live .vjs-control-bar{
896
1030
  height: 4em !important;
897
1031
  }
898
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1032
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
899
1033
  font-size: 2.5em;
900
1034
  line-height: 1.5;
901
1035
  }
902
- .video-js.skin_mini .vjs-play-progress:before {
1036
+ .video-js.skin_news_live .vjs-play-progress:before {
903
1037
  font-size: 1.2em;
904
1038
  position: absolute;
905
1039
  right: -0.5em;
906
1040
  z-index: 1;
907
1041
  }
908
- .video-js.skin_mini button.vjs-skip-button>svg{
1042
+ .video-js.skin_news_live button.vjs-skip-button>svg{
909
1043
  height: 20px;
910
1044
  }
1045
+ .video-js.skin_news_live button.vjs-big-play-button {
1046
+ width: 50px !important;
1047
+ height: 50px !important;
1048
+ font-size: 2.1rem !important;
1049
+ }
911
1050
 
912
1051
  .stream-selector-icon>svg{
913
1052
  width: 24px;
914
1053
  height: 24px;
915
1054
  }
916
- .video-js.skin_mini .vjs-seek-to-live-text{
917
- font-size: 12px;
1055
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1056
+ margin: 0 12px 0 12px;
918
1057
  }
919
-
920
- .video-js.skin_mini .vjs-text-track-display-ttml span {
921
- color: white !important;
922
- font-size: 16px !important;
923
- background-color: rgba(0,0,0,0.2) !important;
924
- }
1058
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1059
+ font-size: 12px;
925
1060
  }
926
-
927
- .video-js.skin_mini .vjs-text-track-display-ttml span {
928
- color: white !important;
929
- font-size: 16px !important;
930
- background-color: rgba(0,0,0,0.2) !important;
1061
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1062
+ margin: 0 12px 0 12px;
931
1063
  }
932
-
933
- .video-js.skin_mini .vjs-text-track-display-ttml p {
934
- font-size: 18px !important;
935
1064
  }
936
-
937
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
938
- margin-bottom: 1rem !important;
1065
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1066
+ width: 90px;
1067
+ height: 90px;
1068
+ display: flex;
1069
+ justify-content: center;
1070
+ align-items: center;
1071
+ border-radius: 50%;
1072
+ position: absolute;
1073
+ top: 0;
1074
+ left: 0;
1075
+ right: 0;
1076
+ bottom: 0;
1077
+ margin: auto;
1078
+ font-size: 6em;
1079
+ line-height: 1.4em;
939
1080
  }
940
1081
 
941
-
942
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1082
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
943
1083
  display: flex;
944
1084
  justify-content: center;
945
1085
  align-items: center;
946
1086
  height: 100%;
947
1087
  transition: width 0.1s;
948
1088
  }
949
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
950
- margin: 2px;
951
- }
952
1089
 
953
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1090
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
954
1091
  display: flex;
955
1092
  justify-content: center;
956
1093
  align-items: center;
957
1094
  height: 100%;
958
1095
  transition: width 0.1s;
959
1096
  }
960
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
961
- display: grid;
962
- font-size: 10px;
963
- grid-template-columns: 1fr;
964
- grid-template-rows: 1fr;
965
- padding: 1px 0px 0 0px;
966
- margin: 0;
1097
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1098
+ display: none !important;
967
1099
  }
968
1100
 
969
- @media (max-width: 600px) {
970
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1101
+ @media (max-width: 576px) {
1102
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
971
1103
  height: 5px !important;
972
1104
  }
1105
+ .video-js.skin_news_live button.vjs-big-play-button {
1106
+ width: 50px !important;
1107
+ height: 50px !important;
1108
+ font-size: 2.1rem !important;
1109
+ }
973
1110
 
974
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1111
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
975
1112
  display: none;
976
1113
  }
1114
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1115
+ bottom: 2.4em !important;
1116
+ right: -1em;
1117
+ z-index: 1;
1118
+ }
1119
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1120
+ display: none !important;
1121
+ }
977
1122
 
1123
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1124
+ color: white !important;
1125
+ font-size: 13px !important;
1126
+ background-color: black !important;
1127
+ }
978
1128
  }
979
1129
 
980
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
981
- content: none !important;
982
- fill: none !important;
983
- filter: none !important;
1130
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1131
+ width: 100% !important;
984
1132
  }
985
1133
 
986
- /* svg icons opacity and hover effect */
987
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
988
- opacity: 0.7 !important;
1134
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1135
+ color: white !important;
1136
+ font-size: 16px !important;
1137
+ background-color: black !important;
989
1138
  }
990
1139
 
991
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
992
- opacity: 1 !important;
1140
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1141
+ margin-bottom: 2rem !important;
993
1142
  }
994
1143
 
995
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1144
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1145
+ font-size: 18px !important;
1146
+ }
1147
+
1148
+
1149
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1150
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1151
+ font-size: 1.2em !important;
1152
+ line-height: 1.5em !important;
1153
+ padding: 0.2em 0.8em !important;
1154
+ }
1155
+
1156
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1157
+ content: none !important;
1158
+ fill: none !important;
1159
+ filter: none !important;
1160
+ }
1161
+
1162
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
996
1163
  color: rgba(255, 255, 2555, 0.7)!important;
997
1164
  }
998
1165
 
999
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1166
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1000
1167
  color: rgba(255, 255, 2555, 1)!important;
1001
1168
  }
1002
1169
 
1003
1170
 
1171
+
1172
+
1004
1173
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1005
1174
  font-size: 2.2em;
1006
1175
  line-height: 2.6;
@@ -1478,558 +1647,389 @@
1478
1647
 
1479
1648
  .video-js.skin_news .vjs-text-track-display-ttml span {
1480
1649
  color: white;
1481
- font-size: 16px;
1482
- background-color: black;
1483
- }
1484
-
1485
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1486
- margin-bottom: 2rem !important;
1487
- }
1488
-
1489
- .video-js.skin_news .vjs-text-track-display-ttml p {
1490
- font-size: 18px !important;
1491
- }
1492
-
1493
-
1494
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1495
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1496
- font-size: 1.2em !important;
1497
- line-height: 1.5em !important;
1498
- padding: 0.2em 0.8em !important;
1499
- }
1500
-
1501
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1502
- content: none !important;
1503
- fill: none !important;
1504
- filter: none !important;
1505
- }
1506
-
1507
- /* svg icons opacity and hover effect */
1508
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1509
- opacity: 0.7 !important;
1510
- }
1511
-
1512
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1513
- opacity: 1 !important;
1514
- }
1515
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1516
- opacity: 0.7 !important;
1517
- }
1518
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1519
- opacity: 1 !important;
1520
- }
1521
-
1522
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1523
- color: rgba(255, 255, 2555, 0.7)!important;
1524
- }
1525
-
1526
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1527
- color: rgba(255, 255, 2555, 1)!important;
1528
- }
1529
-
1530
-
1531
-
1532
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1533
- font-size: 2.2em;
1534
- line-height: 2.6;
1535
- }
1536
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1537
- background: #fcb700;
1538
- }
1539
- .video-js.skin_news_live .vjs-control-bar{
1540
- z-index: 1 !important;
1541
- height: 5em !important;
1542
- background: black !important;
1543
- }
1544
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1545
- display: flex;
1546
- align-items: center;
1547
- justify-content: center;
1548
- }
1549
-
1550
- .video-js.skin_news_live .vjs-fade>* {
1551
- visibility: hidden !important;
1552
- opacity: 0 !important;
1553
- transition: visibility 1s, opacity 1s !important;
1554
- }
1555
-
1556
- .video-js.skin_news_live .custom-spaced-progress-bar {
1557
- position: absolute;
1558
- width: 100%;
1559
- display: flex;
1560
- height: 0.5em;
1561
- top: -0.5em;
1562
- }
1563
-
1564
- .video-js.skin_news_live .vjs-progress-control {
1565
- /* left: -6px; */
1566
- position: relative;
1567
- width: 100%;
1568
- height: 0.5em;
1569
- transition: height 0.1s, top 0.1s;
1570
- }
1571
-
1572
- .video-js.skin_news_live .vjs-volume-panel{
1573
- min-width: 5.3em;
1574
- }
1575
-
1576
-
1577
-
1578
- .video-js.skin_news_live .vjs-custom-control-spacer {
1579
- /* display: block; */
1580
- /* flex: 1 1 auto; */
1581
- }
1582
-
1583
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1584
- margin: 0 0px 0 0px;
1585
- }
1586
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1587
- display: none;
1588
- }
1589
-
1590
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1591
- font-size: 14px;
1592
- font-weight: 500;
1593
- align-self: center;
1594
- height: min-content;
1595
- padding: 5px 2px;
1596
- border-radius: 8px;
1597
- }
1598
-
1599
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1600
- height: 6px !important;
1601
- }
1602
-
1603
- .video-js.skin_news_live .vjs-play-progress:before {
1604
- font-size: 1.5em;
1605
- line-height: unset;
1606
- top: -0.3333333333em;
1607
- }
1608
-
1609
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1610
- display: none !important;
1611
- }
1612
-
1613
- /* */
1614
- .video-js.skin_news_live .vjs-mouse-display{
1615
- font-size: 1.6666666667em;
1616
- }
1617
-
1618
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1619
- font-size: 1em !important;
1620
- }
1621
-
1622
- .video-js.skin_news_live .vjs-button{
1623
- width: 5.3em;
1624
- display: flex;
1625
- align-items: center;
1626
- justify-content: center;
1627
- }
1628
-
1629
-
1630
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1631
- .icon-maximize {
1632
- display: block;
1633
- height: 32px;
1634
- }
1635
-
1636
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1637
- line-height: 4;
1638
- }
1639
-
1640
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1641
- .icon-minimize {
1642
- display: none;
1643
- height: 32px;
1644
- }
1645
-
1646
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1647
- outline: none !important;
1648
- /* flex: 1; */
1649
- }
1650
- .video-js.skin_news_live .vjs-play-toggle-container{
1651
- display: flex;
1652
- flex: 1;
1653
- justify-content: center;
1654
- }
1655
-
1656
-
1657
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1658
- .vjs-icon-fullscreen-enter:before {
1659
- /* content: '' !important; */
1660
- }
1661
-
1662
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1663
- display: flex;
1664
- justify-content: center;
1665
- align-items: center;
1666
- /* transform: rotate(90deg); */
1667
- }
1668
-
1669
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1670
- display: none;
1671
- }
1672
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1673
- margin-left: -10px;
1674
- }
1675
-
1676
- .video-js.skin_news_live .skipbtn:hover{
1677
- cursor: pointer;
1678
- }
1679
-
1680
- .video-js.skin_news_live .rewindbtn:hover{
1681
- cursor: pointer;
1682
- }
1683
-
1684
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1685
- position: relative;
1686
- padding-left: 0;
1687
- }
1688
-
1689
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1690
- display: none !important;
1691
- }
1692
-
1693
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1694
- /* width: 90px;
1695
- height: 90px;
1696
- display: flex;
1697
- justify-content: center;
1698
- align-items: center;
1699
- border-radius: 50%;
1700
- position: absolute;
1701
- top: 0;
1702
- left: 0;
1703
- right: 0;
1704
- bottom: 0;
1705
- margin: auto;
1706
- font-size: 6em;
1707
- line-height: 1.4em;
1708
- border: 0.05em solid;
1709
- color: inherit; */
1710
- display: none !important;
1711
- }
1712
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1713
- font-weight: bold;
1714
- }
1715
-
1716
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1717
- bottom: 2.4em !important;
1718
- right: -1em;
1719
- z-index: 1;
1720
- }
1721
-
1722
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1723
- width: 24px !important;
1724
- height: 24px !important;
1725
- }
1726
- .settings-selector-icon>svg{
1727
- height: 19px !important;
1728
- width: 19px !important;
1729
- }
1730
-
1731
-
1732
- .video-js.skin_news_live button.vjs-rewind-button{
1733
- cursor: pointer;
1650
+ font-size: 16px;
1651
+ background-color: black;
1734
1652
  }
1735
1653
 
1736
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1737
- padding-right: 0;
1738
- display: none;
1654
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1655
+ margin-bottom: 2rem !important;
1739
1656
  }
1740
1657
 
1741
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1742
- padding-left: 0;
1743
- display: none;
1658
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1659
+ font-size: 18px !important;
1744
1660
  }
1745
1661
 
1746
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1747
- padding-left: 0;
1748
- padding-right: 0;
1749
- display: none;
1750
- }
1751
1662
 
1752
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1753
- display: none
1663
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1664
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1665
+ font-size: 1.2em !important;
1666
+ line-height: 1.5em !important;
1667
+ padding: 0.2em 0.8em !important;
1754
1668
  }
1755
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1756
- display: none
1669
+
1670
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1671
+ content: none !important;
1672
+ fill: none !important;
1673
+ filter: none !important;
1757
1674
  }
1758
1675
 
1759
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1760
- display: flex;
1761
- align-items: center;
1762
- font-weight: 700;
1763
- font-size: 12px;
1764
- min-width: 1.2em;
1676
+ /* svg icons opacity and hover effect */
1677
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1678
+ opacity: 0.7 !important;
1765
1679
  }
1766
1680
 
1767
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1768
- display: none;
1769
- font-size: 11px;
1770
- justify-content: center;
1771
- align-items: center;
1772
- user-select: none;
1681
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1682
+ opacity: 1 !important;
1773
1683
  }
1774
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1775
- display: none;
1684
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1685
+ opacity: 0.7 !important;
1776
1686
  }
1777
-
1778
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1779
- height: min-content;
1780
- width: min-content;
1687
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1688
+ opacity: 1 !important;
1781
1689
  }
1782
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1783
- width: 6em;
1690
+
1691
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1692
+ color: rgba(255, 255, 2555, 0.7)!important;
1784
1693
  }
1785
1694
 
1786
- .video-js.skin_news_live .content{
1787
- bottom: 3.4rem !important;
1788
- right: -4rem !important;
1695
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1696
+ color: rgba(255, 255, 2555, 1)!important;
1789
1697
  }
1790
1698
 
1791
- .setting-icon > svg{
1792
- height:18px !important;
1699
+
1700
+
1701
+
1702
+ .video-js.skin_cn_news .vjs-control-bar {
1703
+ z-index: 1 !important;
1704
+ height: auto !important;
1705
+ padding: 0.8em 30px 0.6em;
1706
+ background: transparent !important;
1707
+ display: flex;
1708
+ flex-wrap: wrap;
1709
+ align-items: center;
1710
+ column-gap: 10px;
1793
1711
  }
1794
1712
 
1795
- .output-overlay{
1713
+
1714
+ .video-js.skin_cn_news .vjs-control-bar::before {
1715
+ content: '';
1796
1716
  position: absolute;
1717
+ left: 0;
1718
+ right: 0;
1797
1719
  bottom: 0;
1798
- height: 100%;
1799
- width: 100%;
1800
- z-index: 0;
1801
- border: 0;
1802
- pointer-events:none
1720
+ top: -3em;
1721
+ background: linear-gradient(
1722
+ to top,
1723
+ rgba(0, 0, 0, 0.85) 0%,
1724
+ rgba(0, 0, 0, 0.7) 40%,
1725
+ rgba(0, 0, 0, 0.55) 70%,
1726
+ rgba(0, 0, 0, 0.38) 86%,
1727
+ transparent 100%
1728
+ );
1729
+ pointer-events: none;
1730
+ z-index: -1;
1803
1731
  }
1804
1732
 
1805
- .video-js.skin_news_live iframe{
1806
- width: 100%;
1807
- height: 100%;
1733
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1734
+ order: -1;
1735
+ flex: 0 0 100%;
1736
+ width: 80%;
1737
+ margin: 0 0 5em;
1738
+ position: relative;
1808
1739
  }
1809
1740
 
1810
- .video-js.skin_news_live .vjs-live-control{
1811
- align-items: center;
1812
- display: none;
1741
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1742
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1743
+ width: auto;
1744
+ min-width: 0;
1813
1745
  }
1814
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1815
- height: 2.2em;
1816
- display: flex;
1746
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1747
+ display: inline-flex;
1817
1748
  align-items: center;
1818
- font-family: monospace;
1819
- width: 4em;
1820
1749
  justify-content: center;
1821
- background: red;
1822
- margin: 4px 0px 4px 12px;
1750
+ height: 7em;
1751
+ padding: 0 10px;
1752
+ color: #fff;
1823
1753
  }
1824
1754
 
1825
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1826
- text-shadow: none;
1755
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1756
+ content: none !important;
1827
1757
  }
1828
1758
 
1829
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1830
- display: flex;
1759
+
1760
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1761
+ display: inline-flex;
1762
+ align-items: center;
1831
1763
  justify-content: center;
1832
- min-width: 5.3em;
1833
- pointer-events: none;
1834
- user-select: none;
1835
1764
  }
1836
-
1837
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1838
- color: white;
1765
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1766
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1767
+ width: 24px;
1768
+ height: 24px;
1769
+ display: block;
1839
1770
  }
1840
1771
 
1841
1772
 
1842
- .settings-selection.vjs-control.vjs-button{
1843
- display: flex !important;
1844
- }
1845
1773
 
1846
- @media(max-width:576px){
1847
- .settings-selection.vjs-control.vjs-button{
1848
- display: none !important;
1849
- }
1774
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1775
+ opacity: 1;
1850
1776
  }
1851
1777
 
1852
1778
 
1853
- @media(max-width:576px){
1854
- .tvProviderImage{
1855
- display: none
1856
- }
1857
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1858
- .icon-maximize {
1859
- height: 30px !important;
1860
- }
1861
-
1862
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1863
- .icon-minimize {
1864
- height: 30px !important;
1865
- }
1866
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1867
- width: 4.5em;
1868
- }
1869
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1870
- height: min-content;
1871
- }
1872
1779
 
1873
- .video-js.skin_news_live button.vjs-slowmo-button{
1874
- display: none;
1875
- }
1876
- .video-js.skin_news_live button.vjs-rewind-button{
1877
- display: none;
1878
- }
1879
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1880
- height: 20px;
1881
- }
1882
- .video-js.skin_news_live .vjs-button{
1883
- width: 4.8em;
1884
- }
1885
- .video-js.skin_news_live .widget-selection{
1886
- display: none;
1887
- }
1888
- .video-js.skin_news_live .container{
1889
- display: none !important;
1890
- }
1891
- .video-js.skin_news_live .vjs-control-bar{
1892
- height: 4em !important;
1893
- }
1894
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1895
- font-size: 2.5em;
1896
- line-height: 1.5;
1897
- }
1898
- .video-js.skin_news_live .vjs-play-progress:before {
1899
- font-size: 1.2em;
1900
- position: absolute;
1901
- right: -0.5em;
1902
- z-index: 1;
1780
+ .video-js.skin_cn_news .vjs-volume-panel {
1781
+ margin: 0;
1782
+ display: inline-flex;
1783
+ align-items: center;
1784
+ align-self: center;
1785
+ height: 2.2em;
1786
+ min-width: 7em;
1787
+ transition: none;
1903
1788
  }
1904
- .video-js.skin_news_live button.vjs-skip-button>svg{
1905
- height: 20px;
1789
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1790
+ width: 0;
1791
+ height: 100%;
1792
+ display: flex;
1793
+ align-items: center;
1794
+ overflow: hidden;
1795
+ opacity: 0;
1796
+ transition: width 0.15s ease, opacity 0.15s ease;
1906
1797
  }
1907
- .video-js.skin_news_live button.vjs-big-play-button {
1908
- width: 50px !important;
1909
- height: 50px !important;
1910
- font-size: 2.1rem !important;
1798
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1799
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1800
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1801
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1802
+ width: 5em;
1803
+ opacity: 1;
1911
1804
  }
1912
1805
 
1913
- .stream-selector-icon>svg{
1914
- width: 24px;
1915
- height: 24px;
1806
+ .video-js.skin_cn_news .vjs-volume-bar {
1807
+ width: 4em;
1808
+ height: 0.3em;
1809
+ margin: 0 0.45em;
1916
1810
  }
1917
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1918
- margin: 0 12px 0 12px;
1811
+
1812
+
1813
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1814
+ display: none !important;
1815
+ }
1816
+
1817
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1818
+ width: 0 !important;
1919
1819
  }
1920
- .video-js.skin_news_live .vjs-seek-to-live-text{
1921
- font-size: 12px;
1820
+
1821
+
1822
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1823
+ display: block !important;
1824
+ flex: 1 1 auto;
1922
1825
  }
1923
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1924
- margin: 0 12px 0 12px;
1826
+
1827
+
1828
+ .video-js.skin_cn_news .vjs-big-play-button {
1829
+ display: none;
1925
1830
  }
1831
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1832
+ position: relative !important;
1833
+ display: flex;
1834
+ left: 0;
1835
+ top: -1px;
1926
1836
  }
1927
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1928
- width: 90px;
1929
- height: 90px;
1837
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1930
1838
  display: flex;
1931
1839
  justify-content: center;
1932
1840
  align-items: center;
1933
- border-radius: 50%;
1934
1841
  position: absolute;
1935
1842
  top: 0;
1936
1843
  left: 0;
1937
1844
  right: 0;
1938
1845
  bottom: 0;
1939
1846
  margin: auto;
1940
- font-size: 6em;
1941
- line-height: 1.4em;
1847
+ width: 80px;
1848
+ height: 80px;
1849
+ border: none;
1850
+ border-radius: 50%;
1851
+ background: rgba(0, 0, 0, 0.55);
1852
+ font-size: 5em;
1853
+ line-height: 1.3em;
1854
+ transform: none !important;
1942
1855
  }
1943
1856
 
1944
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1945
- display: flex;
1946
- justify-content: center;
1947
- align-items: center;
1948
- height: 100%;
1949
- transition: width 0.1s;
1857
+
1858
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1859
+ height: 4px !important;
1860
+ margin: 0;
1861
+ border-radius: 20px;
1862
+ background-color: #393944;
1950
1863
  }
1951
1864
 
1952
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1953
- display: flex;
1954
- justify-content: center;
1955
- align-items: center;
1956
- height: 100%;
1957
- transition: width 0.1s;
1865
+ .video-js.skin_cn_news .vjs-play-progress {
1866
+ background-color: #ffffff;
1867
+ border-radius: 20px;
1958
1868
  }
1959
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1960
- display: none !important;
1869
+
1870
+ .video-js.skin_cn_news .vjs-load-progress,
1871
+ .video-js.skin_cn_news .vjs-load-progress div {
1872
+ background: rgba(255, 255, 255, 0.15);
1873
+ border-radius: 20px;
1961
1874
  }
1962
1875
 
1963
- @media (max-width: 576px) {
1964
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1965
- height: 5px !important;
1966
- }
1967
- .video-js.skin_news_live button.vjs-big-play-button {
1968
- width: 50px !important;
1969
- height: 50px !important;
1970
- font-size: 2.1rem !important;
1971
- }
1972
1876
 
1973
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1974
- display: none;
1975
- }
1976
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1977
- bottom: 2.4em !important;
1978
- right: -1em;
1979
- z-index: 1;
1877
+ .video-js.skin_cn_news .vjs-play-progress:before {
1878
+ content: '';
1879
+ width: 16px;
1880
+ height: 16px;
1881
+ border-radius: 50%;
1882
+ background: #ffffff;
1883
+ border: 2px solid rgba(0, 0, 0, 0.6);
1884
+ box-sizing: border-box;
1885
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1886
+ top: -6px;
1887
+ right: -8px;
1888
+ position: absolute;
1889
+ }
1890
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1891
+ display: none !important;
1980
1892
  }
1981
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1982
- display: none !important;
1983
- }
1984
1893
 
1985
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1986
- color: white !important;
1987
- font-size: 13px !important;
1988
- background-color: black !important;
1989
- }
1894
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1895
+ background: #ffffff;
1896
+ color: #0a0e17;
1897
+ font-weight: 700;
1898
+ border-radius: 3px;
1990
1899
  }
1991
1900
 
1992
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1993
- width: 100% !important;
1901
+ .video-js.skin_cn_news .vjs-live-control {
1902
+ display: none !important;
1903
+ }
1904
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1905
+ display: inline-flex;
1906
+ align-items: center;
1907
+ align-self: center;
1908
+ height: 2.2em;
1909
+ gap: 5px;
1910
+ width: auto;
1911
+ padding: 0 10px;
1912
+ border: 1px solid rgba(255, 255, 255, 0.45);
1913
+ border-radius: 4px;
1914
+ cursor: pointer;
1994
1915
  }
1995
1916
 
1996
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1997
- color: white !important;
1998
- font-size: 16px !important;
1999
- background-color: black !important;
1917
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1918
+ display: none;
1919
+ }
1920
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1921
+ display: inline-flex;
1922
+ align-items: center;
1923
+ }
1924
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1925
+ content: '';
1926
+ display: inline-block;
1927
+ width: 8px;
1928
+ height: 8px;
1929
+ border-radius: 50%;
1930
+ background: #ff2d2d; /* red live dot */
1931
+ }
1932
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1933
+ color: #ffffff;
1934
+ font-weight: 700;
1935
+ font-size: 12px;
1936
+ letter-spacing: 0.03em;
2000
1937
  }
2001
1938
 
2002
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
2003
- margin-bottom: 2rem !important;
1939
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1940
+ border-color: transparent;
1941
+ }
1942
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1943
+ color: #ff2d2d;
2004
1944
  }
2005
1945
 
2006
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
2007
- font-size: 18px !important;
1946
+ /* ---- time controls ---- */
1947
+ .video-js.skin_cn_news .vjs-current-time,
1948
+ .video-js.skin_cn_news .vjs-duration,
1949
+ .video-js.skin_cn_news .vjs-time-divider {
1950
+ display: none !important;
1951
+ }
1952
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1953
+ display: none;
1954
+ align-items: center;
1955
+ justify-content: center;
1956
+ font-size: 11px;
1957
+ font-weight: 700;
1958
+ color: #fff;
1959
+ padding: 0 6px;
1960
+ user-select: none;
2008
1961
  }
2009
1962
 
2010
1963
 
2011
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
2012
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
2013
- font-size: 1.2em !important;
2014
- line-height: 1.5em !important;
2015
- padding: 0.2em 0.8em !important;
1964
+ .video-js.skin_cn_news .vjs-chapter-marker {
1965
+ z-index: 2;
1966
+ width: var(--vl-chapter-size, 8px);
1967
+ height: var(--vl-chapter-size, 8px);
1968
+ top: 50%;
1969
+ bottom: auto;
1970
+ background: var(--vl-chapter-color, #ffffff);
1971
+ opacity: var(--vl-chapter-opacity, 1);
1972
+ border-radius: 50%;
1973
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1974
+ transform: translate(-50%, -50%) scale(1);
1975
+ transition: background-color 0.12s ease;
2016
1976
  }
2017
-
2018
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
2019
- content: none !important;
2020
- fill: none !important;
2021
- filter: none !important;
1977
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1978
+ background: var(--vl-chapter-hover, #0a5cff);
2022
1979
  }
2023
-
2024
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2025
- color: rgba(255, 255, 2555, 0.7)!important;
1980
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1981
+ background: var(--vl-chapter-active, #0a5cff);
2026
1982
  }
2027
1983
 
2028
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2029
- color: rgba(255, 255, 2555, 1)!important;
1984
+
1985
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1986
+ width: 16px;
1987
+ height: 16px;
1988
+ bottom: 160%;
1989
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
2030
1990
  }
2031
1991
 
2032
1992
 
1993
+ .video-js.skin_cn_news .vjs-chapter-preview {
1994
+ background: var(--vl-chapter-tooltip, #0a5cff);
1995
+ border-radius: 6px;
1996
+ padding: 8px 10px;
1997
+ width: max-content;
1998
+ max-width: 300px;
1999
+ text-align: left;
2000
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
2001
+ }
2002
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
2003
+ color: #ffffff;
2004
+ font-size: 13px;
2005
+ font-weight: 400;
2006
+ margin-bottom: 2px;
2007
+ }
2008
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
2009
+ color: #ffffff;
2010
+ font-size: 13px;
2011
+ font-weight: 400;
2012
+ line-height: 1.3;
2013
+ white-space: normal;
2014
+ text-align: left;
2015
+ }
2016
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2017
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2018
+ }
2019
+
2020
+ /* ---- responsive ---- */
2021
+ @media (max-width: 576px) {
2022
+ .video-js.skin_cn_news .vjs-control-bar {
2023
+ height: 3.2em !important;
2024
+ padding: 0 8px;
2025
+ }
2026
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2027
+ padding: 0 6px;
2028
+ }
2029
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2030
+ display: none !important;
2031
+ }
2032
+ }
2033
2033
 
2034
2034
 
2035
2035
  /* CSS for videojs-dvr-seekbar */
@@ -2212,6 +2212,7 @@
2212
2212
 
2213
2213
 
2214
2214
 
2215
+
2215
2216
  .video-js .multicamera-parent.default{
2216
2217
  height: 345px;
2217
2218
  position: absolute;
@@ -2290,11 +2291,6 @@
2290
2291
  align-content: baseline;
2291
2292
  }
2292
2293
 
2293
-
2294
-
2295
-
2296
-
2297
-
2298
2294
  .vjs-custom-big-mute.vjs-control{
2299
2295
  position: absolute;
2300
2296
  align-items: center;
@@ -2343,6 +2339,10 @@
2343
2339
  width: 22px;
2344
2340
  }
2345
2341
 
2342
+
2343
+
2344
+
2345
+
2346
2346
  /* nextep — up-next card (centered in player, scales with player size) */
2347
2347
  .video-js:has(.next-ep-preview),
2348
2348
  .video-js:has(.next-ep-preview-player-thumb) {