@viewlift/player-backup 2.0.256-backup → 2.0.258-backup

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/cjs/bundle.css +498 -498
  2. package/cjs/index-67289ebc.js +1 -0
  3. package/cjs/index-e5d7c072.js +1 -0
  4. package/cjs/index.js +1 -1
  5. package/cjs/skin-b671419f.js +1 -0
  6. package/cjs/skin-bac14ade.js +1 -0
  7. package/esm/bundle.css +498 -498
  8. package/esm/index-433697e2.js +1 -0
  9. package/esm/index-62e1ef44.js +1 -0
  10. package/esm/index.js +1 -1
  11. package/esm/skin-1629e49c.js +1 -0
  12. package/esm/skin-f9988297.js +1 -0
  13. package/package.json +1 -1
package/esm/bundle.css CHANGED
@@ -1,269 +1,32 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
- height: 0.7em;
6
- position: absolute;
7
- top: -0.7em;
8
- width: 100%;
9
- }
10
-
11
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
12
- height: 100%;
13
- }
14
-
15
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
16
- line-height: 2.5;
17
- }
18
-
19
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
20
- height: 19px;
21
- width: 19px;
22
- cursor: pointer;
23
- }
24
- .video-js.skin_vlone .vjs-control {
25
- user-select: none;
26
- }
27
- .video-js.skin_vlone .vjs-custom-control-spacer{
28
- user-select: none;
29
- }
30
-
31
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
32
- height: 19px;
33
- width: 19px;
34
- cursor: pointer;
35
- }
36
-
37
- .video-js.skin_vlone .vjs-play-progress:before {
38
- display: none !important;
39
- }
40
-
41
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
42
- margin: 0 !important;
43
-
44
- }
45
-
46
-
47
- .video-js.skin_vlone .vjs-custom-control-spacer {
48
- display: block;
49
- flex: 1 1 auto;
50
- }
51
-
52
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
53
- z-index: 1;
54
- }
55
-
56
-
57
- .video-js.skin_vlone .vjs-control-bar {
58
- height: 40px;
59
- }
60
-
61
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
62
- .vjs-button>.vjs-icon-placeholder:before {
63
- position: relative !important;
64
- }
65
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
66
- display: flex;
67
- left: 0px;
68
- top: -1px;
69
- }
70
-
71
- .vjs-button>.vjs-icon-placeholder:before {
72
- font-size: 2em !important;
73
- }
74
-
75
- .video-js.skin_vlone .vjs-control {
76
- width: 4.3em;
77
- }
78
-
79
- .vjs-menu-button-popup .vjs-menu {
80
- bottom: 10px !important;
81
- }
82
-
83
-
84
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
85
- height: 1.3em;
86
- position: absolute;
87
- top: -1.3em;
88
- transition: height 0.3s, top 0.3s;
89
- }
90
-
91
-
92
- .video-js.skin_vlone.vjs-live .vjs-time-control{
93
- display: none !important;
94
- }
95
-
96
- .video-js.skin_vlone .vjs-time-control {
97
- display: block;
98
- }
99
- .video-js.skin_vlone .vjs-remaining-time {
100
- display: none;
101
- }
102
-
103
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
104
- line-height: 3.5em;
105
- font-size: 1.1em;
106
- min-width: 4em;
107
- }
108
-
109
- .video-js.skin_vlone .vjs-time-divider > div{
110
- display: flex;
111
- justify-content: center;
112
- }
113
-
114
- .video-js.skin_vlone .vjs-live-control{
115
- align-items: center;
116
- }
117
- .video-js.skin_vlone .vjs-live-display{
118
- height: 2.2em;
119
- display: flex;
120
- align-items: center;
121
- font-family: monospace;
122
- width: 4em;
123
- justify-content: center;
124
- background: red;
125
- margin: 4px 0px 4px 12px;
126
- }
127
- .video-js.skin_vlone .vjs-live-display:hover{
128
- cursor: pointer;
129
- }
130
-
131
- .video-js.skin_vlone .vjs-time-control {
132
- line-height: 3.5em !important;
133
- font-size: 1.1em !important;
134
- width: min-content !important;
135
- min-width: 1.5em;
136
- padding: 0 !important;
137
- user-select: none;
138
- }
139
4
 
140
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
141
- margin-left: 16px !important;
142
- }
143
-
144
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
145
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
146
- font-size: 1.2em !important;
147
- line-height: 1.5em !important;
148
- padding: 0.2em 0.8em !important;
149
- }
150
-
151
-
152
- /* Big play */
153
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
154
- width: 80px;
155
- height: 80px;
156
- display: flex;
157
- justify-content: center;
158
- align-items: center;
159
- border: none;
160
- position: absolute;
161
- top: 0;
162
- left: 0;
163
- right: 0;
164
- bottom: 0;
165
- margin: auto;
166
- font-size: 5em;
167
- line-height: 1.3em;
168
- transform: none !important;
169
- border-radius: 1.3em;
170
- }
171
- .video-js.skin_vlone .ssai-ad-container{
172
- position: absolute;
173
- bottom: 4px;
174
- }
175
-
176
- @media(max-width:600px){
177
- .video-js.skin_vlone button.vjs-big-play-button {
178
- width: 50px !important;
179
- height: 50px !important;
180
- font-size: 2.1rem !important;
181
- }
182
-
183
- .video-js.skin_vlone .ssai-ad-container {
184
- position: absolute;
185
- bottom: 2px;
186
- }
187
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
188
- display: none;
189
- }
190
-
191
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
192
- display: none;
193
- }
194
-
195
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
196
- display: none;
197
- }
198
- }
199
-
200
-
201
-
202
- .video-js .content {
203
- border-radius: 0;
204
- background-color: rgba(43, 51, 63, 0.7);
205
- }
206
- .video-js .resolution {
207
- min-width: 100px;
208
- }
209
- .video-js .content .resolution .title {
210
- display: none;
211
- }
212
- .video-js .resolution .rendition{
213
- display: flex;
214
- list-style: none;
215
- margin: 0;
216
- line-height: 1.4em;
217
- font-size: 12px;
218
- text-align: center;
219
- }
220
- .video-js .rendition {
221
- padding: 4px 20px;
222
- }
223
- .video-js .rendition span {
224
- background: none;
225
- }
226
- .video-js .resolution .renditions .relative:hover {
227
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
228
- }
229
- .video-js .resolution .renditions .relative .rendition.selected {
230
- background-color: #fff;
231
- color: #2B333F;
232
- font-weight: normal;
233
- }
234
-
235
- .video-js .resolution .renditions .relative .rendition.selected span{
236
- color: #2B333F;
237
- font-weight: bold
238
- }
239
-
240
-
241
-
242
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
5
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
243
6
  font-size: 2.2em;
244
7
  line-height: 2.6;
245
8
  }
246
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
247
- background: white;
9
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
10
+ background: #fcb700;
248
11
  }
249
- .video-js.skin_news .vjs-control-bar{
12
+ .video-js.skin_news_live .vjs-control-bar{
250
13
  z-index: 1 !important;
251
14
  height: 5em !important;
252
15
  background: black !important;
253
16
  }
254
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
17
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
255
18
  display: flex;
256
19
  align-items: center;
257
20
  justify-content: center;
258
21
  }
259
22
 
260
- .video-js.skin_news .vjs-fade>* {
23
+ .video-js.skin_news_live .vjs-fade>* {
261
24
  visibility: hidden !important;
262
25
  opacity: 0 !important;
263
26
  transition: visibility 1s, opacity 1s !important;
264
27
  }
265
28
 
266
- .video-js.skin_news .custom-spaced-progress-bar {
29
+ .video-js.skin_news_live .custom-spaced-progress-bar {
267
30
  position: absolute;
268
31
  width: 100%;
269
32
  display: flex;
@@ -271,7 +34,7 @@
271
34
  top: -0.5em;
272
35
  }
273
36
 
274
- .video-js.skin_news .vjs-progress-control {
37
+ .video-js.skin_news_live .vjs-progress-control {
275
38
  /* left: -6px; */
276
39
  position: relative;
277
40
  width: 100%;
@@ -279,22 +42,25 @@
279
42
  transition: height 0.1s, top 0.1s;
280
43
  }
281
44
 
45
+ .video-js.skin_news_live .vjs-volume-panel{
46
+ min-width: 5.3em;
47
+ }
282
48
 
283
49
 
284
50
 
285
- .video-js.skin_news .vjs-custom-control-spacer {
286
- display: block;
287
- flex: 1 1 auto;
51
+ .video-js.skin_news_live .vjs-custom-control-spacer {
52
+ /* display: block; */
53
+ /* flex: 1 1 auto; */
288
54
  }
289
55
 
290
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
56
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
291
57
  margin: 0 0px 0 0px;
292
58
  }
293
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
59
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
294
60
  display: none;
295
61
  }
296
62
 
297
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
63
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
298
64
  font-size: 14px;
299
65
  font-weight: 500;
300
66
  align-self: center;
@@ -303,30 +69,30 @@
303
69
  border-radius: 8px;
304
70
  }
305
71
 
306
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
72
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
307
73
  height: 6px !important;
308
74
  }
309
75
 
310
- .video-js.skin_news .vjs-play-progress:before {
76
+ .video-js.skin_news_live .vjs-play-progress:before {
311
77
  font-size: 1.5em;
312
78
  line-height: unset;
313
79
  top: -0.3333333333em;
314
80
  }
315
81
 
316
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
82
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
317
83
  display: none !important;
318
84
  }
319
85
 
320
86
  /* */
321
- .video-js.skin_news .vjs-mouse-display{
87
+ .video-js.skin_news_live .vjs-mouse-display{
322
88
  font-size: 1.6666666667em;
323
89
  }
324
90
 
325
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
91
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
326
92
  font-size: 1em !important;
327
93
  }
328
94
 
329
- .video-js.skin_news .vjs-button{
95
+ .video-js.skin_news_live .vjs-button{
330
96
  width: 5.3em;
331
97
  display: flex;
332
98
  align-items: center;
@@ -334,63 +100,71 @@
334
100
  }
335
101
 
336
102
 
337
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
103
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
338
104
  .icon-maximize {
339
105
  display: block;
340
106
  height: 32px;
341
107
  }
342
108
 
343
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
109
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
344
110
  line-height: 4;
345
111
  }
346
112
 
347
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
113
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
348
114
  .icon-minimize {
349
115
  display: none;
350
116
  height: 32px;
351
117
  }
352
118
 
353
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
119
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
354
120
  outline: none !important;
121
+ /* flex: 1; */
355
122
  }
356
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
123
+ .video-js.skin_news_live .vjs-play-toggle-container{
124
+ display: flex;
125
+ flex: 1;
126
+ justify-content: center;
127
+ }
128
+
129
+
130
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
357
131
  .vjs-icon-fullscreen-enter:before {
358
132
  /* content: '' !important; */
359
133
  }
360
134
 
361
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
135
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
362
136
  display: flex;
363
137
  justify-content: center;
364
138
  align-items: center;
365
139
  /* transform: rotate(90deg); */
366
140
  }
367
141
 
368
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
142
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
369
143
  display: none;
370
144
  }
371
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
145
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
372
146
  margin-left: -10px;
373
147
  }
374
148
 
375
- .video-js.skin_news .skipbtn:hover{
149
+ .video-js.skin_news_live .skipbtn:hover{
376
150
  cursor: pointer;
377
151
  }
378
152
 
379
- .video-js.skin_news .rewindbtn:hover{
153
+ .video-js.skin_news_live .rewindbtn:hover{
380
154
  cursor: pointer;
381
155
  }
382
156
 
383
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
157
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
384
158
  position: relative;
385
159
  padding-left: 0;
386
160
  }
387
161
 
388
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
162
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
389
163
  display: none !important;
390
164
  }
391
165
 
392
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
393
- width: 90px;
166
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
167
+ /* width: 90px;
394
168
  height: 90px;
395
169
  display: flex;
396
170
  justify-content: center;
@@ -405,19 +179,20 @@
405
179
  font-size: 6em;
406
180
  line-height: 1.4em;
407
181
  border: 0.05em solid;
408
- color: inherit;
182
+ color: inherit; */
183
+ display: none !important;
409
184
  }
410
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
185
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
411
186
  font-weight: bold;
412
187
  }
413
188
 
414
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
189
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
415
190
  bottom: 2.4em !important;
416
191
  right: -1em;
417
192
  z-index: 1;
418
193
  }
419
194
 
420
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
195
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
421
196
  width: 24px !important;
422
197
  height: 24px !important;
423
198
  }
@@ -427,34 +202,34 @@
427
202
  }
428
203
 
429
204
 
430
- .video-js.skin_news button.vjs-rewind-button{
205
+ .video-js.skin_news_live button.vjs-rewind-button{
431
206
  cursor: pointer;
432
207
  }
433
208
 
434
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
435
210
  padding-right: 0;
211
+ display: none;
436
212
  }
437
213
 
438
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
214
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
439
215
  padding-left: 0;
216
+ display: none;
440
217
  }
441
218
 
442
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
219
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
443
220
  padding-left: 0;
444
221
  padding-right: 0;
445
- display: flex;
446
- justify-content: center;
447
- width: min-content;
222
+ display: none;
448
223
  }
449
224
 
450
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
225
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
451
226
  display: none
452
227
  }
453
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
228
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
454
229
  display: none
455
230
  }
456
231
 
457
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
232
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
458
233
  display: flex;
459
234
  align-items: center;
460
235
  font-weight: 700;
@@ -462,26 +237,26 @@
462
237
  min-width: 1.2em;
463
238
  }
464
239
 
465
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
240
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
466
241
  display: none;
467
242
  font-size: 11px;
468
243
  justify-content: center;
469
244
  align-items: center;
470
245
  user-select: none;
471
246
  }
472
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
473
248
  display: none;
474
249
  }
475
250
 
476
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
477
252
  height: min-content;
478
253
  width: min-content;
479
254
  }
480
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
255
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
481
256
  width: 6em;
482
257
  }
483
258
 
484
- .video-js.skin_news .content{
259
+ .video-js.skin_news_live .content{
485
260
  bottom: 3.4rem !important;
486
261
  right: -4rem !important;
487
262
  }
@@ -505,10 +280,11 @@ iframe{
505
280
  height: 100%;
506
281
  }
507
282
 
508
- .video-js.skin_news .vjs-live-control{
283
+ .video-js.skin_news_live .vjs-live-control{
509
284
  align-items: center;
285
+ display: none;
510
286
  }
511
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
287
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
512
288
  height: 2.2em;
513
289
  display: flex;
514
290
  align-items: center;
@@ -519,43 +295,22 @@ iframe{
519
295
  margin: 4px 0px 4px 12px;
520
296
  }
521
297
 
522
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
298
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
523
299
  text-shadow: none;
524
300
  }
525
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
526
- display: none;
527
- font-size: 12px;
528
- }
529
301
 
530
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
531
- height: 2.2em;
532
- display: inline-flex;
533
- align-items: center;
534
- /* font-family: monospace; */
302
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
303
+ display: flex;
535
304
  justify-content: center;
536
- border: 2px solid;
537
- margin: 4px 0px 4px 6px;
538
- white-space: pre;
539
- padding: 0px 6px;
540
- font-size: 1.2em;
541
- font-weight: 500;
542
- color: rgba(255, 255, 2555, 0.7);
543
-
544
- letter-spacing: -.1px;
545
- line-height: normal;
546
- text-transform: uppercase;
547
- color: #FFFFFF;
548
- opacity: .7;
549
- font-family: "Proxima Nova";
305
+ min-width: 5.3em;
306
+ pointer-events: none;
307
+ user-select: none;
550
308
  }
551
309
 
552
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
553
- opacity: 1;
310
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
311
+ color: white;
554
312
  }
555
313
 
556
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
557
- content: "NOT LIVE";
558
- }
559
314
 
560
315
  .settings-selection.vjs-control.vjs-button{
561
316
  display: flex !important;
@@ -572,57 +327,57 @@ iframe{
572
327
  .tvProviderImage{
573
328
  display: none
574
329
  }
575
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
330
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
576
331
  .icon-maximize {
577
332
  height: 30px !important;
578
333
  }
579
334
 
580
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
335
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
581
336
  .icon-minimize {
582
337
  height: 30px !important;
583
338
  }
584
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
339
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
585
340
  width: 4.5em;
586
341
  }
587
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
342
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
588
343
  height: min-content;
589
344
  }
590
345
 
591
- .video-js.skin_news button.vjs-slowmo-button{
346
+ .video-js.skin_news_live button.vjs-slowmo-button{
592
347
  display: none;
593
348
  }
594
- .video-js.skin_news button.vjs-rewind-button{
349
+ .video-js.skin_news_live button.vjs-rewind-button{
595
350
  display: none;
596
351
  }
597
- .video-js.skin_news button.vjs-rewind-button>svg{
352
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
598
353
  height: 20px;
599
354
  }
600
- .video-js.skin_news .vjs-button{
355
+ .video-js.skin_news_live .vjs-button{
601
356
  width: 4.8em;
602
357
  }
603
- .video-js.skin_news .widget-selection{
358
+ .video-js.skin_news_live .widget-selection{
604
359
  display: none;
605
360
  }
606
- .video-js.skin_news .container{
361
+ .video-js.skin_news_live .container{
607
362
  display: none !important;
608
363
  }
609
- .video-js.skin_news .vjs-control-bar{
364
+ .video-js.skin_news_live .vjs-control-bar{
610
365
  height: 4em !important;
611
366
  }
612
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
367
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
613
368
  font-size: 2.5em;
614
369
  line-height: 1.5;
615
370
  }
616
- .video-js.skin_news .vjs-play-progress:before {
371
+ .video-js.skin_news_live .vjs-play-progress:before {
617
372
  font-size: 1.2em;
618
373
  position: absolute;
619
374
  right: -0.5em;
620
375
  z-index: 1;
621
376
  }
622
- .video-js.skin_news button.vjs-skip-button>svg{
377
+ .video-js.skin_news_live button.vjs-skip-button>svg{
623
378
  height: 20px;
624
379
  }
625
- .video-js.skin_news button.vjs-big-play-button {
380
+ .video-js.skin_news_live button.vjs-big-play-button {
626
381
  width: 50px !important;
627
382
  height: 50px !important;
628
383
  font-size: 2.1rem !important;
@@ -632,17 +387,17 @@ iframe{
632
387
  width: 24px;
633
388
  height: 24px;
634
389
  }
635
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
390
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
636
391
  margin: 0 12px 0 12px;
637
392
  }
638
- .video-js.skin_news .vjs-seek-to-live-text{
393
+ .video-js.skin_news_live .vjs-seek-to-live-text{
639
394
  font-size: 12px;
640
395
  }
641
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
396
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
642
397
  margin: 0 12px 0 12px;
643
398
  }
644
399
  }
645
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
400
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
646
401
  width: 90px;
647
402
  height: 90px;
648
403
  display: flex;
@@ -659,7 +414,7 @@ iframe{
659
414
  line-height: 1.4em;
660
415
  }
661
416
 
662
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
417
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
663
418
  display: flex;
664
419
  justify-content: center;
665
420
  align-items: center;
@@ -667,29 +422,22 @@ iframe{
667
422
  transition: width 0.1s;
668
423
  }
669
424
 
670
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
671
426
  display: flex;
672
427
  justify-content: center;
673
428
  align-items: center;
674
429
  height: 100%;
675
430
  transition: width 0.1s;
676
431
  }
677
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
432
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
678
433
  display: none !important;
679
434
  }
680
- .video-js.skin_news .ssai-ad-container{
681
- position: absolute;
682
- bottom: 14px;
683
- }
684
435
 
685
436
  @media (max-width: 576px) {
686
- .video-js.skin_news .ssai-ad-container{
687
- bottom: 2px;
688
- }
689
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
437
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
690
438
  height: 5px !important;
691
439
  }
692
- .video-js.skin_news button.vjs-big-play-button {
440
+ .video-js.skin_news_live button.vjs-big-play-button {
693
441
  width: 50px !important;
694
442
  height: 50px !important;
695
443
  font-size: 2.1rem !important;
@@ -698,75 +446,66 @@ iframe{
698
446
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
699
447
  display: none;
700
448
  }
701
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
449
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
702
450
  bottom: 2.4em !important;
703
451
  right: -1em;
704
452
  z-index: 1;
705
453
  }
706
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
454
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
707
455
  display: none !important;
708
456
  }
709
457
 
710
- .video-js.skin_news .vjs-text-track-display-ttml span {
458
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
711
459
  color: white !important;
712
460
  font-size: 13px !important;
713
461
  background-color: black !important;
714
462
  }
715
463
  }
716
464
 
717
- .video-js.skin_news .vjs-text-track-display-ttml span {
465
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
466
+ width: 100% !important;
467
+ }
468
+
469
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
718
470
  color: white !important;
719
471
  font-size: 16px !important;
720
472
  background-color: black !important;
721
473
  }
722
474
 
723
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
475
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
724
476
  margin-bottom: 2rem !important;
725
477
  }
726
478
 
727
- .video-js.skin_news .vjs-text-track-display-ttml p {
479
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
728
480
  font-size: 18px !important;
729
481
  }
730
482
 
731
483
 
732
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
733
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
485
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
734
486
  font-size: 1.2em !important;
735
487
  line-height: 1.5em !important;
736
- padding: 0.2em 0.8em !important;
737
- }
738
-
739
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
740
- content: none !important;
741
- fill: none !important;
742
- filter: none !important;
743
- }
744
-
745
- /* svg icons opacity and hover effect */
746
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
747
- opacity: 0.7 !important;
488
+ padding: 0.2em 0.8em !important;
748
489
  }
749
490
 
750
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
751
- opacity: 1 !important;
752
- }
753
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
754
- opacity: 0.7 !important;
755
- }
756
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
757
- opacity: 1 !important;
491
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
492
+ content: none !important;
493
+ fill: none !important;
494
+ filter: none !important;
758
495
  }
759
496
 
760
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
497
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
761
498
  color: rgba(255, 255, 2555, 0.7)!important;
762
499
  }
763
500
 
764
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
501
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
765
502
  color: rgba(255, 255, 2555, 1)!important;
766
503
  }
767
504
 
768
505
 
769
506
 
507
+
508
+
770
509
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
771
510
  font-size: 2.2em;
772
511
  line-height: 2.6;
@@ -1236,32 +975,267 @@ iframe{
1236
975
  }
1237
976
 
1238
977
 
978
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
979
+ height: 0.7em;
980
+ position: absolute;
981
+ top: -0.7em;
982
+ width: 100%;
983
+ }
984
+
985
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
986
+ height: 100%;
987
+ }
1239
988
 
1240
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
989
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
990
+ line-height: 2.5;
991
+ }
992
+
993
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
994
+ height: 19px;
995
+ width: 19px;
996
+ cursor: pointer;
997
+ }
998
+ .video-js.skin_vlone .vjs-control {
999
+ user-select: none;
1000
+ }
1001
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1002
+ user-select: none;
1003
+ }
1004
+
1005
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1006
+ height: 19px;
1007
+ width: 19px;
1008
+ cursor: pointer;
1009
+ }
1010
+
1011
+ .video-js.skin_vlone .vjs-play-progress:before {
1012
+ display: none !important;
1013
+ }
1014
+
1015
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1016
+ margin: 0 !important;
1017
+
1018
+ }
1019
+
1020
+
1021
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1022
+ display: block;
1023
+ flex: 1 1 auto;
1024
+ }
1025
+
1026
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1027
+ z-index: 1;
1028
+ }
1029
+
1030
+
1031
+ .video-js.skin_vlone .vjs-control-bar {
1032
+ height: 40px;
1033
+ }
1034
+
1035
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1036
+ .vjs-button>.vjs-icon-placeholder:before {
1037
+ position: relative !important;
1038
+ }
1039
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1040
+ display: flex;
1041
+ left: 0px;
1042
+ top: -1px;
1043
+ }
1044
+
1045
+ .vjs-button>.vjs-icon-placeholder:before {
1046
+ font-size: 2em !important;
1047
+ }
1048
+
1049
+ .video-js.skin_vlone .vjs-control {
1050
+ width: 4.3em;
1051
+ }
1052
+
1053
+ .vjs-menu-button-popup .vjs-menu {
1054
+ bottom: 10px !important;
1055
+ }
1056
+
1057
+
1058
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1059
+ height: 1.3em;
1060
+ position: absolute;
1061
+ top: -1.3em;
1062
+ transition: height 0.3s, top 0.3s;
1063
+ }
1064
+
1065
+
1066
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1067
+ display: none !important;
1068
+ }
1069
+
1070
+ .video-js.skin_vlone .vjs-time-control {
1071
+ display: block;
1072
+ }
1073
+ .video-js.skin_vlone .vjs-remaining-time {
1074
+ display: none;
1075
+ }
1076
+
1077
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1078
+ line-height: 3.5em;
1079
+ font-size: 1.1em;
1080
+ min-width: 4em;
1081
+ }
1082
+
1083
+ .video-js.skin_vlone .vjs-time-divider > div{
1084
+ display: flex;
1085
+ justify-content: center;
1086
+ }
1087
+
1088
+ .video-js.skin_vlone .vjs-live-control{
1089
+ align-items: center;
1090
+ }
1091
+ .video-js.skin_vlone .vjs-live-display{
1092
+ height: 2.2em;
1093
+ display: flex;
1094
+ align-items: center;
1095
+ font-family: monospace;
1096
+ width: 4em;
1097
+ justify-content: center;
1098
+ background: red;
1099
+ margin: 4px 0px 4px 12px;
1100
+ }
1101
+ .video-js.skin_vlone .vjs-live-display:hover{
1102
+ cursor: pointer;
1103
+ }
1104
+
1105
+ .video-js.skin_vlone .vjs-time-control {
1106
+ line-height: 3.5em !important;
1107
+ font-size: 1.1em !important;
1108
+ width: min-content !important;
1109
+ min-width: 1.5em;
1110
+ padding: 0 !important;
1111
+ user-select: none;
1112
+ }
1113
+
1114
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1115
+ margin-left: 16px !important;
1116
+ }
1117
+
1118
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1119
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1120
+ font-size: 1.2em !important;
1121
+ line-height: 1.5em !important;
1122
+ padding: 0.2em 0.8em !important;
1123
+ }
1124
+
1125
+
1126
+ /* Big play */
1127
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1128
+ width: 80px;
1129
+ height: 80px;
1130
+ display: flex;
1131
+ justify-content: center;
1132
+ align-items: center;
1133
+ border: none;
1134
+ position: absolute;
1135
+ top: 0;
1136
+ left: 0;
1137
+ right: 0;
1138
+ bottom: 0;
1139
+ margin: auto;
1140
+ font-size: 5em;
1141
+ line-height: 1.3em;
1142
+ transform: none !important;
1143
+ border-radius: 1.3em;
1144
+ }
1145
+ .video-js.skin_vlone .ssai-ad-container{
1146
+ position: absolute;
1147
+ bottom: 4px;
1148
+ }
1149
+
1150
+ @media(max-width:600px){
1151
+ .video-js.skin_vlone button.vjs-big-play-button {
1152
+ width: 50px !important;
1153
+ height: 50px !important;
1154
+ font-size: 2.1rem !important;
1155
+ }
1156
+
1157
+ .video-js.skin_vlone .ssai-ad-container {
1158
+ position: absolute;
1159
+ bottom: 2px;
1160
+ }
1161
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1162
+ display: none;
1163
+ }
1164
+
1165
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1166
+ display: none;
1167
+ }
1168
+
1169
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1170
+ display: none;
1171
+ }
1172
+ }
1173
+
1174
+
1175
+
1176
+ .video-js .content {
1177
+ border-radius: 0;
1178
+ background-color: rgba(43, 51, 63, 0.7);
1179
+ }
1180
+ .video-js .resolution {
1181
+ min-width: 100px;
1182
+ }
1183
+ .video-js .content .resolution .title {
1184
+ display: none;
1185
+ }
1186
+ .video-js .resolution .rendition{
1187
+ display: flex;
1188
+ list-style: none;
1189
+ margin: 0;
1190
+ line-height: 1.4em;
1191
+ font-size: 12px;
1192
+ text-align: center;
1193
+ }
1194
+ .video-js .rendition {
1195
+ padding: 4px 20px;
1196
+ }
1197
+ .video-js .rendition span {
1198
+ background: none;
1199
+ }
1200
+ .video-js .resolution .renditions .relative:hover {
1201
+ background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
1202
+ }
1203
+ .video-js .resolution .renditions .relative .rendition.selected {
1204
+ background-color: #fff;
1205
+ color: #2B333F;
1206
+ font-weight: normal;
1207
+ }
1208
+
1209
+ .video-js .resolution .renditions .relative .rendition.selected span{
1210
+ color: #2B333F;
1211
+ font-weight: bold
1212
+ }
1213
+
1214
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1241
1215
  font-size: 2.2em;
1242
1216
  line-height: 2.6;
1243
1217
  }
1244
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1245
- background: #fcb700;
1218
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1219
+ background: white;
1246
1220
  }
1247
- .video-js.skin_news_live .vjs-control-bar{
1221
+ .video-js.skin_news .vjs-control-bar{
1248
1222
  z-index: 1 !important;
1249
1223
  height: 5em !important;
1250
1224
  background: black !important;
1251
1225
  }
1252
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1226
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1253
1227
  display: flex;
1254
1228
  align-items: center;
1255
1229
  justify-content: center;
1256
1230
  }
1257
1231
 
1258
- .video-js.skin_news_live .vjs-fade>* {
1232
+ .video-js.skin_news .vjs-fade>* {
1259
1233
  visibility: hidden !important;
1260
1234
  opacity: 0 !important;
1261
1235
  transition: visibility 1s, opacity 1s !important;
1262
1236
  }
1263
1237
 
1264
- .video-js.skin_news_live .custom-spaced-progress-bar {
1238
+ .video-js.skin_news .custom-spaced-progress-bar {
1265
1239
  position: absolute;
1266
1240
  width: 100%;
1267
1241
  display: flex;
@@ -1269,7 +1243,7 @@ iframe{
1269
1243
  top: -0.5em;
1270
1244
  }
1271
1245
 
1272
- .video-js.skin_news_live .vjs-progress-control {
1246
+ .video-js.skin_news .vjs-progress-control {
1273
1247
  /* left: -6px; */
1274
1248
  position: relative;
1275
1249
  width: 100%;
@@ -1277,25 +1251,22 @@ iframe{
1277
1251
  transition: height 0.1s, top 0.1s;
1278
1252
  }
1279
1253
 
1280
- .video-js.skin_news_live .vjs-volume-panel{
1281
- min-width: 5.3em;
1282
- }
1283
1254
 
1284
1255
 
1285
1256
 
1286
- .video-js.skin_news_live .vjs-custom-control-spacer {
1287
- /* display: block; */
1288
- /* flex: 1 1 auto; */
1257
+ .video-js.skin_news .vjs-custom-control-spacer {
1258
+ display: block;
1259
+ flex: 1 1 auto;
1289
1260
  }
1290
1261
 
1291
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1262
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1292
1263
  margin: 0 0px 0 0px;
1293
1264
  }
1294
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1265
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1295
1266
  display: none;
1296
1267
  }
1297
1268
 
1298
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1269
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1299
1270
  font-size: 14px;
1300
1271
  font-weight: 500;
1301
1272
  align-self: center;
@@ -1304,30 +1275,30 @@ iframe{
1304
1275
  border-radius: 8px;
1305
1276
  }
1306
1277
 
1307
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1278
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1308
1279
  height: 6px !important;
1309
1280
  }
1310
1281
 
1311
- .video-js.skin_news_live .vjs-play-progress:before {
1282
+ .video-js.skin_news .vjs-play-progress:before {
1312
1283
  font-size: 1.5em;
1313
1284
  line-height: unset;
1314
1285
  top: -0.3333333333em;
1315
1286
  }
1316
1287
 
1317
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1288
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1318
1289
  display: none !important;
1319
1290
  }
1320
1291
 
1321
1292
  /* */
1322
- .video-js.skin_news_live .vjs-mouse-display{
1293
+ .video-js.skin_news .vjs-mouse-display{
1323
1294
  font-size: 1.6666666667em;
1324
1295
  }
1325
1296
 
1326
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1297
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1327
1298
  font-size: 1em !important;
1328
1299
  }
1329
1300
 
1330
- .video-js.skin_news_live .vjs-button{
1301
+ .video-js.skin_news .vjs-button{
1331
1302
  width: 5.3em;
1332
1303
  display: flex;
1333
1304
  align-items: center;
@@ -1335,71 +1306,63 @@ iframe{
1335
1306
  }
1336
1307
 
1337
1308
 
1338
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1309
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1339
1310
  .icon-maximize {
1340
1311
  display: block;
1341
1312
  height: 32px;
1342
1313
  }
1343
1314
 
1344
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1315
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1345
1316
  line-height: 4;
1346
1317
  }
1347
1318
 
1348
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1319
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1349
1320
  .icon-minimize {
1350
1321
  display: none;
1351
1322
  height: 32px;
1352
1323
  }
1353
1324
 
1354
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1325
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1355
1326
  outline: none !important;
1356
- /* flex: 1; */
1357
- }
1358
- .video-js.skin_news_live .vjs-play-toggle-container{
1359
- display: flex;
1360
- flex: 1;
1361
- justify-content: center;
1362
1327
  }
1363
-
1364
-
1365
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1328
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1366
1329
  .vjs-icon-fullscreen-enter:before {
1367
1330
  /* content: '' !important; */
1368
1331
  }
1369
1332
 
1370
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1333
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1371
1334
  display: flex;
1372
1335
  justify-content: center;
1373
1336
  align-items: center;
1374
1337
  /* transform: rotate(90deg); */
1375
1338
  }
1376
1339
 
1377
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1340
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1378
1341
  display: none;
1379
1342
  }
1380
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1343
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1381
1344
  margin-left: -10px;
1382
1345
  }
1383
1346
 
1384
- .video-js.skin_news_live .skipbtn:hover{
1347
+ .video-js.skin_news .skipbtn:hover{
1385
1348
  cursor: pointer;
1386
1349
  }
1387
1350
 
1388
- .video-js.skin_news_live .rewindbtn:hover{
1351
+ .video-js.skin_news .rewindbtn:hover{
1389
1352
  cursor: pointer;
1390
1353
  }
1391
1354
 
1392
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1355
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1393
1356
  position: relative;
1394
1357
  padding-left: 0;
1395
1358
  }
1396
1359
 
1397
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1360
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1398
1361
  display: none !important;
1399
1362
  }
1400
1363
 
1401
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1402
- /* width: 90px;
1364
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1365
+ width: 90px;
1403
1366
  height: 90px;
1404
1367
  display: flex;
1405
1368
  justify-content: center;
@@ -1414,20 +1377,19 @@ iframe{
1414
1377
  font-size: 6em;
1415
1378
  line-height: 1.4em;
1416
1379
  border: 0.05em solid;
1417
- color: inherit; */
1418
- display: none !important;
1380
+ color: inherit;
1419
1381
  }
1420
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1382
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1421
1383
  font-weight: bold;
1422
1384
  }
1423
1385
 
1424
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1386
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1425
1387
  bottom: 2.4em !important;
1426
1388
  right: -1em;
1427
1389
  z-index: 1;
1428
1390
  }
1429
1391
 
1430
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1392
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1431
1393
  width: 24px !important;
1432
1394
  height: 24px !important;
1433
1395
  }
@@ -1437,34 +1399,34 @@ iframe{
1437
1399
  }
1438
1400
 
1439
1401
 
1440
- .video-js.skin_news_live button.vjs-rewind-button{
1402
+ .video-js.skin_news button.vjs-rewind-button{
1441
1403
  cursor: pointer;
1442
1404
  }
1443
1405
 
1444
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1406
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1445
1407
  padding-right: 0;
1446
- display: none;
1447
1408
  }
1448
1409
 
1449
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1410
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1450
1411
  padding-left: 0;
1451
- display: none;
1452
1412
  }
1453
1413
 
1454
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1414
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1455
1415
  padding-left: 0;
1456
1416
  padding-right: 0;
1457
- display: none;
1417
+ display: flex;
1418
+ justify-content: center;
1419
+ width: min-content;
1458
1420
  }
1459
1421
 
1460
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1422
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1461
1423
  display: none
1462
1424
  }
1463
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1425
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1464
1426
  display: none
1465
1427
  }
1466
1428
 
1467
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1429
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
1468
1430
  display: flex;
1469
1431
  align-items: center;
1470
1432
  font-weight: 700;
@@ -1472,26 +1434,26 @@ iframe{
1472
1434
  min-width: 1.2em;
1473
1435
  }
1474
1436
 
1475
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1437
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1476
1438
  display: none;
1477
1439
  font-size: 11px;
1478
1440
  justify-content: center;
1479
1441
  align-items: center;
1480
1442
  user-select: none;
1481
1443
  }
1482
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1444
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1483
1445
  display: none;
1484
1446
  }
1485
1447
 
1486
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1448
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1487
1449
  height: min-content;
1488
1450
  width: min-content;
1489
1451
  }
1490
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1452
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1491
1453
  width: 6em;
1492
1454
  }
1493
1455
 
1494
- .video-js.skin_news_live .content{
1456
+ .video-js.skin_news .content{
1495
1457
  bottom: 3.4rem !important;
1496
1458
  right: -4rem !important;
1497
1459
  }
@@ -1515,11 +1477,10 @@ iframe{
1515
1477
  height: 100%;
1516
1478
  }
1517
1479
 
1518
- .video-js.skin_news_live .vjs-live-control{
1480
+ .video-js.skin_news .vjs-live-control{
1519
1481
  align-items: center;
1520
- display: none;
1521
1482
  }
1522
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1483
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1523
1484
  height: 2.2em;
1524
1485
  display: flex;
1525
1486
  align-items: center;
@@ -1530,22 +1491,43 @@ iframe{
1530
1491
  margin: 4px 0px 4px 12px;
1531
1492
  }
1532
1493
 
1533
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1494
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1534
1495
  text-shadow: none;
1535
1496
  }
1497
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1498
+ display: none;
1499
+ font-size: 12px;
1500
+ }
1536
1501
 
1537
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1538
- display: flex;
1502
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1503
+ height: 2.2em;
1504
+ display: inline-flex;
1505
+ align-items: center;
1506
+ /* font-family: monospace; */
1539
1507
  justify-content: center;
1540
- min-width: 5.3em;
1541
- pointer-events: none;
1542
- user-select: none;
1508
+ border: 2px solid;
1509
+ margin: 4px 0px 4px 6px;
1510
+ white-space: pre;
1511
+ padding: 0px 6px;
1512
+ font-size: 1.2em;
1513
+ font-weight: 500;
1514
+ color: rgba(255, 255, 2555, 0.7);
1515
+
1516
+ letter-spacing: -.1px;
1517
+ line-height: normal;
1518
+ text-transform: uppercase;
1519
+ color: #FFFFFF;
1520
+ opacity: .7;
1521
+ font-family: "Proxima Nova";
1543
1522
  }
1544
1523
 
1545
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1546
- color: white;
1524
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1525
+ opacity: 1;
1547
1526
  }
1548
1527
 
1528
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1529
+ content: "NOT LIVE";
1530
+ }
1549
1531
 
1550
1532
  .settings-selection.vjs-control.vjs-button{
1551
1533
  display: flex !important;
@@ -1562,57 +1544,57 @@ iframe{
1562
1544
  .tvProviderImage{
1563
1545
  display: none
1564
1546
  }
1565
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1547
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1566
1548
  .icon-maximize {
1567
1549
  height: 30px !important;
1568
1550
  }
1569
1551
 
1570
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1552
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1571
1553
  .icon-minimize {
1572
1554
  height: 30px !important;
1573
1555
  }
1574
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1556
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1575
1557
  width: 4.5em;
1576
1558
  }
1577
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1559
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1578
1560
  height: min-content;
1579
1561
  }
1580
1562
 
1581
- .video-js.skin_news_live button.vjs-slowmo-button{
1563
+ .video-js.skin_news button.vjs-slowmo-button{
1582
1564
  display: none;
1583
1565
  }
1584
- .video-js.skin_news_live button.vjs-rewind-button{
1566
+ .video-js.skin_news button.vjs-rewind-button{
1585
1567
  display: none;
1586
1568
  }
1587
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1569
+ .video-js.skin_news button.vjs-rewind-button>svg{
1588
1570
  height: 20px;
1589
1571
  }
1590
- .video-js.skin_news_live .vjs-button{
1572
+ .video-js.skin_news .vjs-button{
1591
1573
  width: 4.8em;
1592
1574
  }
1593
- .video-js.skin_news_live .widget-selection{
1575
+ .video-js.skin_news .widget-selection{
1594
1576
  display: none;
1595
1577
  }
1596
- .video-js.skin_news_live .container{
1578
+ .video-js.skin_news .container{
1597
1579
  display: none !important;
1598
1580
  }
1599
- .video-js.skin_news_live .vjs-control-bar{
1581
+ .video-js.skin_news .vjs-control-bar{
1600
1582
  height: 4em !important;
1601
1583
  }
1602
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1584
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1603
1585
  font-size: 2.5em;
1604
1586
  line-height: 1.5;
1605
1587
  }
1606
- .video-js.skin_news_live .vjs-play-progress:before {
1588
+ .video-js.skin_news .vjs-play-progress:before {
1607
1589
  font-size: 1.2em;
1608
1590
  position: absolute;
1609
1591
  right: -0.5em;
1610
1592
  z-index: 1;
1611
1593
  }
1612
- .video-js.skin_news_live button.vjs-skip-button>svg{
1594
+ .video-js.skin_news button.vjs-skip-button>svg{
1613
1595
  height: 20px;
1614
1596
  }
1615
- .video-js.skin_news_live button.vjs-big-play-button {
1597
+ .video-js.skin_news button.vjs-big-play-button {
1616
1598
  width: 50px !important;
1617
1599
  height: 50px !important;
1618
1600
  font-size: 2.1rem !important;
@@ -1622,17 +1604,17 @@ iframe{
1622
1604
  width: 24px;
1623
1605
  height: 24px;
1624
1606
  }
1625
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1607
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1626
1608
  margin: 0 12px 0 12px;
1627
1609
  }
1628
- .video-js.skin_news_live .vjs-seek-to-live-text{
1610
+ .video-js.skin_news .vjs-seek-to-live-text{
1629
1611
  font-size: 12px;
1630
1612
  }
1631
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1613
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1632
1614
  margin: 0 12px 0 12px;
1633
1615
  }
1634
1616
  }
1635
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1617
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1636
1618
  width: 90px;
1637
1619
  height: 90px;
1638
1620
  display: flex;
@@ -1649,7 +1631,7 @@ iframe{
1649
1631
  line-height: 1.4em;
1650
1632
  }
1651
1633
 
1652
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1634
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1653
1635
  display: flex;
1654
1636
  justify-content: center;
1655
1637
  align-items: center;
@@ -1657,22 +1639,29 @@ iframe{
1657
1639
  transition: width 0.1s;
1658
1640
  }
1659
1641
 
1660
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1642
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1661
1643
  display: flex;
1662
1644
  justify-content: center;
1663
1645
  align-items: center;
1664
1646
  height: 100%;
1665
1647
  transition: width 0.1s;
1666
1648
  }
1667
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1649
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1668
1650
  display: none !important;
1669
1651
  }
1652
+ .video-js.skin_news .ssai-ad-container{
1653
+ position: absolute;
1654
+ bottom: 14px;
1655
+ }
1670
1656
 
1671
1657
  @media (max-width: 576px) {
1672
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1658
+ .video-js.skin_news .ssai-ad-container{
1659
+ bottom: 2px;
1660
+ }
1661
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1673
1662
  height: 5px !important;
1674
1663
  }
1675
- .video-js.skin_news_live button.vjs-big-play-button {
1664
+ .video-js.skin_news button.vjs-big-play-button {
1676
1665
  width: 50px !important;
1677
1666
  height: 50px !important;
1678
1667
  font-size: 2.1rem !important;
@@ -1681,59 +1670,70 @@ iframe{
1681
1670
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1682
1671
  display: none;
1683
1672
  }
1684
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1673
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1685
1674
  bottom: 2.4em !important;
1686
1675
  right: -1em;
1687
1676
  z-index: 1;
1688
1677
  }
1689
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1678
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1690
1679
  display: none !important;
1691
1680
  }
1692
1681
 
1693
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1682
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1694
1683
  color: white !important;
1695
1684
  font-size: 13px !important;
1696
1685
  background-color: black !important;
1697
1686
  }
1698
1687
  }
1699
1688
 
1700
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1701
- width: 100% !important;
1702
- }
1703
-
1704
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1689
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1705
1690
  color: white !important;
1706
1691
  font-size: 16px !important;
1707
1692
  background-color: black !important;
1708
1693
  }
1709
1694
 
1710
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1695
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1711
1696
  margin-bottom: 2rem !important;
1712
1697
  }
1713
1698
 
1714
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1699
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1715
1700
  font-size: 18px !important;
1716
1701
  }
1717
1702
 
1718
1703
 
1719
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1720
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1704
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1705
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1721
1706
  font-size: 1.2em !important;
1722
1707
  line-height: 1.5em !important;
1723
1708
  padding: 0.2em 0.8em !important;
1724
1709
  }
1725
1710
 
1726
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1711
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1727
1712
  content: none !important;
1728
1713
  fill: none !important;
1729
1714
  filter: none !important;
1730
1715
  }
1731
1716
 
1732
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1717
+ /* svg icons opacity and hover effect */
1718
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1719
+ opacity: 0.7 !important;
1720
+ }
1721
+
1722
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1723
+ opacity: 1 !important;
1724
+ }
1725
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1726
+ opacity: 0.7 !important;
1727
+ }
1728
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1729
+ opacity: 1 !important;
1730
+ }
1731
+
1732
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
1733
  color: rgba(255, 255, 2555, 0.7)!important;
1734
1734
  }
1735
1735
 
1736
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1736
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
1737
  color: rgba(255, 255, 2555, 1)!important;
1738
1738
  }
1739
1739
 
@@ -1920,6 +1920,7 @@ iframe{
1920
1920
 
1921
1921
 
1922
1922
 
1923
+
1923
1924
  .video-js .multicamera-parent.default{
1924
1925
  height: 345px;
1925
1926
  position: absolute;
@@ -2001,7 +2002,6 @@ iframe{
2001
2002
 
2002
2003
 
2003
2004
 
2004
-
2005
2005
  .vjs-custom-big-mute.vjs-control{
2006
2006
  position: absolute;
2007
2007
  align-items: center;