@viewlift/player-backup 2.0.352-backup → 2.0.354-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 (61) hide show
  1. package/cjs/{autoNextVideo-b61ef51a.js → autoNextVideo-66b37002.js} +1 -1
  2. package/cjs/bundle.css +921 -912
  3. package/cjs/{features-85cc0d0e.js → features-1883e654.js} +1 -1
  4. package/cjs/generic-17f4d6ca.js +1 -0
  5. package/cjs/{index-003f4563.js → index-75726505.js} +1 -1
  6. package/cjs/{index-0df2452b.js → index-7e74fcd2.js} +1 -1
  7. package/cjs/{index-641241d9.js → index-958a579b.js} +1 -1
  8. package/cjs/{index-95592b91.js → index-e0d9278b.js} +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/{multicamv2-66c8a520.js → multicamv2-627af073.js} +1 -1
  11. package/cjs/{multicamv2-1d8f22bd.js → multicamv2-657be51d.js} +1 -1
  12. package/cjs/{nextEpisodeButton-f2ec19c2.js → nextEpisodeButton-42b4ca8d.js} +1 -1
  13. package/cjs/{playlist-c8698689.js → playlist-1371374f.js} +1 -1
  14. package/cjs/{series-93fdfc9e.js → series-237f8263.js} +1 -1
  15. package/cjs/{series-v2-56531302.js → series-v2-ae64961e.js} +1 -1
  16. package/cjs/{series-v2-3530d560.js → series-v2-e8dd491b.js} +1 -1
  17. package/cjs/{skin-7eab8810.js → skin-3dafaeb9.js} +1 -1
  18. package/cjs/{skin-5e1cf589.js → skin-40759447.js} +1 -1
  19. package/cjs/skin-4b7e4c3c.js +1 -0
  20. package/cjs/{skin-42c4ec6f.js → skin-4fd8fceb.js} +1 -1
  21. package/cjs/{skin-1ac5d660.js → skin-c12352cf.js} +1 -1
  22. package/cjs/{skin-33783b72.js → skin-d80e0ade.js} +1 -1
  23. package/cjs/{skin-0908f28a.js → skin-deb91d1c.js} +1 -1
  24. package/cjs/{skin-f0259f24.js → skin-f084eec8.js} +1 -1
  25. package/cjs/{skin-b3988dd7.js → skin-f3d7e5b4.js} +1 -1
  26. package/cjs/{skin-57bc5d49.js → skin-f8978ebe.js} +1 -1
  27. package/cjs/{videoSelector-d2938e5e.js → videoSelector-6494f026.js} +1 -1
  28. package/cjs/{videoSelector-259674e8.js → videoSelector-d09bd203.js} +1 -1
  29. package/esm/{autoNextVideo-88f2eb8a.js → autoNextVideo-1b14fa41.js} +1 -1
  30. package/esm/bundle.css +921 -912
  31. package/esm/{features-48c7570e.js → features-b1f1eb39.js} +1 -1
  32. package/esm/generic-c437cc53.js +1 -0
  33. package/esm/{index-b48a5d93.js → index-353bbd6f.js} +1 -1
  34. package/esm/{index-dffbf847.js → index-95d1ec66.js} +1 -1
  35. package/esm/{index-5d7fe297.js → index-b793da28.js} +1 -1
  36. package/esm/{index-669ae4a1.js → index-cd2ea379.js} +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/{multicamv2-4f74662c.js → multicamv2-167ae99d.js} +1 -1
  39. package/esm/{multicamv2-9e3efadb.js → multicamv2-3856d35b.js} +1 -1
  40. package/esm/{nextEpisodeButton-3e35a0f1.js → nextEpisodeButton-93a4cb9b.js} +1 -1
  41. package/esm/{playlist-42c7068f.js → playlist-eb2ef6bc.js} +1 -1
  42. package/esm/{series-160fc0ca.js → series-c636d9ee.js} +1 -1
  43. package/esm/{series-v2-b5605328.js → series-v2-4e1800dc.js} +1 -1
  44. package/esm/{series-v2-2b76e863.js → series-v2-d71173d8.js} +1 -1
  45. package/esm/{skin-f5d7a540.js → skin-1cf42cac.js} +1 -1
  46. package/esm/{skin-240a0d58.js → skin-26dcef2b.js} +1 -1
  47. package/esm/{skin-b4d23af8.js → skin-44d2671b.js} +1 -1
  48. package/esm/{skin-116c35d0.js → skin-5f4c8961.js} +1 -1
  49. package/esm/{skin-fd0c3eb0.js → skin-661b5043.js} +1 -1
  50. package/esm/{skin-a0327a5a.js → skin-6f29d75a.js} +1 -1
  51. package/esm/{skin-6ba68c5f.js → skin-87e08483.js} +1 -1
  52. package/esm/{skin-f2b54133.js → skin-88e8889d.js} +1 -1
  53. package/esm/{skin-7c392524.js → skin-965eac32.js} +1 -1
  54. package/esm/skin-96ac9396.js +1 -0
  55. package/esm/{videoSelector-a23d4a40.js → videoSelector-b056bac9.js} +1 -1
  56. package/esm/{videoSelector-a8a75506.js → videoSelector-e079ee9a.js} +1 -1
  57. package/package.json +25 -28
  58. package/cjs/generic-37fccf7c.js +0 -1
  59. package/cjs/skin-070a81bf.js +0 -1
  60. package/esm/generic-89376c33.js +0 -1
  61. package/esm/skin-8a9b5520.js +0 -1
package/cjs/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;
@@ -205,542 +203,395 @@
205
203
  text-decoration: underline;
206
204
  }
207
205
 
208
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
209
- font-size: 2.2em;
210
- line-height: 2.6;
211
- }
212
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
213
- background: #fcb700;
214
- }
215
- .video-js.skin_news_live .vjs-control-bar{
216
- z-index: 1 !important;
217
- height: 5em !important;
218
- background: black !important;
219
- }
220
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
206
+
207
+
208
+ .video-js.skin_cn_news .vjs-control-bar {
209
+ z-index: 1 !important;
210
+ height: auto !important;
211
+ padding: 0.8em 30px 0.6em;
212
+ background: transparent !important;
221
213
  display: flex;
214
+ flex-wrap: wrap;
222
215
  align-items: center;
223
- justify-content: center;
216
+ column-gap: 10px;
224
217
  }
225
218
 
226
- .video-js.skin_news_live .vjs-fade>* {
227
- visibility: hidden !important;
228
- opacity: 0 !important;
229
- transition: visibility 1s, opacity 1s !important;
230
- }
231
219
 
232
- .video-js.skin_news_live .custom-spaced-progress-bar {
220
+ .video-js.skin_cn_news .vjs-control-bar::before {
221
+ content: '';
233
222
  position: absolute;
234
- width: 100%;
235
- display: flex;
236
- height: 0.5em;
237
- top: -0.5em;
223
+ left: 0;
224
+ right: 0;
225
+ bottom: 0;
226
+ top: -3em;
227
+ background: linear-gradient(
228
+ to top,
229
+ rgba(0, 0, 0, 0.85) 0%,
230
+ rgba(0, 0, 0, 0.7) 40%,
231
+ rgba(0, 0, 0, 0.55) 70%,
232
+ rgba(0, 0, 0, 0.38) 86%,
233
+ transparent 100%
234
+ );
235
+ pointer-events: none;
236
+ z-index: -1;
238
237
  }
239
238
 
240
- .video-js.skin_news_live .vjs-progress-control {
241
- /* left: -6px; */
239
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
240
+ order: -1;
241
+ flex: 0 0 100%;
242
+ width: 80%;
243
+ margin: 0 0 5em;
242
244
  position: relative;
243
- width: 100%;
244
- height: 0.5em;
245
- transition: height 0.1s, top 0.1s;
246
245
  }
247
246
 
248
- .video-js.skin_news_live .vjs-volume-panel{
249
- min-width: 5.3em;
247
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
248
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
249
+ width: auto;
250
+ min-width: 0;
251
+ }
252
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
253
+ display: inline-flex;
254
+ align-items: center;
255
+ justify-content: center;
256
+ height: 7em;
257
+ padding: 0 10px;
258
+ color: #fff;
250
259
  }
251
260
 
252
-
253
-
254
- .video-js.skin_news_live .vjs-custom-control-spacer {
255
- /* display: block; */
256
- /* flex: 1 1 auto; */
261
+ .video-js.skin_cn_news .vjs-svg-icon::before {
262
+ content: none !important;
257
263
  }
258
264
 
259
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
260
- margin: 0 0px 0 0px;
265
+
266
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
267
+ display: inline-flex;
268
+ align-items: center;
269
+ justify-content: center;
261
270
  }
262
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
263
- display: none;
271
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
272
+ .video-js.skin_cn_news .vjs-rewind-button svg {
273
+ width: 24px;
274
+ height: 24px;
275
+ display: block;
264
276
  }
265
277
 
266
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
267
- font-size: 14px;
268
- font-weight: 500;
269
- align-self: center;
270
- height: min-content;
271
- padding: 5px 2px;
272
- border-radius: 8px;
273
- }
274
278
 
275
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
276
- height: 6px !important;
277
- }
278
279
 
279
- .video-js.skin_news_live .vjs-play-progress:before {
280
- font-size: 1.5em;
281
- line-height: unset;
282
- top: -0.3333333333em;
280
+ .video-js.skin_cn_news .vjs-subs-caps-button {
281
+ opacity: 1;
283
282
  }
284
283
 
285
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
286
- display: none !important;
287
- }
288
284
 
289
- /* */
290
- .video-js.skin_news_live .vjs-mouse-display{
291
- font-size: 1.6666666667em;
292
- }
293
285
 
294
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
295
- font-size: 1em !important;
286
+ .video-js.skin_cn_news .vjs-volume-panel {
287
+ margin: 0;
288
+ display: inline-flex;
289
+ align-items: center;
290
+ align-self: center;
291
+ height: 2.2em;
292
+ min-width: 7em;
293
+ transition: none;
296
294
  }
297
-
298
- .video-js.skin_news_live .vjs-button{
299
- width: 5.3em;
295
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
296
+ width: 0;
297
+ height: 100%;
300
298
  display: flex;
301
299
  align-items: center;
302
- justify-content: center;
300
+ overflow: hidden;
301
+ opacity: 0;
302
+ transition: width 0.15s ease, opacity 0.15s ease;
303
303
  }
304
-
305
-
306
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
307
- .icon-maximize {
308
- display: block;
309
- height: 32px;
304
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
305
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
306
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
307
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
308
+ width: 5em;
309
+ opacity: 1;
310
310
  }
311
311
 
312
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
313
- line-height: 4;
312
+ .video-js.skin_cn_news .vjs-volume-bar {
313
+ width: 4em;
314
+ height: 0.3em;
315
+ margin: 0 0.45em;
314
316
  }
315
317
 
316
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
317
- .icon-minimize {
318
- display: none;
319
- height: 32px;
320
- }
321
318
 
322
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
323
- outline: none !important;
324
- /* flex: 1; */
319
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
320
+ display: none !important;
325
321
  }
326
- .video-js.skin_news_live .vjs-play-toggle-container{
327
- display: flex;
328
- flex: 1;
329
- justify-content: center;
322
+
323
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
324
+ width: 0 !important;
330
325
  }
331
326
 
332
327
 
333
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
334
- .vjs-icon-fullscreen-enter:before {
335
- /* content: '' !important; */
328
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
329
+ display: block !important;
330
+ flex: 1 1 auto;
336
331
  }
337
332
 
338
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
333
+
334
+ .video-js.skin_cn_news .vjs-big-play-button {
335
+ display: none;
336
+ }
337
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
338
+ position: relative !important;
339
+ display: flex;
340
+ left: 0;
341
+ top: -1px;
342
+ }
343
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
339
344
  display: flex;
340
345
  justify-content: center;
341
346
  align-items: center;
342
- /* transform: rotate(90deg); */
347
+ position: absolute;
348
+ top: 0;
349
+ left: 0;
350
+ right: 0;
351
+ bottom: 0;
352
+ margin: auto;
353
+ width: 80px;
354
+ height: 80px;
355
+ border: none;
356
+ border-radius: 50%;
357
+ background: rgba(0, 0, 0, 0.55);
358
+ font-size: 5em;
359
+ line-height: 1.3em;
360
+ transform: none !important;
343
361
  }
344
362
 
345
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
346
- display: none;
347
- }
348
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
349
- margin-left: -10px;
350
- }
351
363
 
352
- .video-js.skin_news_live .skipbtn:hover{
353
- cursor: pointer;
364
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
365
+ height: 4px !important;
366
+ margin: 0;
367
+ border-radius: 20px;
368
+ background-color: #393944;
354
369
  }
355
370
 
356
- .video-js.skin_news_live .rewindbtn:hover{
357
- cursor: pointer;
371
+ .video-js.skin_cn_news .vjs-play-progress {
372
+ background-color: #ffffff;
373
+ border-radius: 20px;
358
374
  }
359
375
 
360
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
361
- position: relative;
362
- padding-left: 0;
376
+ .video-js.skin_cn_news .vjs-load-progress,
377
+ .video-js.skin_cn_news .vjs-load-progress div {
378
+ background: rgba(255, 255, 255, 0.15);
379
+ border-radius: 20px;
363
380
  }
364
381
 
365
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
382
+
383
+ .video-js.skin_cn_news .vjs-play-progress:before {
384
+ content: '';
385
+ width: 16px;
386
+ height: 16px;
387
+ border-radius: 50%;
388
+ background: #ffffff;
389
+ border: 2px solid rgba(0, 0, 0, 0.6);
390
+ box-sizing: border-box;
391
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
392
+ top: -6px;
393
+ right: -8px;
394
+ position: absolute;
395
+ }
396
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
366
397
  display: none !important;
367
398
  }
368
399
 
369
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
370
- /* width: 90px;
371
- height: 90px;
372
- display: flex;
373
- justify-content: center;
374
- align-items: center;
375
- border-radius: 50%;
376
- position: absolute;
377
- top: 0;
378
- left: 0;
379
- right: 0;
380
- bottom: 0;
381
- margin: auto;
382
- font-size: 6em;
383
- line-height: 1.4em;
384
- border: 0.05em solid;
385
- color: inherit; */
386
- display: none !important;
387
- }
388
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
389
- font-weight: bold;
390
- }
391
-
392
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
393
- bottom: 2.4em !important;
394
- right: -1em;
395
- z-index: 1;
400
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
401
+ background: #ffffff;
402
+ color: #0a0e17;
403
+ font-weight: 700;
404
+ border-radius: 3px;
396
405
  }
397
406
 
398
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
399
- width: 24px !important;
400
- height: 24px !important;
401
- }
402
- .settings-selector-icon>svg{
403
- height: 19px !important;
404
- width: 19px !important;
407
+ .video-js.skin_cn_news .vjs-live-control {
408
+ display: none !important;
405
409
  }
406
-
407
-
408
- .video-js.skin_news_live button.vjs-rewind-button{
410
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
411
+ display: inline-flex;
412
+ align-items: center;
413
+ align-self: center;
414
+ height: 2.2em;
415
+ gap: 5px;
416
+ width: auto;
417
+ padding: 0 10px;
418
+ border: 1px solid rgba(255, 255, 255, 0.45);
419
+ border-radius: 4px;
409
420
  cursor: pointer;
410
421
  }
411
422
 
412
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
413
- padding-right: 0;
423
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
414
424
  display: none;
415
425
  }
416
-
417
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
418
- padding-left: 0;
419
- display: none;
426
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
427
+ display: inline-flex;
428
+ align-items: center;
420
429
  }
421
-
422
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
423
- padding-left: 0;
424
- padding-right: 0;
425
- display: none;
430
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
431
+ content: '';
432
+ display: inline-block;
433
+ width: 8px;
434
+ height: 8px;
435
+ border-radius: 50%;
436
+ background: #ff2d2d; /* red live dot */
437
+ }
438
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
439
+ color: #ffffff;
440
+ font-weight: 700;
441
+ font-size: 12px;
442
+ letter-spacing: 0.03em;
426
443
  }
427
444
 
428
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
429
- display: none
445
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
446
+ border-color: transparent;
430
447
  }
431
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
432
- display: none
448
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
449
+ color: #ff2d2d;
433
450
  }
434
451
 
435
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
436
- display: flex;
437
- align-items: center;
438
- font-weight: 700;
439
- font-size: 12px;
440
- min-width: 1.2em;
452
+ /* ---- time controls ---- */
453
+ .video-js.skin_cn_news .vjs-current-time,
454
+ .video-js.skin_cn_news .vjs-duration,
455
+ .video-js.skin_cn_news .vjs-time-divider {
456
+ display: none !important;
441
457
  }
442
-
443
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
444
- display: none;
445
- font-size: 11px;
446
- justify-content: center;
458
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
459
+ display: none;
447
460
  align-items: center;
461
+ justify-content: center;
462
+ font-size: 11px;
463
+ font-weight: 700;
464
+ color: #fff;
465
+ padding: 0 6px;
448
466
  user-select: none;
449
467
  }
450
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
451
- display: none;
452
- }
453
468
 
454
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
455
- height: min-content;
456
- width: min-content;
469
+
470
+ .video-js.skin_cn_news .vjs-chapter-marker {
471
+ z-index: 2;
472
+ width: var(--vl-chapter-size, 8px);
473
+ height: var(--vl-chapter-size, 8px);
474
+ top: 50%;
475
+ bottom: auto;
476
+ background: var(--vl-chapter-color, #ffffff);
477
+ opacity: var(--vl-chapter-opacity, 1);
478
+ border-radius: 50%;
479
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
480
+ transform: translate(-50%, -50%) scale(1);
481
+ transition: background-color 0.12s ease;
457
482
  }
458
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
459
- width: 6em;
483
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
484
+ background: var(--vl-chapter-hover, #0a5cff);
460
485
  }
461
-
462
- .video-js.skin_news_live .content{
463
- bottom: 3.4rem !important;
464
- right: -4rem !important;
486
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
487
+ background: var(--vl-chapter-active, #0a5cff);
465
488
  }
466
489
 
467
- .setting-icon > svg{
468
- height:18px !important;
490
+
491
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
492
+ width: 16px;
493
+ height: 16px;
494
+ bottom: 160%;
495
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
469
496
  }
470
497
 
471
- .output-overlay{
472
- position: absolute;
473
- bottom: 0;
474
- height: 100%;
475
- width: 100%;
476
- z-index: 0;
477
- border: 0;
478
- pointer-events:none
498
+
499
+ .video-js.skin_cn_news .vjs-chapter-preview {
500
+ background: var(--vl-chapter-tooltip, #0a5cff);
501
+ border-radius: 6px;
502
+ padding: 8px 10px;
503
+ width: max-content;
504
+ max-width: 300px;
505
+ text-align: left;
506
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
507
+ }
508
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
509
+ color: #ffffff;
510
+ font-size: 13px;
511
+ font-weight: 400;
512
+ margin-bottom: 2px;
513
+ }
514
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
515
+ color: #ffffff;
516
+ font-size: 13px;
517
+ font-weight: 400;
518
+ line-height: 1.3;
519
+ white-space: normal;
520
+ text-align: left;
521
+ }
522
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
523
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
479
524
  }
480
525
 
481
- .video-js.skin_news_live iframe{
482
- width: 100%;
483
- height: 100%;
526
+ /* ---- responsive ---- */
527
+ @media (max-width: 576px) {
528
+ .video-js.skin_cn_news .vjs-control-bar {
529
+ height: 3.2em !important;
530
+ padding: 0 8px;
531
+ }
532
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
533
+ padding: 0 6px;
534
+ }
535
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
536
+ display: none !important;
537
+ }
484
538
  }
485
539
 
486
- .video-js.skin_news_live .vjs-live-control{
487
- align-items: center;
488
- display: none;
540
+
541
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
542
+ font-size: 2.2em;
543
+ line-height: 2.6;
489
544
  }
490
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
491
- height: 2.2em;
545
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
546
+ background: white;
547
+ }
548
+ .video-js.skin_news .vjs-control-bar{
549
+ z-index: 1 !important;
550
+ height: 5em !important;
551
+ background: black !important;
552
+ }
553
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
492
554
  display: flex;
493
555
  align-items: center;
494
- font-family: monospace;
495
- width: 4em;
496
556
  justify-content: center;
497
- background: red;
498
- margin: 4px 0px 4px 12px;
499
557
  }
500
558
 
501
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
502
- text-shadow: none;
559
+ .video-js.skin_news .vjs-fade>* {
560
+ visibility: hidden !important;
561
+ opacity: 0 !important;
562
+ transition: visibility 1s, opacity 1s !important;
503
563
  }
504
564
 
505
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
565
+ .video-js.skin_news .custom-spaced-progress-bar {
566
+ position: absolute;
567
+ width: 100%;
506
568
  display: flex;
507
- justify-content: center;
508
- min-width: 5.3em;
509
- pointer-events: none;
510
- user-select: none;
569
+ height: 0.5em;
570
+ top: -0.5em;
511
571
  }
512
572
 
513
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
514
- color: white;
573
+ .video-js.skin_news .vjs-progress-control {
574
+ /* left: -6px; */
575
+ position: relative;
576
+ width: 100%;
577
+ height: 0.5em;
578
+ transition: height 0.1s, top 0.1s;
515
579
  }
516
580
 
517
581
 
518
- .settings-selection.vjs-control.vjs-button{
519
- display: flex !important;
520
- }
521
582
 
522
- @media(max-width:576px){
523
- .settings-selection.vjs-control.vjs-button{
524
- display: none !important;
525
- }
583
+
584
+ .video-js.skin_news .vjs-custom-control-spacer {
585
+ display: block;
586
+ flex: 1 1 auto;
526
587
  }
527
588
 
528
-
529
- @media(max-width:576px){
530
- .tvProviderImage{
531
- display: none
532
- }
533
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
534
- .icon-maximize {
535
- height: 30px !important;
536
- }
537
-
538
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
539
- .icon-minimize {
540
- height: 30px !important;
541
- }
542
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
543
- width: 4.5em;
544
- }
545
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
546
- height: min-content;
547
- }
548
-
549
- .video-js.skin_news_live button.vjs-slowmo-button{
550
- display: none;
551
- }
552
- .video-js.skin_news_live button.vjs-rewind-button{
553
- display: none;
554
- }
555
- .video-js.skin_news_live button.vjs-rewind-button>svg{
556
- height: 20px;
557
- }
558
- .video-js.skin_news_live .vjs-button{
559
- width: 4.8em;
560
- }
561
- .video-js.skin_news_live .widget-selection{
562
- display: none;
563
- }
564
- .video-js.skin_news_live .container{
565
- display: none !important;
566
- }
567
- .video-js.skin_news_live .vjs-control-bar{
568
- height: 4em !important;
569
- }
570
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
571
- font-size: 2.5em;
572
- line-height: 1.5;
573
- }
574
- .video-js.skin_news_live .vjs-play-progress:before {
575
- font-size: 1.2em;
576
- position: absolute;
577
- right: -0.5em;
578
- z-index: 1;
579
- }
580
- .video-js.skin_news_live button.vjs-skip-button>svg{
581
- height: 20px;
582
- }
583
- .video-js.skin_news_live button.vjs-big-play-button {
584
- width: 50px !important;
585
- height: 50px !important;
586
- font-size: 2.1rem !important;
587
- }
588
-
589
- .stream-selector-icon>svg{
590
- width: 24px;
591
- height: 24px;
592
- }
593
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
594
- margin: 0 12px 0 12px;
595
- }
596
- .video-js.skin_news_live .vjs-seek-to-live-text{
597
- font-size: 12px;
598
- }
599
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
600
- margin: 0 12px 0 12px;
601
- }
602
- }
603
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
604
- width: 90px;
605
- height: 90px;
606
- display: flex;
607
- justify-content: center;
608
- align-items: center;
609
- border-radius: 50%;
610
- position: absolute;
611
- top: 0;
612
- left: 0;
613
- right: 0;
614
- bottom: 0;
615
- margin: auto;
616
- font-size: 6em;
617
- line-height: 1.4em;
618
- }
619
-
620
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
621
- display: flex;
622
- justify-content: center;
623
- align-items: center;
624
- height: 100%;
625
- transition: width 0.1s;
626
- }
627
-
628
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
629
- display: flex;
630
- justify-content: center;
631
- align-items: center;
632
- height: 100%;
633
- transition: width 0.1s;
634
- }
635
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
636
- display: none !important;
637
- }
638
-
639
- @media (max-width: 576px) {
640
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
641
- height: 5px !important;
642
- }
643
- .video-js.skin_news_live button.vjs-big-play-button {
644
- width: 50px !important;
645
- height: 50px !important;
646
- font-size: 2.1rem !important;
647
- }
648
-
649
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
650
- display: none;
651
- }
652
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
653
- bottom: 2.4em !important;
654
- right: -1em;
655
- z-index: 1;
656
- }
657
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
658
- display: none !important;
659
- }
660
-
661
- }
662
-
663
- .video-js.skin_news_live .vjs-text-track-display-ttml {
664
- width: 100% !important;
665
- }
666
-
667
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
668
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
669
- font-size: 1.2em !important;
670
- line-height: 1.5em !important;
671
- padding: 0.2em 0.8em !important;
672
- }
673
-
674
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
675
- content: none !important;
676
- fill: none !important;
677
- filter: none !important;
678
- }
679
-
680
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
681
- color: rgba(255, 255, 2555, 0.7)!important;
682
- }
683
-
684
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
685
- color: rgba(255, 255, 2555, 1)!important;
686
- }
687
-
688
-
689
-
690
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
691
- font-size: 2.2em;
692
- line-height: 2.6;
693
- }
694
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
695
- background: white;
696
- }
697
- .video-js.skin_news .vjs-control-bar{
698
- z-index: 1 !important;
699
- height: 5em !important;
700
- background: black !important;
701
- }
702
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
703
- display: flex;
704
- align-items: center;
705
- justify-content: center;
706
- }
707
-
708
- .video-js.skin_news .vjs-fade>* {
709
- visibility: hidden !important;
710
- opacity: 0 !important;
711
- transition: visibility 1s, opacity 1s !important;
712
- }
713
-
714
- .video-js.skin_news .custom-spaced-progress-bar {
715
- position: absolute;
716
- width: 100%;
717
- display: flex;
718
- height: 0.5em;
719
- top: -0.5em;
720
- }
721
-
722
- .video-js.skin_news .vjs-progress-control {
723
- /* left: -6px; */
724
- position: relative;
725
- width: 100%;
726
- height: 0.5em;
727
- transition: height 0.1s, top 0.1s;
728
- }
729
-
730
-
731
-
732
-
733
- .video-js.skin_news .vjs-custom-control-spacer {
734
- display: block;
735
- flex: 1 1 auto;
736
- }
737
-
738
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
739
- margin: 0 0px 0 0px;
740
- }
741
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
742
- display: none;
743
- }
589
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
590
+ margin: 0 0px 0 0px;
591
+ }
592
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
593
+ display: none;
594
+ }
744
595
 
745
596
  .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
746
597
  font-size: 14px;
@@ -1215,26 +1066,31 @@
1215
1066
 
1216
1067
 
1217
1068
 
1218
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1069
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1219
1070
  font-size: 2.2em;
1220
1071
  line-height: 2.6;
1221
1072
  }
1222
- .video-js.skin_mini{
1223
- overflow: hidden;
1073
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1074
+ background: #fcb700;
1224
1075
  }
1225
- .video-js.skin_mini .vjs-control-bar{
1076
+ .video-js.skin_news_live .vjs-control-bar{
1226
1077
  z-index: 1 !important;
1227
- height: 4em !important;
1078
+ height: 5em !important;
1228
1079
  background: black !important;
1229
1080
  }
1081
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1082
+ display: flex;
1083
+ align-items: center;
1084
+ justify-content: center;
1085
+ }
1230
1086
 
1231
- .video-js.skin_mini .vjs-fade>* {
1087
+ .video-js.skin_news_live .vjs-fade>* {
1232
1088
  visibility: hidden !important;
1233
1089
  opacity: 0 !important;
1234
1090
  transition: visibility 1s, opacity 1s !important;
1235
1091
  }
1236
1092
 
1237
- .video-js.skin_mini .custom-spaced-progress-bar {
1093
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1238
1094
  position: absolute;
1239
1095
  width: 100%;
1240
1096
  display: flex;
@@ -1242,7 +1098,7 @@
1242
1098
  top: -0.5em;
1243
1099
  }
1244
1100
 
1245
- .video-js.skin_mini .vjs-progress-control {
1101
+ .video-js.skin_news_live .vjs-progress-control {
1246
1102
  /* left: -6px; */
1247
1103
  position: relative;
1248
1104
  width: 100%;
@@ -1250,22 +1106,25 @@
1250
1106
  transition: height 0.1s, top 0.1s;
1251
1107
  }
1252
1108
 
1109
+ .video-js.skin_news_live .vjs-volume-panel{
1110
+ min-width: 5.3em;
1111
+ }
1253
1112
 
1254
1113
 
1255
1114
 
1256
- .video-js.skin_mini .vjs-custom-control-spacer {
1257
- display: block;
1258
- flex: 1 1 auto;
1115
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1116
+ /* display: block; */
1117
+ /* flex: 1 1 auto; */
1259
1118
  }
1260
1119
 
1261
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1120
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1262
1121
  margin: 0 0px 0 0px;
1263
1122
  }
1264
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1123
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1265
1124
  display: none;
1266
1125
  }
1267
1126
 
1268
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1127
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1269
1128
  font-size: 14px;
1270
1129
  font-weight: 500;
1271
1130
  align-self: center;
@@ -1274,207 +1133,199 @@
1274
1133
  border-radius: 8px;
1275
1134
  }
1276
1135
 
1277
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1278
- height: 5px !important;
1136
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1137
+ height: 6px !important;
1279
1138
  }
1280
1139
 
1281
- .video-js.skin_mini .vjs-play-progress:before {
1282
- font-size: 1.3em;
1140
+ .video-js.skin_news_live .vjs-play-progress:before {
1141
+ font-size: 1.5em;
1283
1142
  line-height: unset;
1284
1143
  top: -0.3333333333em;
1285
1144
  }
1286
1145
 
1287
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1146
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1288
1147
  display: none !important;
1289
1148
  }
1290
1149
 
1291
1150
  /* */
1292
- .video-js.skin_mini .vjs-mouse-display{
1151
+ .video-js.skin_news_live .vjs-mouse-display{
1293
1152
  font-size: 1.6666666667em;
1294
1153
  }
1295
1154
 
1296
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1155
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1297
1156
  font-size: 1em !important;
1298
1157
  }
1299
1158
 
1300
- .video-js.skin_mini .vjs-button{
1301
- width: 3em;
1159
+ .video-js.skin_news_live .vjs-button{
1160
+ width: 5.3em;
1302
1161
  display: flex;
1303
1162
  align-items: center;
1304
1163
  justify-content: center;
1305
1164
  }
1306
1165
 
1307
1166
 
1308
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1167
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1309
1168
  .icon-maximize {
1310
1169
  display: block;
1311
1170
  height: 32px;
1312
1171
  }
1313
1172
 
1314
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1173
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1315
1174
  line-height: 4;
1316
1175
  }
1317
1176
 
1318
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1177
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1319
1178
  .icon-minimize {
1320
1179
  display: none;
1321
1180
  height: 32px;
1322
1181
  }
1323
1182
 
1324
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1183
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1325
1184
  outline: none !important;
1185
+ /* flex: 1; */
1326
1186
  }
1327
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1187
+ .video-js.skin_news_live .vjs-play-toggle-container{
1188
+ display: flex;
1189
+ flex: 1;
1190
+ justify-content: center;
1191
+ }
1192
+
1193
+
1194
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1328
1195
  .vjs-icon-fullscreen-enter:before {
1329
1196
  /* content: '' !important; */
1330
1197
  }
1331
1198
 
1332
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1199
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1333
1200
  display: flex;
1334
1201
  justify-content: center;
1335
1202
  align-items: center;
1336
1203
  /* transform: rotate(90deg); */
1337
1204
  }
1338
1205
 
1339
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1206
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1340
1207
  display: none;
1341
1208
  }
1342
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1209
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1343
1210
  margin-left: -10px;
1344
- display: none;
1345
- }
1346
-
1347
- .video-js.skin_mini .vjs-loading-spinner {
1348
- position: absolute;
1349
- top: 50%;
1350
- left: 50%;
1351
- transform: translate(-50%, -50%);
1352
- opacity: .85;
1353
- text-align: left;
1354
- border: .2em solid rgba(43, 51, 63, .7);
1355
- box-sizing: border-box;
1356
- background-clip: padding-box;
1357
- width: 3em;
1358
- height: 3em;
1359
- border-radius: 50%;
1360
- visibility: hidden;
1361
1211
  }
1362
1212
 
1363
- .video-js.skin_mini .skipbtn:hover{
1213
+ .video-js.skin_news_live .skipbtn:hover{
1364
1214
  cursor: pointer;
1365
1215
  }
1366
1216
 
1367
- .video-js.skin_mini .rewindbtn:hover{
1217
+ .video-js.skin_news_live .rewindbtn:hover{
1368
1218
  cursor: pointer;
1369
1219
  }
1370
1220
 
1371
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1221
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1372
1222
  position: relative;
1373
1223
  padding-left: 0;
1374
1224
  }
1375
1225
 
1376
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1377
- width: 40px;
1378
- height: 40px;
1379
- display: flex;
1380
- justify-content: center;
1381
- align-items: center;
1382
- border: none;
1383
- position: absolute;
1384
- top: 0;
1385
- left: 0;
1386
- right: 0;
1387
- bottom: 0;
1388
- margin: auto;
1389
- font-size: 3em;
1390
- line-height: 1.3em;
1391
- transform: none !important;
1392
- border-radius: 1.3em;
1226
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1227
+ display: none !important;
1393
1228
  }
1394
1229
 
1395
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1230
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1231
+ /* width: 90px;
1232
+ height: 90px;
1233
+ display: flex;
1234
+ justify-content: center;
1235
+ align-items: center;
1236
+ border-radius: 50%;
1237
+ position: absolute;
1238
+ top: 0;
1239
+ left: 0;
1240
+ right: 0;
1241
+ bottom: 0;
1242
+ margin: auto;
1243
+ font-size: 6em;
1244
+ line-height: 1.4em;
1245
+ border: 0.05em solid;
1246
+ color: inherit; */
1247
+ display: none !important;
1248
+ }
1249
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1396
1250
  font-weight: bold;
1397
1251
  }
1398
1252
 
1399
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1400
- bottom: 1.1em !important;
1401
- right: 1em;
1253
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1254
+ bottom: 2.4em !important;
1255
+ right: -1em;
1402
1256
  z-index: 1;
1403
- font-size: 10px;
1404
1257
  }
1405
1258
 
1406
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1259
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1407
1260
  width: 24px !important;
1408
1261
  height: 24px !important;
1409
1262
  }
1410
- .video-js.skin_mini .settings-selector-icon>svg{
1263
+ .settings-selector-icon>svg{
1411
1264
  height: 19px !important;
1412
1265
  width: 19px !important;
1413
1266
  }
1414
1267
 
1415
1268
 
1416
- .video-js.skin_mini button.vjs-rewind-button{
1269
+ .video-js.skin_news_live button.vjs-rewind-button{
1417
1270
  cursor: pointer;
1418
1271
  }
1419
1272
 
1420
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1273
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1421
1274
  padding-right: 0;
1275
+ display: none;
1422
1276
  }
1423
1277
 
1424
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1278
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1425
1279
  padding-left: 0;
1280
+ display: none;
1426
1281
  }
1427
1282
 
1428
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1283
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1429
1284
  padding-left: 0;
1430
1285
  padding-right: 0;
1431
- display: flex;
1432
- justify-content: center;
1433
- width: min-content;
1286
+ display: none;
1434
1287
  }
1435
1288
 
1436
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1289
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1437
1290
  display: none
1438
1291
  }
1439
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1292
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1440
1293
  display: none
1441
1294
  }
1442
1295
 
1443
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1444
- display: flex;
1445
- align-items: center;
1446
- font-weight: 700;
1447
- font-size: 9px;
1448
- min-width: 0.8em;
1449
- padding-left: 0;
1296
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1297
+ display: flex;
1298
+ align-items: center;
1299
+ font-weight: 700;
1300
+ font-size: 12px;
1301
+ min-width: 1.2em;
1450
1302
  }
1451
1303
 
1452
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1304
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1453
1305
  display: none;
1454
1306
  font-size: 11px;
1455
1307
  justify-content: center;
1456
1308
  align-items: center;
1457
1309
  user-select: none;
1458
1310
  }
1459
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1311
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1460
1312
  display: none;
1461
1313
  }
1462
1314
 
1463
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1315
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1464
1316
  height: min-content;
1465
1317
  width: min-content;
1466
1318
  }
1467
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1468
- width: 3em;
1469
- margin-right: 4px;
1319
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1320
+ width: 6em;
1470
1321
  }
1471
1322
 
1472
- .video-js.skin_mini .content{
1323
+ .video-js.skin_news_live .content{
1473
1324
  bottom: 3.4rem !important;
1474
1325
  right: -4rem !important;
1475
1326
  }
1476
1327
 
1477
- .video-js.skin_mini .setting-icon > svg{
1328
+ .setting-icon > svg{
1478
1329
  height:18px !important;
1479
1330
  }
1480
1331
 
@@ -1488,16 +1339,16 @@
1488
1339
  pointer-events:none
1489
1340
  }
1490
1341
 
1491
- .video-js.skin_mini iframe{
1342
+ .video-js.skin_news_live iframe{
1492
1343
  width: 100%;
1493
1344
  height: 100%;
1494
1345
  }
1495
1346
 
1496
- .video-js.skin_mini .vjs-live-control{
1347
+ .video-js.skin_news_live .vjs-live-control{
1497
1348
  align-items: center;
1498
- max-width: 5em;
1349
+ display: none;
1499
1350
  }
1500
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1351
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1501
1352
  height: 2.2em;
1502
1353
  display: flex;
1503
1354
  align-items: center;
@@ -1505,520 +1356,669 @@
1505
1356
  width: 4em;
1506
1357
  justify-content: center;
1507
1358
  background: red;
1508
- margin: 4px 0px 4px 2px;
1359
+ margin: 4px 0px 4px 12px;
1509
1360
  }
1510
1361
 
1511
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1362
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1512
1363
  text-shadow: none;
1513
1364
  }
1514
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1515
- display: none;
1516
- font-size: 12px;
1517
- }
1518
1365
 
1519
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1520
- height: 1.8em;
1521
- display: inline-flex;
1522
- align-items: center;
1523
- font-family: monospace;
1366
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1367
+ display: flex;
1524
1368
  justify-content: center;
1525
- border: 1.5px solid;
1526
- margin: 4px 0px 4px 2px;
1527
- white-space: pre;
1528
- padding: 2px 4px;
1529
- font-size: 1.2em;
1530
- font-weight: 500;
1531
- color: rgba(255, 255, 2555, 0.7);
1369
+ min-width: 5.3em;
1370
+ pointer-events: none;
1371
+ user-select: none;
1532
1372
  }
1533
1373
 
1534
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1535
- content: "NOT LIVE";
1536
- word-spacing: -4px;
1374
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1375
+ color: white;
1537
1376
  }
1538
1377
 
1539
1378
 
1540
- @media(max-width:600px){
1379
+ .settings-selection.vjs-control.vjs-button{
1380
+ display: flex !important;
1381
+ }
1382
+
1383
+ @media(max-width:576px){
1384
+ .settings-selection.vjs-control.vjs-button{
1385
+ display: none !important;
1386
+ }
1387
+ }
1388
+
1389
+
1390
+ @media(max-width:576px){
1541
1391
  .tvProviderImage{
1542
1392
  display: none
1543
1393
  }
1544
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1394
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1545
1395
  .icon-maximize {
1546
1396
  height: 30px !important;
1547
1397
  }
1548
1398
 
1549
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1399
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1550
1400
  .icon-minimize {
1551
1401
  height: 30px !important;
1552
1402
  }
1553
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1554
- width: 3.5em;
1403
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1404
+ width: 4.5em;
1555
1405
  }
1556
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1406
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1557
1407
  height: min-content;
1558
1408
  }
1559
1409
 
1560
- .video-js.skin_mini button.vjs-slowmo-button{
1410
+ .video-js.skin_news_live button.vjs-slowmo-button{
1561
1411
  display: none;
1562
1412
  }
1563
- .video-js.skin_mini button.vjs-rewind-button{
1413
+ .video-js.skin_news_live button.vjs-rewind-button{
1564
1414
  display: none;
1565
1415
  }
1566
- .video-js.skin_mini button.vjs-rewind-button>svg{
1416
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1567
1417
  height: 20px;
1568
1418
  }
1569
- .video-js.skin_mini .vjs-button{
1570
- width: 3em;
1419
+ .video-js.skin_news_live .vjs-button{
1420
+ width: 4.8em;
1571
1421
  }
1572
- .video-js.skin_mini .widget-selection{
1422
+ .video-js.skin_news_live .widget-selection{
1573
1423
  display: none;
1574
1424
  }
1575
- .video-js.skin_mini .container{
1425
+ .video-js.skin_news_live .container{
1576
1426
  display: none !important;
1577
1427
  }
1578
- .video-js.skin_mini .vjs-control-bar{
1428
+ .video-js.skin_news_live .vjs-control-bar{
1579
1429
  height: 4em !important;
1580
1430
  }
1581
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1431
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1582
1432
  font-size: 2.5em;
1583
1433
  line-height: 1.5;
1584
1434
  }
1585
- .video-js.skin_mini .vjs-play-progress:before {
1435
+ .video-js.skin_news_live .vjs-play-progress:before {
1586
1436
  font-size: 1.2em;
1587
1437
  position: absolute;
1588
1438
  right: -0.5em;
1589
1439
  z-index: 1;
1590
1440
  }
1591
- .video-js.skin_mini button.vjs-skip-button>svg{
1441
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1592
1442
  height: 20px;
1593
1443
  }
1444
+ .video-js.skin_news_live button.vjs-big-play-button {
1445
+ width: 50px !important;
1446
+ height: 50px !important;
1447
+ font-size: 2.1rem !important;
1448
+ }
1594
1449
 
1595
1450
  .stream-selector-icon>svg{
1596
1451
  width: 24px;
1597
1452
  height: 24px;
1598
1453
  }
1599
- .video-js.skin_mini .vjs-seek-to-live-text{
1454
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1455
+ margin: 0 12px 0 12px;
1456
+ }
1457
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1600
1458
  font-size: 12px;
1601
1459
  }
1460
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1461
+ margin: 0 12px 0 12px;
1602
1462
  }
1603
-
1604
-
1605
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1606
- background-color: rgba(0, 0, 0, 0.2);
1463
+ }
1464
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1465
+ width: 90px;
1466
+ height: 90px;
1467
+ display: flex;
1468
+ justify-content: center;
1469
+ align-items: center;
1470
+ border-radius: 50%;
1471
+ position: absolute;
1472
+ top: 0;
1473
+ left: 0;
1474
+ right: 0;
1475
+ bottom: 0;
1476
+ margin: auto;
1477
+ font-size: 6em;
1478
+ line-height: 1.4em;
1607
1479
  }
1608
1480
 
1609
-
1610
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1481
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1611
1482
  display: flex;
1612
1483
  justify-content: center;
1613
1484
  align-items: center;
1614
1485
  height: 100%;
1615
1486
  transition: width 0.1s;
1616
1487
  }
1617
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1618
- margin: 2px;
1619
- }
1620
1488
 
1621
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1489
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1622
1490
  display: flex;
1623
1491
  justify-content: center;
1624
1492
  align-items: center;
1625
1493
  height: 100%;
1626
1494
  transition: width 0.1s;
1627
1495
  }
1628
-
1629
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1630
- display: block;
1631
- font-size: 10px;
1632
- padding: 6px 10px;
1633
- margin: 0;
1634
- max-height: 100%;
1635
- overflow-y: auto;
1636
- }
1637
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1638
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1639
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1640
- display: block;
1641
- width: 100%;
1642
- }
1643
- .video-js.skin_mini .vjs-text-track-settings fieldset{
1644
- margin: 4px 0;
1645
- }
1646
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
1647
- display: block;
1648
- padding: 0 0 6px;
1649
- }
1650
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1651
- max-width: 100%;
1496
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1497
+ display: none !important;
1652
1498
  }
1653
1499
 
1654
- @media (max-width: 600px) {
1655
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1500
+ @media (max-width: 576px) {
1501
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1656
1502
  height: 5px !important;
1657
1503
  }
1504
+ .video-js.skin_news_live button.vjs-big-play-button {
1505
+ width: 50px !important;
1506
+ height: 50px !important;
1507
+ font-size: 2.1rem !important;
1508
+ }
1658
1509
 
1659
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1510
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1660
1511
  display: none;
1661
1512
  }
1513
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1514
+ bottom: 2.4em !important;
1515
+ right: -1em;
1516
+ z-index: 1;
1517
+ }
1518
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1519
+ display: none !important;
1520
+ }
1662
1521
 
1663
1522
  }
1664
1523
 
1665
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1666
- content: none !important;
1667
- fill: none !important;
1668
- filter: none !important;
1524
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1525
+ width: 100% !important;
1669
1526
  }
1670
1527
 
1671
- /* svg icons opacity and hover effect */
1672
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1673
- opacity: 0.7 !important;
1528
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1529
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1530
+ font-size: 1.2em !important;
1531
+ line-height: 1.5em !important;
1532
+ padding: 0.2em 0.8em !important;
1674
1533
  }
1675
1534
 
1676
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1677
- opacity: 1 !important;
1535
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1536
+ content: none !important;
1537
+ fill: none !important;
1538
+ filter: none !important;
1678
1539
  }
1679
1540
 
1680
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1541
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1681
1542
  color: rgba(255, 255, 2555, 0.7)!important;
1682
1543
  }
1683
1544
 
1684
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1545
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1685
1546
  color: rgba(255, 255, 2555, 1)!important;
1686
1547
  }
1687
1548
 
1688
1549
 
1689
1550
 
1690
- .video-js.skin_cn_news .vjs-control-bar {
1691
- z-index: 1 !important;
1692
- height: auto !important;
1693
- padding: 0.8em 30px 0.6em;
1694
- background: transparent !important;
1695
- display: flex;
1696
- flex-wrap: wrap;
1697
- align-items: center;
1698
- column-gap: 10px;
1551
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1552
+ font-size: 2.2em;
1553
+ line-height: 2.6;
1554
+ }
1555
+ .video-js.skin_mini{
1556
+ overflow: hidden;
1557
+ }
1558
+ .video-js.skin_mini .vjs-control-bar{
1559
+ z-index: 1 !important;
1560
+ height: 4em !important;
1561
+ background: black !important;
1699
1562
  }
1700
1563
 
1564
+ .video-js.skin_mini .vjs-fade>* {
1565
+ visibility: hidden !important;
1566
+ opacity: 0 !important;
1567
+ transition: visibility 1s, opacity 1s !important;
1568
+ }
1701
1569
 
1702
- .video-js.skin_cn_news .vjs-control-bar::before {
1703
- content: '';
1570
+ .video-js.skin_mini .custom-spaced-progress-bar {
1704
1571
  position: absolute;
1705
- left: 0;
1706
- right: 0;
1707
- bottom: 0;
1708
- top: -3em;
1709
- background: linear-gradient(
1710
- to top,
1711
- rgba(0, 0, 0, 0.85) 0%,
1712
- rgba(0, 0, 0, 0.7) 40%,
1713
- rgba(0, 0, 0, 0.55) 70%,
1714
- rgba(0, 0, 0, 0.38) 86%,
1715
- transparent 100%
1716
- );
1717
- pointer-events: none;
1718
- z-index: -1;
1572
+ width: 100%;
1573
+ display: flex;
1574
+ height: 0.5em;
1575
+ top: -0.5em;
1719
1576
  }
1720
1577
 
1721
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1722
- order: -1;
1723
- flex: 0 0 100%;
1724
- width: 80%;
1725
- margin: 0 0 5em;
1578
+ .video-js.skin_mini .vjs-progress-control {
1579
+ /* left: -6px; */
1726
1580
  position: relative;
1581
+ width: 100%;
1582
+ height: 0.5em;
1583
+ transition: height 0.1s, top 0.1s;
1727
1584
  }
1728
1585
 
1729
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1730
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1731
- width: auto;
1732
- min-width: 0;
1733
- }
1734
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1735
- display: inline-flex;
1736
- align-items: center;
1737
- justify-content: center;
1738
- height: 7em;
1739
- padding: 0 10px;
1740
- color: #fff;
1741
- }
1742
1586
 
1743
- .video-js.skin_cn_news .vjs-svg-icon::before {
1744
- content: none !important;
1745
- }
1746
1587
 
1747
1588
 
1748
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1749
- display: inline-flex;
1750
- align-items: center;
1751
- justify-content: center;
1752
- }
1753
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1754
- .video-js.skin_cn_news .vjs-rewind-button svg {
1755
- width: 24px;
1756
- height: 24px;
1589
+ .video-js.skin_mini .vjs-custom-control-spacer {
1757
1590
  display: block;
1591
+ flex: 1 1 auto;
1758
1592
  }
1759
1593
 
1760
-
1761
-
1762
- .video-js.skin_cn_news .vjs-subs-caps-button {
1763
- opacity: 1;
1594
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1595
+ margin: 0 0px 0 0px;
1596
+ }
1597
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1598
+ display: none;
1764
1599
  }
1765
1600
 
1766
-
1767
-
1768
- .video-js.skin_cn_news .vjs-volume-panel {
1769
- margin: 0;
1770
- display: inline-flex;
1771
- align-items: center;
1601
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1602
+ font-size: 14px;
1603
+ font-weight: 500;
1772
1604
  align-self: center;
1773
- height: 2.2em;
1774
- min-width: 7em;
1775
- transition: none;
1776
- }
1777
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1778
- width: 0;
1779
- height: 100%;
1780
- display: flex;
1781
- align-items: center;
1782
- overflow: hidden;
1783
- opacity: 0;
1784
- transition: width 0.15s ease, opacity 0.15s ease;
1785
- }
1786
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1787
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1788
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1789
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1790
- width: 5em;
1791
- opacity: 1;
1605
+ height: min-content;
1606
+ padding: 5px 2px;
1607
+ border-radius: 8px;
1792
1608
  }
1793
1609
 
1794
- .video-js.skin_cn_news .vjs-volume-bar {
1795
- width: 4em;
1796
- height: 0.3em;
1797
- margin: 0 0.45em;
1610
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1611
+ height: 5px !important;
1798
1612
  }
1799
1613
 
1614
+ .video-js.skin_mini .vjs-play-progress:before {
1615
+ font-size: 1.3em;
1616
+ line-height: unset;
1617
+ top: -0.3333333333em;
1618
+ }
1800
1619
 
1801
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1620
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1802
1621
  display: none !important;
1803
1622
  }
1804
1623
 
1805
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1806
- width: 0 !important;
1624
+ /* */
1625
+ .video-js.skin_mini .vjs-mouse-display{
1626
+ font-size: 1.6666666667em;
1807
1627
  }
1808
1628
 
1629
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1630
+ font-size: 1em !important;
1631
+ }
1809
1632
 
1810
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1811
- display: block !important;
1812
- flex: 1 1 auto;
1633
+ .video-js.skin_mini .vjs-button{
1634
+ width: 3em;
1635
+ display: flex;
1636
+ align-items: center;
1637
+ justify-content: center;
1813
1638
  }
1814
1639
 
1815
1640
 
1816
- .video-js.skin_cn_news .vjs-big-play-button {
1817
- display: none;
1641
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1642
+ .icon-maximize {
1643
+ display: block;
1644
+ height: 32px;
1818
1645
  }
1819
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1820
- position: relative !important;
1821
- display: flex;
1822
- left: 0;
1823
- top: -1px;
1646
+
1647
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1648
+ line-height: 4;
1824
1649
  }
1825
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1650
+
1651
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1652
+ .icon-minimize {
1653
+ display: none;
1654
+ height: 32px;
1655
+ }
1656
+
1657
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1658
+ outline: none !important;
1659
+ }
1660
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1661
+ .vjs-icon-fullscreen-enter:before {
1662
+ /* content: '' !important; */
1663
+ }
1664
+
1665
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1666
+ display: flex;
1667
+ justify-content: center;
1668
+ align-items: center;
1669
+ /* transform: rotate(90deg); */
1670
+ }
1671
+
1672
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1673
+ display: none;
1674
+ }
1675
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1676
+ margin-left: -10px;
1677
+ display: none;
1678
+ }
1679
+
1680
+ .video-js.skin_mini .vjs-loading-spinner {
1681
+ position: absolute;
1682
+ top: 50%;
1683
+ left: 50%;
1684
+ transform: translate(-50%, -50%);
1685
+ opacity: .85;
1686
+ text-align: left;
1687
+ border: .2em solid rgba(43, 51, 63, .7);
1688
+ box-sizing: border-box;
1689
+ background-clip: padding-box;
1690
+ width: 3em;
1691
+ height: 3em;
1692
+ border-radius: 50%;
1693
+ visibility: hidden;
1694
+ }
1695
+
1696
+ .video-js.skin_mini .skipbtn:hover{
1697
+ cursor: pointer;
1698
+ }
1699
+
1700
+ .video-js.skin_mini .rewindbtn:hover{
1701
+ cursor: pointer;
1702
+ }
1703
+
1704
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1705
+ position: relative;
1706
+ padding-left: 0;
1707
+ }
1708
+
1709
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1710
+ width: 40px;
1711
+ height: 40px;
1826
1712
  display: flex;
1827
1713
  justify-content: center;
1828
1714
  align-items: center;
1715
+ border: none;
1829
1716
  position: absolute;
1830
1717
  top: 0;
1831
1718
  left: 0;
1832
1719
  right: 0;
1833
1720
  bottom: 0;
1834
1721
  margin: auto;
1835
- width: 80px;
1836
- height: 80px;
1837
- border: none;
1838
- border-radius: 50%;
1839
- background: rgba(0, 0, 0, 0.55);
1840
- font-size: 5em;
1722
+ font-size: 3em;
1841
1723
  line-height: 1.3em;
1842
1724
  transform: none !important;
1725
+ border-radius: 1.3em;
1843
1726
  }
1844
1727
 
1728
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1729
+ font-weight: bold;
1730
+ }
1845
1731
 
1846
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1847
- height: 4px !important;
1848
- margin: 0;
1849
- border-radius: 20px;
1850
- background-color: #393944;
1732
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1733
+ bottom: 1.1em !important;
1734
+ right: 1em;
1735
+ z-index: 1;
1736
+ font-size: 10px;
1851
1737
  }
1852
1738
 
1853
- .video-js.skin_cn_news .vjs-play-progress {
1854
- background-color: #ffffff;
1855
- border-radius: 20px;
1739
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1740
+ width: 24px !important;
1741
+ height: 24px !important;
1742
+ }
1743
+ .video-js.skin_mini .settings-selector-icon>svg{
1744
+ height: 19px !important;
1745
+ width: 19px !important;
1856
1746
  }
1857
1747
 
1858
- .video-js.skin_cn_news .vjs-load-progress,
1859
- .video-js.skin_cn_news .vjs-load-progress div {
1860
- background: rgba(255, 255, 255, 0.15);
1861
- border-radius: 20px;
1748
+
1749
+ .video-js.skin_mini button.vjs-rewind-button{
1750
+ cursor: pointer;
1862
1751
  }
1863
1752
 
1753
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1754
+ padding-right: 0;
1755
+ }
1864
1756
 
1865
- .video-js.skin_cn_news .vjs-play-progress:before {
1866
- content: '';
1867
- width: 16px;
1868
- height: 16px;
1869
- border-radius: 50%;
1870
- background: #ffffff;
1871
- border: 2px solid rgba(0, 0, 0, 0.6);
1872
- box-sizing: border-box;
1873
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1874
- top: -6px;
1875
- right: -8px;
1876
- position: absolute;
1757
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1758
+ padding-left: 0;
1877
1759
  }
1878
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1879
- display: none !important;
1760
+
1761
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1762
+ padding-left: 0;
1763
+ padding-right: 0;
1764
+ display: flex;
1765
+ justify-content: center;
1766
+ width: min-content;
1880
1767
  }
1881
1768
 
1882
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1883
- background: #ffffff;
1884
- color: #0a0e17;
1885
- font-weight: 700;
1886
- border-radius: 3px;
1769
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1770
+ display: none
1771
+ }
1772
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1773
+ display: none
1887
1774
  }
1888
1775
 
1889
- .video-js.skin_cn_news .vjs-live-control {
1890
- display: none !important;
1776
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1777
+ display: flex;
1778
+ align-items: center;
1779
+ font-weight: 700;
1780
+ font-size: 9px;
1781
+ min-width: 0.8em;
1782
+ padding-left: 0;
1891
1783
  }
1892
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1893
- display: inline-flex;
1784
+
1785
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1786
+ display: none;
1787
+ font-size: 11px;
1788
+ justify-content: center;
1894
1789
  align-items: center;
1895
- align-self: center;
1790
+ user-select: none;
1791
+ }
1792
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1793
+ display: none;
1794
+ }
1795
+
1796
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1797
+ height: min-content;
1798
+ width: min-content;
1799
+ }
1800
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1801
+ width: 3em;
1802
+ margin-right: 4px;
1803
+ }
1804
+
1805
+ .video-js.skin_mini .content{
1806
+ bottom: 3.4rem !important;
1807
+ right: -4rem !important;
1808
+ }
1809
+
1810
+ .video-js.skin_mini .setting-icon > svg{
1811
+ height:18px !important;
1812
+ }
1813
+
1814
+ .output-overlay{
1815
+ position: absolute;
1816
+ bottom: 0;
1817
+ height: 100%;
1818
+ width: 100%;
1819
+ z-index: 0;
1820
+ border: 0;
1821
+ pointer-events:none
1822
+ }
1823
+
1824
+ .video-js.skin_mini iframe{
1825
+ width: 100%;
1826
+ height: 100%;
1827
+ }
1828
+
1829
+ .video-js.skin_mini .vjs-live-control{
1830
+ align-items: center;
1831
+ max-width: 5em;
1832
+ }
1833
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1896
1834
  height: 2.2em;
1897
- gap: 5px;
1898
- width: auto;
1899
- padding: 0 10px;
1900
- border: 1px solid rgba(255, 255, 255, 0.45);
1901
- border-radius: 4px;
1902
- cursor: pointer;
1835
+ display: flex;
1836
+ align-items: center;
1837
+ font-family: monospace;
1838
+ width: 4em;
1839
+ justify-content: center;
1840
+ background: red;
1841
+ margin: 4px 0px 4px 2px;
1903
1842
  }
1904
1843
 
1905
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1844
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1845
+ text-shadow: none;
1846
+ }
1847
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1906
1848
  display: none;
1849
+ font-size: 12px;
1907
1850
  }
1908
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1851
+
1852
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1853
+ height: 1.8em;
1909
1854
  display: inline-flex;
1910
1855
  align-items: center;
1856
+ font-family: monospace;
1857
+ justify-content: center;
1858
+ border: 1.5px solid;
1859
+ margin: 4px 0px 4px 2px;
1860
+ white-space: pre;
1861
+ padding: 2px 4px;
1862
+ font-size: 1.2em;
1863
+ font-weight: 500;
1864
+ color: rgba(255, 255, 2555, 0.7);
1911
1865
  }
1912
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1913
- content: '';
1914
- display: inline-block;
1915
- width: 8px;
1916
- height: 8px;
1917
- border-radius: 50%;
1918
- background: #ff2d2d; /* red live dot */
1866
+
1867
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1868
+ content: "NOT LIVE";
1869
+ word-spacing: -4px;
1870
+ }
1871
+
1872
+
1873
+ @media(max-width:600px){
1874
+ .tvProviderImage{
1875
+ display: none
1876
+ }
1877
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1878
+ .icon-maximize {
1879
+ height: 30px !important;
1880
+ }
1881
+
1882
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1883
+ .icon-minimize {
1884
+ height: 30px !important;
1885
+ }
1886
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1887
+ width: 3.5em;
1888
+ }
1889
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1890
+ height: min-content;
1891
+ }
1892
+
1893
+ .video-js.skin_mini button.vjs-slowmo-button{
1894
+ display: none;
1895
+ }
1896
+ .video-js.skin_mini button.vjs-rewind-button{
1897
+ display: none;
1898
+ }
1899
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1900
+ height: 20px;
1901
+ }
1902
+ .video-js.skin_mini .vjs-button{
1903
+ width: 3em;
1904
+ }
1905
+ .video-js.skin_mini .widget-selection{
1906
+ display: none;
1907
+ }
1908
+ .video-js.skin_mini .container{
1909
+ display: none !important;
1910
+ }
1911
+ .video-js.skin_mini .vjs-control-bar{
1912
+ height: 4em !important;
1913
+ }
1914
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1915
+ font-size: 2.5em;
1916
+ line-height: 1.5;
1917
+ }
1918
+ .video-js.skin_mini .vjs-play-progress:before {
1919
+ font-size: 1.2em;
1920
+ position: absolute;
1921
+ right: -0.5em;
1922
+ z-index: 1;
1919
1923
  }
1920
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1921
- color: #ffffff;
1922
- font-weight: 700;
1923
- font-size: 12px;
1924
- letter-spacing: 0.03em;
1924
+ .video-js.skin_mini button.vjs-skip-button>svg{
1925
+ height: 20px;
1925
1926
  }
1926
1927
 
1927
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1928
- border-color: transparent;
1928
+ .stream-selector-icon>svg{
1929
+ width: 24px;
1930
+ height: 24px;
1931
+ }
1932
+ .video-js.skin_mini .vjs-seek-to-live-text{
1933
+ font-size: 12px;
1929
1934
  }
1930
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1931
- color: #ff2d2d;
1932
1935
  }
1933
1936
 
1934
- /* ---- time controls ---- */
1935
- .video-js.skin_cn_news .vjs-current-time,
1936
- .video-js.skin_cn_news .vjs-duration,
1937
- .video-js.skin_cn_news .vjs-time-divider {
1938
- display: none !important;
1937
+
1938
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1939
+ background-color: rgba(0, 0, 0, 0.2);
1939
1940
  }
1940
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1941
- display: none;
1942
- align-items: center;
1941
+
1942
+
1943
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1944
+ display: flex;
1943
1945
  justify-content: center;
1944
- font-size: 11px;
1945
- font-weight: 700;
1946
- color: #fff;
1947
- padding: 0 6px;
1948
- user-select: none;
1946
+ align-items: center;
1947
+ height: 100%;
1948
+ transition: width 0.1s;
1949
+ }
1950
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1951
+ margin: 2px;
1949
1952
  }
1950
1953
 
1954
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1955
+ display: flex;
1956
+ justify-content: center;
1957
+ align-items: center;
1958
+ height: 100%;
1959
+ transition: width 0.1s;
1960
+ }
1951
1961
 
1952
- .video-js.skin_cn_news .vjs-chapter-marker {
1953
- z-index: 2;
1954
- width: var(--vl-chapter-size, 8px);
1955
- height: var(--vl-chapter-size, 8px);
1956
- top: 50%;
1957
- bottom: auto;
1958
- background: var(--vl-chapter-color, #ffffff);
1959
- opacity: var(--vl-chapter-opacity, 1);
1960
- border-radius: 50%;
1961
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1962
- transform: translate(-50%, -50%) scale(1);
1963
- transition: background-color 0.12s ease;
1962
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1963
+ display: block;
1964
+ font-size: 10px;
1965
+ padding: 6px 10px;
1966
+ margin: 0;
1967
+ max-height: 100%;
1968
+ overflow-y: auto;
1964
1969
  }
1965
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1966
- background: var(--vl-chapter-hover, #0a5cff);
1970
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1971
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1972
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1973
+ display: block;
1974
+ width: 100%;
1967
1975
  }
1968
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1969
- background: var(--vl-chapter-active, #0a5cff);
1976
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
1977
+ margin: 4px 0;
1978
+ }
1979
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
1980
+ display: block;
1981
+ padding: 0 0 6px;
1982
+ }
1983
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1984
+ max-width: 100%;
1970
1985
  }
1971
1986
 
1987
+ @media (max-width: 600px) {
1988
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1989
+ height: 5px !important;
1990
+ }
1991
+
1992
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1993
+ display: none;
1994
+ }
1972
1995
 
1973
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1974
- width: 16px;
1975
- height: 16px;
1976
- bottom: 160%;
1977
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1978
1996
  }
1979
1997
 
1980
-
1981
- .video-js.skin_cn_news .vjs-chapter-preview {
1982
- background: var(--vl-chapter-tooltip, #0a5cff);
1983
- border-radius: 6px;
1984
- padding: 8px 10px;
1985
- width: max-content;
1986
- max-width: 300px;
1987
- text-align: left;
1988
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1998
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1999
+ content: none !important;
2000
+ fill: none !important;
2001
+ filter: none !important;
1989
2002
  }
1990
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1991
- color: #ffffff;
1992
- font-size: 13px;
1993
- font-weight: 400;
1994
- margin-bottom: 2px;
2003
+
2004
+ /* svg icons opacity and hover effect */
2005
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2006
+ opacity: 0.7 !important;
1995
2007
  }
1996
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1997
- color: #ffffff;
1998
- font-size: 13px;
1999
- font-weight: 400;
2000
- line-height: 1.3;
2001
- white-space: normal;
2002
- text-align: left;
2008
+
2009
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2010
+ opacity: 1 !important;
2003
2011
  }
2004
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2005
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2012
+
2013
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2014
+ color: rgba(255, 255, 2555, 0.7)!important;
2006
2015
  }
2007
2016
 
2008
- /* ---- responsive ---- */
2009
- @media (max-width: 576px) {
2010
- .video-js.skin_cn_news .vjs-control-bar {
2011
- height: 3.2em !important;
2012
- padding: 0 8px;
2013
- }
2014
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2015
- padding: 0 6px;
2016
- }
2017
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2018
- display: none !important;
2019
- }
2017
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2018
+ color: rgba(255, 255, 2555, 1)!important;
2020
2019
  }
2021
2020
 
2021
+
2022
2022
  /* CSS for videojs-dvr-seekbar */
2023
2023
 
2024
2024
  .video-js.vjs-dvr-seekbar {
@@ -2199,6 +2199,53 @@
2199
2199
 
2200
2200
 
2201
2201
 
2202
+ .vjs-custom-big-mute.vjs-control{
2203
+ position: absolute;
2204
+ align-items: center;
2205
+ background: #fcb700;
2206
+ border: 0;
2207
+ display: flex;
2208
+ align-items: center;
2209
+ height: 44px;
2210
+ justify-content: center;
2211
+ padding: 0;
2212
+ width: 44px;
2213
+ z-index: 1;
2214
+ outline: none;
2215
+ text-shadow:none !important;
2216
+ cursor: pointer;
2217
+ }
2218
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2219
+ display: flex;
2220
+ top: 50px;
2221
+ height: 50px;
2222
+ width: 50px;
2223
+ }
2224
+ .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2225
+ height: 28px;
2226
+ width: 28px;
2227
+ }
2228
+ .vjs-custom-big-mute.vjs-control:hover{
2229
+ filter: none;
2230
+ }
2231
+
2232
+
2233
+ .vjs-custom-big-mute.vjs-control.tl{
2234
+ top: 0;
2235
+ left: 0;
2236
+ margin: 15px 0 0 15px;
2237
+ }
2238
+
2239
+ .vjs-custom-big-mute.vjs-control.hide{
2240
+ display: none !important;
2241
+
2242
+ }
2243
+
2244
+ .vjs-custom-big-mute.vjs-control > svg {
2245
+ color: #071d39;
2246
+ height: 22px;
2247
+ width: 22px;
2248
+ }
2202
2249
 
2203
2250
 
2204
2251
  .video-js .multicamera-parent.default{
@@ -2279,53 +2326,6 @@
2279
2326
  align-content: baseline;
2280
2327
  }
2281
2328
 
2282
- .vjs-custom-big-mute.vjs-control{
2283
- position: absolute;
2284
- align-items: center;
2285
- background: #fcb700;
2286
- border: 0;
2287
- display: flex;
2288
- align-items: center;
2289
- height: 44px;
2290
- justify-content: center;
2291
- padding: 0;
2292
- width: 44px;
2293
- z-index: 1;
2294
- outline: none;
2295
- text-shadow:none !important;
2296
- cursor: pointer;
2297
- }
2298
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control {
2299
- display: flex;
2300
- top: 50px;
2301
- height: 50px;
2302
- width: 50px;
2303
- }
2304
- .video-js.vjs-fullscreen .vjs-custom-big-mute.vjs-control >svg {
2305
- height: 28px;
2306
- width: 28px;
2307
- }
2308
- .vjs-custom-big-mute.vjs-control:hover{
2309
- filter: none;
2310
- }
2311
-
2312
-
2313
- .vjs-custom-big-mute.vjs-control.tl{
2314
- top: 0;
2315
- left: 0;
2316
- margin: 15px 0 0 15px;
2317
- }
2318
-
2319
- .vjs-custom-big-mute.vjs-control.hide{
2320
- display: none !important;
2321
-
2322
- }
2323
-
2324
- .vjs-custom-big-mute.vjs-control > svg {
2325
- color: #071d39;
2326
- height: 22px;
2327
- width: 22px;
2328
- }
2329
2329
 
2330
2330
 
2331
2331
 
@@ -2714,6 +2714,15 @@
2714
2714
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2715
2715
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2716
2716
  }
2717
+
2718
+ .video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content {
2719
+ scrollbar-width: none;
2720
+ -ms-overflow-style: none;
2721
+ }
2722
+
2723
+ .video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content::-webkit-scrollbar{
2724
+ display: none;
2725
+ }
2717
2726
  .vjs-poster {
2718
2727
  display: inline-block;
2719
2728
  vertical-align: middle;