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