@viewlift/player-backup 2.0.233-backup → 2.0.234-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 (9) hide show
  1. package/cjs/bundle.css +531 -531
  2. package/cjs/{index-136f735d.js → index-1522d4e2.js} +1 -1
  3. package/cjs/index.js +1 -1
  4. package/cjs/{skin-8a22f93d.js → skin-e56bf492.js} +1 -1
  5. package/esm/bundle.css +531 -531
  6. package/esm/{index-c147d174.js → index-ebf4e821.js} +1 -1
  7. package/esm/index.js +1 -1
  8. package/esm/{skin-24521313.js → skin-fbd7ae2c.js} +1 -1
  9. package/package.json +1 -1
package/cjs/bundle.css CHANGED
@@ -1,33 +1,31 @@
1
1
 
2
2
 
3
3
 
4
-
5
-
6
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
4
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
7
5
  font-size: 2.2em;
8
6
  line-height: 2.6;
9
7
  }
10
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
11
- background: white;
8
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
9
+ background: #fcb700;
12
10
  }
13
- .video-js.skin_news .vjs-control-bar{
11
+ .video-js.skin_news_live .vjs-control-bar{
14
12
  z-index: 1 !important;
15
13
  height: 5em !important;
16
14
  background: black !important;
17
15
  }
18
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
16
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
19
17
  display: flex;
20
18
  align-items: center;
21
19
  justify-content: center;
22
20
  }
23
21
 
24
- .video-js.skin_news .vjs-fade>* {
22
+ .video-js.skin_news_live .vjs-fade>* {
25
23
  visibility: hidden !important;
26
24
  opacity: 0 !important;
27
25
  transition: visibility 1s, opacity 1s !important;
28
26
  }
29
27
 
30
- .video-js.skin_news .custom-spaced-progress-bar {
28
+ .video-js.skin_news_live .custom-spaced-progress-bar {
31
29
  position: absolute;
32
30
  width: 100%;
33
31
  display: flex;
@@ -35,7 +33,7 @@
35
33
  top: -0.5em;
36
34
  }
37
35
 
38
- .video-js.skin_news .vjs-progress-control {
36
+ .video-js.skin_news_live .vjs-progress-control {
39
37
  /* left: -6px; */
40
38
  position: relative;
41
39
  width: 100%;
@@ -43,22 +41,25 @@
43
41
  transition: height 0.1s, top 0.1s;
44
42
  }
45
43
 
44
+ .video-js.skin_news_live .vjs-volume-panel{
45
+ min-width: 5.3em;
46
+ }
46
47
 
47
48
 
48
49
 
49
- .video-js.skin_news .vjs-custom-control-spacer {
50
- display: block;
51
- flex: 1 1 auto;
50
+ .video-js.skin_news_live .vjs-custom-control-spacer {
51
+ /* display: block; */
52
+ /* flex: 1 1 auto; */
52
53
  }
53
54
 
54
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
55
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
55
56
  margin: 0 0px 0 0px;
56
57
  }
57
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
58
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
58
59
  display: none;
59
60
  }
60
61
 
61
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
62
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
62
63
  font-size: 14px;
63
64
  font-weight: 500;
64
65
  align-self: center;
@@ -67,30 +68,30 @@
67
68
  border-radius: 8px;
68
69
  }
69
70
 
70
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
71
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
71
72
  height: 6px !important;
72
73
  }
73
74
 
74
- .video-js.skin_news .vjs-play-progress:before {
75
+ .video-js.skin_news_live .vjs-play-progress:before {
75
76
  font-size: 1.5em;
76
77
  line-height: unset;
77
78
  top: -0.3333333333em;
78
79
  }
79
80
 
80
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
81
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
81
82
  display: none !important;
82
83
  }
83
84
 
84
85
  /* */
85
- .video-js.skin_news .vjs-mouse-display{
86
+ .video-js.skin_news_live .vjs-mouse-display{
86
87
  font-size: 1.6666666667em;
87
88
  }
88
89
 
89
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
90
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
90
91
  font-size: 1em !important;
91
92
  }
92
93
 
93
- .video-js.skin_news .vjs-button{
94
+ .video-js.skin_news_live .vjs-button{
94
95
  width: 5.3em;
95
96
  display: flex;
96
97
  align-items: center;
@@ -98,63 +99,71 @@
98
99
  }
99
100
 
100
101
 
101
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
102
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
102
103
  .icon-maximize {
103
104
  display: block;
104
105
  height: 32px;
105
106
  }
106
107
 
107
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
108
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
108
109
  line-height: 4;
109
110
  }
110
111
 
111
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
112
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
112
113
  .icon-minimize {
113
114
  display: none;
114
115
  height: 32px;
115
116
  }
116
117
 
117
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
118
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
118
119
  outline: none !important;
120
+ /* flex: 1; */
119
121
  }
120
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
122
+ .video-js.skin_news_live .vjs-play-toggle-container{
123
+ display: flex;
124
+ flex: 1;
125
+ justify-content: center;
126
+ }
127
+
128
+
129
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
121
130
  .vjs-icon-fullscreen-enter:before {
122
131
  /* content: '' !important; */
123
132
  }
124
133
 
125
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
134
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
126
135
  display: flex;
127
136
  justify-content: center;
128
137
  align-items: center;
129
138
  /* transform: rotate(90deg); */
130
139
  }
131
140
 
132
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
141
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
133
142
  display: none;
134
143
  }
135
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
144
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
136
145
  margin-left: -10px;
137
146
  }
138
147
 
139
- .video-js.skin_news .skipbtn:hover{
148
+ .video-js.skin_news_live .skipbtn:hover{
140
149
  cursor: pointer;
141
150
  }
142
151
 
143
- .video-js.skin_news .rewindbtn:hover{
152
+ .video-js.skin_news_live .rewindbtn:hover{
144
153
  cursor: pointer;
145
154
  }
146
155
 
147
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
156
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
148
157
  position: relative;
149
158
  padding-left: 0;
150
159
  }
151
160
 
152
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
161
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
153
162
  display: none !important;
154
163
  }
155
164
 
156
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
157
- width: 90px;
165
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
166
+ /* width: 90px;
158
167
  height: 90px;
159
168
  display: flex;
160
169
  justify-content: center;
@@ -169,19 +178,20 @@
169
178
  font-size: 6em;
170
179
  line-height: 1.4em;
171
180
  border: 0.05em solid;
172
- color: inherit;
181
+ color: inherit; */
182
+ display: none !important;
173
183
  }
174
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
184
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
175
185
  font-weight: bold;
176
186
  }
177
187
 
178
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
188
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
179
189
  bottom: 2.4em !important;
180
190
  right: -1em;
181
191
  z-index: 1;
182
192
  }
183
193
 
184
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
194
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
185
195
  width: 24px !important;
186
196
  height: 24px !important;
187
197
  }
@@ -191,34 +201,34 @@
191
201
  }
192
202
 
193
203
 
194
- .video-js.skin_news button.vjs-rewind-button{
204
+ .video-js.skin_news_live button.vjs-rewind-button{
195
205
  cursor: pointer;
196
206
  }
197
207
 
198
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
208
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
199
209
  padding-right: 0;
210
+ display: none;
200
211
  }
201
212
 
202
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
213
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
203
214
  padding-left: 0;
215
+ display: none;
204
216
  }
205
217
 
206
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
218
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
207
219
  padding-left: 0;
208
220
  padding-right: 0;
209
- display: flex;
210
- justify-content: center;
211
- width: min-content;
221
+ display: none;
212
222
  }
213
223
 
214
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
224
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
215
225
  display: none
216
226
  }
217
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
227
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
218
228
  display: none
219
229
  }
220
230
 
221
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
231
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
222
232
  display: flex;
223
233
  align-items: center;
224
234
  font-weight: 700;
@@ -226,26 +236,26 @@
226
236
  min-width: 1.2em;
227
237
  }
228
238
 
229
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
239
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
230
240
  display: none;
231
241
  font-size: 11px;
232
242
  justify-content: center;
233
243
  align-items: center;
234
244
  user-select: none;
235
245
  }
236
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
246
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
237
247
  display: none;
238
248
  }
239
249
 
240
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
250
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
241
251
  height: min-content;
242
252
  width: min-content;
243
253
  }
244
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
254
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
245
255
  width: 6em;
246
256
  }
247
257
 
248
- .video-js.skin_news .content{
258
+ .video-js.skin_news_live .content{
249
259
  bottom: 3.4rem !important;
250
260
  right: -4rem !important;
251
261
  }
@@ -269,10 +279,11 @@ iframe{
269
279
  height: 100%;
270
280
  }
271
281
 
272
- .video-js.skin_news .vjs-live-control{
282
+ .video-js.skin_news_live .vjs-live-control{
273
283
  align-items: center;
284
+ display: none;
274
285
  }
275
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
286
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
276
287
  height: 2.2em;
277
288
  display: flex;
278
289
  align-items: center;
@@ -283,43 +294,22 @@ iframe{
283
294
  margin: 4px 0px 4px 12px;
284
295
  }
285
296
 
286
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
297
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
287
298
  text-shadow: none;
288
299
  }
289
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
290
- display: none;
291
- font-size: 12px;
292
- }
293
300
 
294
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
295
- height: 2.2em;
296
- display: inline-flex;
297
- align-items: center;
298
- /* font-family: monospace; */
301
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
302
+ display: flex;
299
303
  justify-content: center;
300
- border: 2px solid;
301
- margin: 4px 0px 4px 6px;
302
- white-space: pre;
303
- padding: 0px 6px;
304
- font-size: 1.2em;
305
- font-weight: 500;
306
- color: rgba(255, 255, 2555, 0.7);
307
-
308
- letter-spacing: -.1px;
309
- line-height: normal;
310
- text-transform: uppercase;
311
- color: #FFFFFF;
312
- opacity: .7;
313
- font-family: "Proxima Nova";
304
+ min-width: 5.3em;
305
+ pointer-events: none;
306
+ user-select: none;
314
307
  }
315
308
 
316
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
317
- opacity: 1;
309
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
310
+ color: white;
318
311
  }
319
312
 
320
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
321
- content: "NOT LIVE";
322
- }
323
313
 
324
314
  .settings-selection.vjs-control.vjs-button{
325
315
  display: flex !important;
@@ -336,57 +326,57 @@ iframe{
336
326
  .tvProviderImage{
337
327
  display: none
338
328
  }
339
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
329
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
340
330
  .icon-maximize {
341
331
  height: 30px !important;
342
332
  }
343
333
 
344
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
334
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
345
335
  .icon-minimize {
346
336
  height: 30px !important;
347
337
  }
348
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
338
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
349
339
  width: 4.5em;
350
340
  }
351
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
341
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
352
342
  height: min-content;
353
343
  }
354
344
 
355
- .video-js.skin_news button.vjs-slowmo-button{
345
+ .video-js.skin_news_live button.vjs-slowmo-button{
356
346
  display: none;
357
347
  }
358
- .video-js.skin_news button.vjs-rewind-button{
348
+ .video-js.skin_news_live button.vjs-rewind-button{
359
349
  display: none;
360
350
  }
361
- .video-js.skin_news button.vjs-rewind-button>svg{
351
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
362
352
  height: 20px;
363
353
  }
364
- .video-js.skin_news .vjs-button{
354
+ .video-js.skin_news_live .vjs-button{
365
355
  width: 4.8em;
366
356
  }
367
- .video-js.skin_news .widget-selection{
357
+ .video-js.skin_news_live .widget-selection{
368
358
  display: none;
369
359
  }
370
- .video-js.skin_news .container{
360
+ .video-js.skin_news_live .container{
371
361
  display: none !important;
372
362
  }
373
- .video-js.skin_news .vjs-control-bar{
363
+ .video-js.skin_news_live .vjs-control-bar{
374
364
  height: 4em !important;
375
365
  }
376
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
366
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
377
367
  font-size: 2.5em;
378
368
  line-height: 1.5;
379
369
  }
380
- .video-js.skin_news .vjs-play-progress:before {
370
+ .video-js.skin_news_live .vjs-play-progress:before {
381
371
  font-size: 1.2em;
382
372
  position: absolute;
383
373
  right: -0.5em;
384
374
  z-index: 1;
385
375
  }
386
- .video-js.skin_news button.vjs-skip-button>svg{
376
+ .video-js.skin_news_live button.vjs-skip-button>svg{
387
377
  height: 20px;
388
378
  }
389
- .video-js.skin_news button.vjs-big-play-button {
379
+ .video-js.skin_news_live button.vjs-big-play-button {
390
380
  width: 50px !important;
391
381
  height: 50px !important;
392
382
  font-size: 2.1rem !important;
@@ -396,17 +386,17 @@ iframe{
396
386
  width: 24px;
397
387
  height: 24px;
398
388
  }
399
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
389
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
400
390
  margin: 0 12px 0 12px;
401
391
  }
402
- .video-js.skin_news .vjs-seek-to-live-text{
392
+ .video-js.skin_news_live .vjs-seek-to-live-text{
403
393
  font-size: 12px;
404
394
  }
405
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
395
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
406
396
  margin: 0 12px 0 12px;
407
397
  }
408
398
  }
409
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
399
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
410
400
  width: 90px;
411
401
  height: 90px;
412
402
  display: flex;
@@ -423,7 +413,7 @@ iframe{
423
413
  line-height: 1.4em;
424
414
  }
425
415
 
426
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
416
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
427
417
  display: flex;
428
418
  justify-content: center;
429
419
  align-items: center;
@@ -431,29 +421,22 @@ iframe{
431
421
  transition: width 0.1s;
432
422
  }
433
423
 
434
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
435
425
  display: flex;
436
426
  justify-content: center;
437
427
  align-items: center;
438
428
  height: 100%;
439
429
  transition: width 0.1s;
440
430
  }
441
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
431
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
442
432
  display: none !important;
443
433
  }
444
- .video-js.skin_news .ssai-ad-container{
445
- position: absolute;
446
- bottom: 14px;
447
- }
448
434
 
449
435
  @media (max-width: 576px) {
450
- .video-js.skin_news .ssai-ad-container{
451
- bottom: 2px;
452
- }
453
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
436
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
454
437
  height: 5px !important;
455
438
  }
456
- .video-js.skin_news button.vjs-big-play-button {
439
+ .video-js.skin_news_live button.vjs-big-play-button {
457
440
  width: 50px !important;
458
441
  height: 50px !important;
459
442
  font-size: 2.1rem !important;
@@ -462,100 +445,87 @@ iframe{
462
445
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
463
446
  display: none;
464
447
  }
465
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
448
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
466
449
  bottom: 2.4em !important;
467
450
  right: -1em;
468
451
  z-index: 1;
469
452
  }
470
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
453
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
471
454
  display: none !important;
472
455
  }
473
456
 
474
- .video-js.skin_news .vjs-text-track-display-ttml span {
457
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
475
458
  color: white !important;
476
459
  font-size: 13px !important;
477
460
  background-color: black !important;
478
461
  }
479
462
  }
480
463
 
481
- .video-js.skin_news .vjs-text-track-display-ttml span {
464
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
465
+ width: 100% !important;
466
+ }
467
+
468
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
482
469
  color: white !important;
483
470
  font-size: 16px !important;
484
471
  background-color: black !important;
485
472
  }
486
473
 
487
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
474
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
488
475
  margin-bottom: 2rem !important;
489
476
  }
490
477
 
491
- .video-js.skin_news .vjs-text-track-display-ttml p {
478
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
492
479
  font-size: 18px !important;
493
480
  }
494
481
 
495
482
 
496
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
497
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
483
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
498
485
  font-size: 1.2em !important;
499
486
  line-height: 1.5em !important;
500
487
  padding: 0.2em 0.8em !important;
501
488
  }
502
489
 
503
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
490
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
504
491
  content: none !important;
505
492
  fill: none !important;
506
493
  filter: none !important;
507
494
  }
508
495
 
509
- /* svg icons opacity and hover effect */
510
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
511
- opacity: 0.7 !important;
496
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
497
+ color: rgba(255, 255, 2555, 0.7)!important;
512
498
  }
513
499
 
514
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
515
- opacity: 1 !important;
516
- }
517
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
518
- opacity: 0.7 !important;
519
- }
520
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
521
- opacity: 1 !important;
500
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
501
+ color: rgba(255, 255, 2555, 1)!important;
522
502
  }
523
503
 
524
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
525
- color: rgba(255, 255, 2555, 0.7)!important;
526
- }
527
504
 
528
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
529
- color: rgba(255, 255, 2555, 1)!important;
530
- }
531
505
 
532
506
 
533
507
 
534
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
508
+
509
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
535
510
  font-size: 2.2em;
536
511
  line-height: 2.6;
537
512
  }
538
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
539
- background: #fcb700;
513
+ .video-js.skin_mini{
514
+ overflow: hidden;
540
515
  }
541
- .video-js.skin_news_live .vjs-control-bar{
516
+ .video-js.skin_mini .vjs-control-bar{
542
517
  z-index: 1 !important;
543
- height: 5em !important;
518
+ height: 4em !important;
544
519
  background: black !important;
545
520
  }
546
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
547
- display: flex;
548
- align-items: center;
549
- justify-content: center;
550
- }
551
521
 
552
- .video-js.skin_news_live .vjs-fade>* {
522
+ .video-js.skin_mini .vjs-fade>* {
553
523
  visibility: hidden !important;
554
524
  opacity: 0 !important;
555
525
  transition: visibility 1s, opacity 1s !important;
556
526
  }
557
527
 
558
- .video-js.skin_news_live .custom-spaced-progress-bar {
528
+ .video-js.skin_mini .custom-spaced-progress-bar {
559
529
  position: absolute;
560
530
  width: 100%;
561
531
  display: flex;
@@ -563,7 +533,7 @@ iframe{
563
533
  top: -0.5em;
564
534
  }
565
535
 
566
- .video-js.skin_news_live .vjs-progress-control {
536
+ .video-js.skin_mini .vjs-progress-control {
567
537
  /* left: -6px; */
568
538
  position: relative;
569
539
  width: 100%;
@@ -571,25 +541,22 @@ iframe{
571
541
  transition: height 0.1s, top 0.1s;
572
542
  }
573
543
 
574
- .video-js.skin_news_live .vjs-volume-panel{
575
- min-width: 5.3em;
576
- }
577
544
 
578
545
 
579
546
 
580
- .video-js.skin_news_live .vjs-custom-control-spacer {
581
- /* display: block; */
582
- /* flex: 1 1 auto; */
547
+ .video-js.skin_mini .vjs-custom-control-spacer {
548
+ display: block;
549
+ flex: 1 1 auto;
583
550
  }
584
551
 
585
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
552
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
586
553
  margin: 0 0px 0 0px;
587
554
  }
588
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
555
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
589
556
  display: none;
590
557
  }
591
558
 
592
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
559
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
593
560
  font-size: 14px;
594
561
  font-weight: 500;
595
562
  align-self: center;
@@ -598,199 +565,207 @@ iframe{
598
565
  border-radius: 8px;
599
566
  }
600
567
 
601
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
602
- height: 6px !important;
568
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
569
+ height: 5px !important;
603
570
  }
604
571
 
605
- .video-js.skin_news_live .vjs-play-progress:before {
606
- font-size: 1.5em;
572
+ .video-js.skin_mini .vjs-play-progress:before {
573
+ font-size: 1.3em;
607
574
  line-height: unset;
608
575
  top: -0.3333333333em;
609
576
  }
610
577
 
611
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
578
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
612
579
  display: none !important;
613
580
  }
614
581
 
615
582
  /* */
616
- .video-js.skin_news_live .vjs-mouse-display{
583
+ .video-js.skin_mini .vjs-mouse-display{
617
584
  font-size: 1.6666666667em;
618
585
  }
619
586
 
620
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
587
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
621
588
  font-size: 1em !important;
622
589
  }
623
590
 
624
- .video-js.skin_news_live .vjs-button{
625
- width: 5.3em;
591
+ .video-js.skin_mini .vjs-button{
592
+ width: 3em;
626
593
  display: flex;
627
594
  align-items: center;
628
595
  justify-content: center;
629
596
  }
630
597
 
631
598
 
632
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
599
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
633
600
  .icon-maximize {
634
601
  display: block;
635
602
  height: 32px;
636
603
  }
637
604
 
638
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
605
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
639
606
  line-height: 4;
640
607
  }
641
608
 
642
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
609
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
643
610
  .icon-minimize {
644
611
  display: none;
645
612
  height: 32px;
646
613
  }
647
614
 
648
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
615
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
649
616
  outline: none !important;
650
- /* flex: 1; */
651
- }
652
- .video-js.skin_news_live .vjs-play-toggle-container{
653
- display: flex;
654
- flex: 1;
655
- justify-content: center;
656
617
  }
657
-
658
-
659
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
618
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
660
619
  .vjs-icon-fullscreen-enter:before {
661
620
  /* content: '' !important; */
662
621
  }
663
622
 
664
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
623
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
665
624
  display: flex;
666
625
  justify-content: center;
667
626
  align-items: center;
668
627
  /* transform: rotate(90deg); */
669
628
  }
670
629
 
671
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
630
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
672
631
  display: none;
673
632
  }
674
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
633
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
675
634
  margin-left: -10px;
635
+ display: none;
676
636
  }
677
637
 
678
- .video-js.skin_news_live .skipbtn:hover{
638
+ .video-js.skin_mini .vjs-loading-spinner {
639
+ position: absolute;
640
+ top: 50%;
641
+ left: 50%;
642
+ transform: translate(-50%, -50%);
643
+ opacity: .85;
644
+ text-align: left;
645
+ border: .2em solid rgba(43, 51, 63, .7);
646
+ box-sizing: border-box;
647
+ background-clip: padding-box;
648
+ width: 3em;
649
+ height: 3em;
650
+ border-radius: 50%;
651
+ visibility: hidden;
652
+ }
653
+
654
+ .video-js.skin_mini .skipbtn:hover{
679
655
  cursor: pointer;
680
656
  }
681
657
 
682
- .video-js.skin_news_live .rewindbtn:hover{
658
+ .video-js.skin_mini .rewindbtn:hover{
683
659
  cursor: pointer;
684
660
  }
685
661
 
686
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
662
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
687
663
  position: relative;
688
664
  padding-left: 0;
689
665
  }
690
666
 
691
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
692
- display: none !important;
667
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
668
+ width: 40px;
669
+ height: 40px;
670
+ display: flex;
671
+ justify-content: center;
672
+ align-items: center;
673
+ border: none;
674
+ position: absolute;
675
+ top: 0;
676
+ left: 0;
677
+ right: 0;
678
+ bottom: 0;
679
+ margin: auto;
680
+ font-size: 3em;
681
+ line-height: 1.3em;
682
+ transform: none !important;
683
+ border-radius: 1.3em;
693
684
  }
694
685
 
695
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
696
- /* width: 90px;
697
- height: 90px;
698
- display: flex;
699
- justify-content: center;
700
- align-items: center;
701
- border-radius: 50%;
702
- position: absolute;
703
- top: 0;
704
- left: 0;
705
- right: 0;
706
- bottom: 0;
707
- margin: auto;
708
- font-size: 6em;
709
- line-height: 1.4em;
710
- border: 0.05em solid;
711
- color: inherit; */
712
- display: none !important;
713
- }
714
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
686
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
715
687
  font-weight: bold;
716
688
  }
717
689
 
718
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
719
- bottom: 2.4em !important;
720
- right: -1em;
690
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
691
+ bottom: 1.1em !important;
692
+ right: 1em;
721
693
  z-index: 1;
694
+ font-size: 10px;
722
695
  }
723
696
 
724
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
697
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
725
698
  width: 24px !important;
726
699
  height: 24px !important;
727
700
  }
728
- .settings-selector-icon>svg{
701
+ .video-js.skin_mini .settings-selector-icon>svg{
729
702
  height: 19px !important;
730
703
  width: 19px !important;
731
704
  }
732
705
 
733
706
 
734
- .video-js.skin_news_live button.vjs-rewind-button{
707
+ .video-js.skin_mini button.vjs-rewind-button{
735
708
  cursor: pointer;
736
709
  }
737
710
 
738
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
711
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
739
712
  padding-right: 0;
740
- display: none;
741
713
  }
742
714
 
743
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
715
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
744
716
  padding-left: 0;
745
- display: none;
746
717
  }
747
718
 
748
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
719
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
749
720
  padding-left: 0;
750
721
  padding-right: 0;
751
- display: none;
722
+ display: flex;
723
+ justify-content: center;
724
+ width: min-content;
752
725
  }
753
726
 
754
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
727
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
755
728
  display: none
756
729
  }
757
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
730
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
758
731
  display: none
759
732
  }
760
733
 
761
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
762
- display: flex;
763
- align-items: center;
764
- font-weight: 700;
765
- font-size: 12px;
766
- min-width: 1.2em;
734
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
735
+ display: flex;
736
+ align-items: center;
737
+ font-weight: 700;
738
+ font-size: 9px;
739
+ min-width: 0.8em;
740
+ padding-left: 0;
767
741
  }
768
742
 
769
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
743
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
770
744
  display: none;
771
745
  font-size: 11px;
772
746
  justify-content: center;
773
747
  align-items: center;
774
748
  user-select: none;
775
749
  }
776
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
750
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
777
751
  display: none;
778
752
  }
779
753
 
780
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
754
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
781
755
  height: min-content;
782
756
  width: min-content;
783
757
  }
784
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
785
- width: 6em;
758
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
759
+ width: 3em;
760
+ margin-right: 4px;
786
761
  }
787
762
 
788
- .video-js.skin_news_live .content{
763
+ .video-js.skin_mini .content{
789
764
  bottom: 3.4rem !important;
790
765
  right: -4rem !important;
791
766
  }
792
767
 
793
- .setting-icon > svg{
768
+ .video-js.skin_mini .setting-icon > svg{
794
769
  height:18px !important;
795
770
  }
796
771
 
@@ -809,11 +784,11 @@ iframe{
809
784
  height: 100%;
810
785
  }
811
786
 
812
- .video-js.skin_news_live .vjs-live-control{
787
+ .video-js.skin_mini .vjs-live-control{
813
788
  align-items: center;
814
- display: none;
789
+ max-width: 5em;
815
790
  }
816
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
791
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
817
792
  height: 2.2em;
818
793
  display: flex;
819
794
  align-items: center;
@@ -821,239 +796,210 @@ iframe{
821
796
  width: 4em;
822
797
  justify-content: center;
823
798
  background: red;
824
- margin: 4px 0px 4px 12px;
799
+ margin: 4px 0px 4px 2px;
825
800
  }
826
801
 
827
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
802
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
828
803
  text-shadow: none;
829
804
  }
830
-
831
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
832
- display: flex;
833
- justify-content: center;
834
- min-width: 5.3em;
835
- pointer-events: none;
836
- user-select: none;
837
- }
838
-
839
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
840
- color: white;
805
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
806
+ display: none;
807
+ font-size: 12px;
841
808
  }
842
809
 
843
-
844
- .settings-selection.vjs-control.vjs-button{
845
- display: flex !important;
810
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
811
+ height: 1.8em;
812
+ display: inline-flex;
813
+ align-items: center;
814
+ font-family: monospace;
815
+ justify-content: center;
816
+ border: 1.5px solid;
817
+ margin: 4px 0px 4px 2px;
818
+ white-space: pre;
819
+ padding: 2px 4px;
820
+ font-size: 1.2em;
821
+ font-weight: 500;
822
+ color: rgba(255, 255, 2555, 0.7);
846
823
  }
847
824
 
848
- @media(max-width:576px){
849
- .settings-selection.vjs-control.vjs-button{
850
- display: none !important;
851
- }
825
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
826
+ content: "NOT LIVE";
827
+ word-spacing: -4px;
852
828
  }
853
829
 
854
830
 
855
- @media(max-width:576px){
831
+ @media(max-width:600px){
856
832
  .tvProviderImage{
857
833
  display: none
858
834
  }
859
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
835
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
860
836
  .icon-maximize {
861
837
  height: 30px !important;
862
838
  }
863
839
 
864
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
840
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
865
841
  .icon-minimize {
866
842
  height: 30px !important;
867
843
  }
868
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
869
- width: 4.5em;
844
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
845
+ width: 3.5em;
870
846
  }
871
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
847
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
872
848
  height: min-content;
873
849
  }
874
850
 
875
- .video-js.skin_news_live button.vjs-slowmo-button{
851
+ .video-js.skin_mini button.vjs-slowmo-button{
876
852
  display: none;
877
853
  }
878
- .video-js.skin_news_live button.vjs-rewind-button{
854
+ .video-js.skin_mini button.vjs-rewind-button{
879
855
  display: none;
880
856
  }
881
- .video-js.skin_news_live button.vjs-rewind-button>svg{
857
+ .video-js.skin_mini button.vjs-rewind-button>svg{
882
858
  height: 20px;
883
859
  }
884
- .video-js.skin_news_live .vjs-button{
885
- width: 4.8em;
860
+ .video-js.skin_mini .vjs-button{
861
+ width: 3em;
886
862
  }
887
- .video-js.skin_news_live .widget-selection{
863
+ .video-js.skin_mini .widget-selection{
888
864
  display: none;
889
865
  }
890
- .video-js.skin_news_live .container{
866
+ .video-js.skin_mini .container{
891
867
  display: none !important;
892
868
  }
893
- .video-js.skin_news_live .vjs-control-bar{
869
+ .video-js.skin_mini .vjs-control-bar{
894
870
  height: 4em !important;
895
871
  }
896
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
872
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
897
873
  font-size: 2.5em;
898
874
  line-height: 1.5;
899
875
  }
900
- .video-js.skin_news_live .vjs-play-progress:before {
876
+ .video-js.skin_mini .vjs-play-progress:before {
901
877
  font-size: 1.2em;
902
878
  position: absolute;
903
879
  right: -0.5em;
904
880
  z-index: 1;
905
881
  }
906
- .video-js.skin_news_live button.vjs-skip-button>svg{
882
+ .video-js.skin_mini button.vjs-skip-button>svg{
907
883
  height: 20px;
908
884
  }
909
- .video-js.skin_news_live button.vjs-big-play-button {
910
- width: 50px !important;
911
- height: 50px !important;
912
- font-size: 2.1rem !important;
913
- }
914
885
 
915
886
  .stream-selector-icon>svg{
916
887
  width: 24px;
917
888
  height: 24px;
918
889
  }
919
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
920
- margin: 0 12px 0 12px;
921
- }
922
- .video-js.skin_news_live .vjs-seek-to-live-text{
890
+ .video-js.skin_mini .vjs-seek-to-live-text{
923
891
  font-size: 12px;
924
892
  }
925
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
926
- margin: 0 12px 0 12px;
893
+
894
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
895
+ color: white !important;
896
+ font-size: 16px !important;
897
+ background-color: rgba(0,0,0,0.2) !important;
898
+ }
927
899
  }
900
+
901
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
902
+ color: white !important;
903
+ font-size: 16px !important;
904
+ background-color: rgba(0,0,0,0.2) !important;
928
905
  }
929
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
930
- width: 90px;
931
- height: 90px;
932
- display: flex;
933
- justify-content: center;
934
- align-items: center;
935
- border-radius: 50%;
936
- position: absolute;
937
- top: 0;
938
- left: 0;
939
- right: 0;
940
- bottom: 0;
941
- margin: auto;
942
- font-size: 6em;
943
- line-height: 1.4em;
906
+
907
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
908
+ font-size: 18px !important;
944
909
  }
945
910
 
946
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
911
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
912
+ margin-bottom: 1rem !important;
913
+ }
914
+
915
+
916
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
947
917
  display: flex;
948
918
  justify-content: center;
949
919
  align-items: center;
950
920
  height: 100%;
951
921
  transition: width 0.1s;
952
922
  }
923
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
924
+ margin: 2px;
925
+ }
953
926
 
954
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
927
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
955
928
  display: flex;
956
929
  justify-content: center;
957
930
  align-items: center;
958
931
  height: 100%;
959
932
  transition: width 0.1s;
960
933
  }
961
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
962
- display: none !important;
934
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
935
+ display: grid;
936
+ font-size: 10px;
937
+ grid-template-columns: 1fr;
938
+ grid-template-rows: 1fr;
939
+ padding: 1px 0px 0 0px;
940
+ margin: 0;
963
941
  }
964
942
 
965
- @media (max-width: 576px) {
966
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
943
+ @media (max-width: 600px) {
944
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
967
945
  height: 5px !important;
968
946
  }
969
- .video-js.skin_news_live button.vjs-big-play-button {
970
- width: 50px !important;
971
- height: 50px !important;
972
- font-size: 2.1rem !important;
973
- }
974
947
 
975
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
948
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
976
949
  display: none;
977
950
  }
978
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
979
- bottom: 2.4em !important;
980
- right: -1em;
981
- z-index: 1;
982
- }
983
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
984
- display: none !important;
985
- }
986
951
 
987
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
988
- color: white !important;
989
- font-size: 13px !important;
990
- background-color: black !important;
991
- }
992
- }
993
-
994
- .video-js.skin_news_live .vjs-text-track-display-ttml {
995
- width: 100% !important;
996
- }
997
-
998
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
999
- color: white !important;
1000
- font-size: 16px !important;
1001
- background-color: black !important;
1002
952
  }
1003
953
 
1004
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1005
- margin-bottom: 2rem !important;
1006
- }
1007
-
1008
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1009
- font-size: 18px !important;
954
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
955
+ content: none !important;
956
+ fill: none !important;
957
+ filter: none !important;
1010
958
  }
1011
959
 
1012
-
1013
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1014
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1015
- font-size: 1.2em !important;
1016
- line-height: 1.5em !important;
1017
- padding: 0.2em 0.8em !important;
960
+ /* svg icons opacity and hover effect */
961
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
962
+ opacity: 0.7 !important;
1018
963
  }
1019
964
 
1020
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1021
- content: none !important;
1022
- fill: none !important;
1023
- filter: none !important;
965
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
966
+ opacity: 1 !important;
1024
967
  }
1025
968
 
1026
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
969
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1027
970
  color: rgba(255, 255, 2555, 0.7)!important;
1028
971
  }
1029
972
 
1030
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
973
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1031
974
  color: rgba(255, 255, 2555, 1)!important;
1032
975
  }
1033
976
 
1034
977
 
1035
-
1036
-
1037
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
978
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1038
979
  font-size: 2.2em;
1039
980
  line-height: 2.6;
1040
981
  }
1041
- .video-js.skin_mini{
1042
- overflow: hidden;
982
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
983
+ background: white;
1043
984
  }
1044
- .video-js.skin_mini .vjs-control-bar{
985
+ .video-js.skin_news .vjs-control-bar{
1045
986
  z-index: 1 !important;
1046
- height: 4em !important;
987
+ height: 5em !important;
1047
988
  background: black !important;
1048
989
  }
990
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
991
+ display: flex;
992
+ align-items: center;
993
+ justify-content: center;
994
+ }
1049
995
 
1050
- .video-js.skin_mini .vjs-fade>* {
996
+ .video-js.skin_news .vjs-fade>* {
1051
997
  visibility: hidden !important;
1052
998
  opacity: 0 !important;
1053
999
  transition: visibility 1s, opacity 1s !important;
1054
1000
  }
1055
1001
 
1056
- .video-js.skin_mini .custom-spaced-progress-bar {
1002
+ .video-js.skin_news .custom-spaced-progress-bar {
1057
1003
  position: absolute;
1058
1004
  width: 100%;
1059
1005
  display: flex;
@@ -1061,7 +1007,7 @@ iframe{
1061
1007
  top: -0.5em;
1062
1008
  }
1063
1009
 
1064
- .video-js.skin_mini .vjs-progress-control {
1010
+ .video-js.skin_news .vjs-progress-control {
1065
1011
  /* left: -6px; */
1066
1012
  position: relative;
1067
1013
  width: 100%;
@@ -1072,19 +1018,19 @@ iframe{
1072
1018
 
1073
1019
 
1074
1020
 
1075
- .video-js.skin_mini .vjs-custom-control-spacer {
1021
+ .video-js.skin_news .vjs-custom-control-spacer {
1076
1022
  display: block;
1077
1023
  flex: 1 1 auto;
1078
1024
  }
1079
1025
 
1080
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1026
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1081
1027
  margin: 0 0px 0 0px;
1082
1028
  }
1083
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1029
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1084
1030
  display: none;
1085
1031
  }
1086
1032
 
1087
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1033
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1088
1034
  font-size: 14px;
1089
1035
  font-weight: 500;
1090
1036
  align-self: center;
@@ -1093,158 +1039,143 @@ iframe{
1093
1039
  border-radius: 8px;
1094
1040
  }
1095
1041
 
1096
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1097
- height: 5px !important;
1042
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1043
+ height: 6px !important;
1098
1044
  }
1099
1045
 
1100
- .video-js.skin_mini .vjs-play-progress:before {
1101
- font-size: 1.3em;
1046
+ .video-js.skin_news .vjs-play-progress:before {
1047
+ font-size: 1.5em;
1102
1048
  line-height: unset;
1103
1049
  top: -0.3333333333em;
1104
1050
  }
1105
1051
 
1106
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1052
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1107
1053
  display: none !important;
1108
1054
  }
1109
1055
 
1110
1056
  /* */
1111
- .video-js.skin_mini .vjs-mouse-display{
1057
+ .video-js.skin_news .vjs-mouse-display{
1112
1058
  font-size: 1.6666666667em;
1113
1059
  }
1114
1060
 
1115
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1061
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1116
1062
  font-size: 1em !important;
1117
1063
  }
1118
1064
 
1119
- .video-js.skin_mini .vjs-button{
1120
- width: 3em;
1065
+ .video-js.skin_news .vjs-button{
1066
+ width: 5.3em;
1121
1067
  display: flex;
1122
1068
  align-items: center;
1123
1069
  justify-content: center;
1124
1070
  }
1125
1071
 
1126
1072
 
1127
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1073
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1128
1074
  .icon-maximize {
1129
1075
  display: block;
1130
1076
  height: 32px;
1131
1077
  }
1132
1078
 
1133
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1079
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1134
1080
  line-height: 4;
1135
1081
  }
1136
1082
 
1137
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1083
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1138
1084
  .icon-minimize {
1139
1085
  display: none;
1140
1086
  height: 32px;
1141
1087
  }
1142
1088
 
1143
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1089
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1144
1090
  outline: none !important;
1145
1091
  }
1146
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1092
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1147
1093
  .vjs-icon-fullscreen-enter:before {
1148
1094
  /* content: '' !important; */
1149
1095
  }
1150
1096
 
1151
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1097
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1152
1098
  display: flex;
1153
1099
  justify-content: center;
1154
1100
  align-items: center;
1155
1101
  /* transform: rotate(90deg); */
1156
1102
  }
1157
1103
 
1158
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1104
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1159
1105
  display: none;
1160
1106
  }
1161
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1107
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1162
1108
  margin-left: -10px;
1163
- display: none;
1164
1109
  }
1165
1110
 
1166
- .video-js.skin_mini .vjs-loading-spinner {
1167
- position: absolute;
1168
- top: 50%;
1169
- left: 50%;
1170
- transform: translate(-50%, -50%);
1171
- opacity: .85;
1172
- text-align: left;
1173
- border: .2em solid rgba(43, 51, 63, .7);
1174
- box-sizing: border-box;
1175
- background-clip: padding-box;
1176
- width: 3em;
1177
- height: 3em;
1178
- border-radius: 50%;
1179
- visibility: hidden;
1180
- }
1181
-
1182
- .video-js.skin_mini .skipbtn:hover{
1111
+ .video-js.skin_news .skipbtn:hover{
1183
1112
  cursor: pointer;
1184
1113
  }
1185
1114
 
1186
- .video-js.skin_mini .rewindbtn:hover{
1115
+ .video-js.skin_news .rewindbtn:hover{
1187
1116
  cursor: pointer;
1188
1117
  }
1189
1118
 
1190
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1119
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1191
1120
  position: relative;
1192
1121
  padding-left: 0;
1193
1122
  }
1194
1123
 
1195
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1196
- width: 40px;
1197
- height: 40px;
1198
- display: flex;
1199
- justify-content: center;
1200
- align-items: center;
1201
- border: none;
1202
- position: absolute;
1203
- top: 0;
1204
- left: 0;
1205
- right: 0;
1206
- bottom: 0;
1207
- margin: auto;
1208
- font-size: 3em;
1209
- line-height: 1.3em;
1210
- transform: none !important;
1211
- border-radius: 1.3em;
1124
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1125
+ display: none !important;
1212
1126
  }
1213
1127
 
1214
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1128
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1129
+ width: 90px;
1130
+ height: 90px;
1131
+ display: flex;
1132
+ justify-content: center;
1133
+ align-items: center;
1134
+ border-radius: 50%;
1135
+ position: absolute;
1136
+ top: 0;
1137
+ left: 0;
1138
+ right: 0;
1139
+ bottom: 0;
1140
+ margin: auto;
1141
+ font-size: 6em;
1142
+ line-height: 1.4em;
1143
+ border: 0.05em solid;
1144
+ color: inherit;
1145
+ }
1146
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1215
1147
  font-weight: bold;
1216
1148
  }
1217
1149
 
1218
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1219
- bottom: 1.1em !important;
1220
- right: 1em;
1150
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1151
+ bottom: 2.4em !important;
1152
+ right: -1em;
1221
1153
  z-index: 1;
1222
- font-size: 10px;
1223
1154
  }
1224
1155
 
1225
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1156
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1226
1157
  width: 24px !important;
1227
1158
  height: 24px !important;
1228
1159
  }
1229
- .video-js.skin_mini .settings-selector-icon>svg{
1160
+ .settings-selector-icon>svg{
1230
1161
  height: 19px !important;
1231
1162
  width: 19px !important;
1232
1163
  }
1233
1164
 
1234
1165
 
1235
- .video-js.skin_mini button.vjs-rewind-button{
1166
+ .video-js.skin_news button.vjs-rewind-button{
1236
1167
  cursor: pointer;
1237
1168
  }
1238
1169
 
1239
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1170
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1240
1171
  padding-right: 0;
1241
1172
  }
1242
1173
 
1243
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1174
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1244
1175
  padding-left: 0;
1245
1176
  }
1246
1177
 
1247
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1178
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1248
1179
  padding-left: 0;
1249
1180
  padding-right: 0;
1250
1181
  display: flex;
@@ -1252,48 +1183,46 @@ iframe{
1252
1183
  width: min-content;
1253
1184
  }
1254
1185
 
1255
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1186
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1256
1187
  display: none
1257
1188
  }
1258
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1189
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1259
1190
  display: none
1260
1191
  }
1261
1192
 
1262
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1263
- display: flex;
1264
- align-items: center;
1265
- font-weight: 700;
1266
- font-size: 9px;
1267
- min-width: 0.8em;
1268
- padding-left: 0;
1193
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
1194
+ display: flex;
1195
+ align-items: center;
1196
+ font-weight: 700;
1197
+ font-size: 12px;
1198
+ min-width: 1.2em;
1269
1199
  }
1270
1200
 
1271
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1201
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1272
1202
  display: none;
1273
1203
  font-size: 11px;
1274
1204
  justify-content: center;
1275
1205
  align-items: center;
1276
1206
  user-select: none;
1277
1207
  }
1278
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1208
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1279
1209
  display: none;
1280
1210
  }
1281
1211
 
1282
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1212
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1283
1213
  height: min-content;
1284
1214
  width: min-content;
1285
1215
  }
1286
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1287
- width: 3em;
1288
- margin-right: 4px;
1216
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1217
+ width: 6em;
1289
1218
  }
1290
1219
 
1291
- .video-js.skin_mini .content{
1220
+ .video-js.skin_news .content{
1292
1221
  bottom: 3.4rem !important;
1293
1222
  right: -4rem !important;
1294
1223
  }
1295
1224
 
1296
- .video-js.skin_mini .setting-icon > svg{
1225
+ .setting-icon > svg{
1297
1226
  height:18px !important;
1298
1227
  }
1299
1228
 
@@ -1312,11 +1241,10 @@ iframe{
1312
1241
  height: 100%;
1313
1242
  }
1314
1243
 
1315
- .video-js.skin_mini .vjs-live-control{
1244
+ .video-js.skin_news .vjs-live-control{
1316
1245
  align-items: center;
1317
- max-width: 5em;
1318
1246
  }
1319
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1247
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1320
1248
  height: 2.2em;
1321
1249
  display: flex;
1322
1250
  align-items: center;
@@ -1324,185 +1252,257 @@ iframe{
1324
1252
  width: 4em;
1325
1253
  justify-content: center;
1326
1254
  background: red;
1327
- margin: 4px 0px 4px 2px;
1255
+ margin: 4px 0px 4px 12px;
1328
1256
  }
1329
1257
 
1330
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1258
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1331
1259
  text-shadow: none;
1332
1260
  }
1333
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1261
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1334
1262
  display: none;
1335
1263
  font-size: 12px;
1336
1264
  }
1337
1265
 
1338
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1339
- height: 1.8em;
1266
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1267
+ height: 2.2em;
1340
1268
  display: inline-flex;
1341
1269
  align-items: center;
1342
- font-family: monospace;
1270
+ /* font-family: monospace; */
1343
1271
  justify-content: center;
1344
- border: 1.5px solid;
1345
- margin: 4px 0px 4px 2px;
1272
+ border: 2px solid;
1273
+ margin: 4px 0px 4px 6px;
1346
1274
  white-space: pre;
1347
- padding: 2px 4px;
1275
+ padding: 0px 6px;
1348
1276
  font-size: 1.2em;
1349
1277
  font-weight: 500;
1350
1278
  color: rgba(255, 255, 2555, 0.7);
1279
+
1280
+ letter-spacing: -.1px;
1281
+ line-height: normal;
1282
+ text-transform: uppercase;
1283
+ color: #FFFFFF;
1284
+ opacity: .7;
1285
+ font-family: "Proxima Nova";
1351
1286
  }
1352
1287
 
1353
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1288
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1289
+ opacity: 1;
1290
+ }
1291
+
1292
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1354
1293
  content: "NOT LIVE";
1355
- word-spacing: -4px;
1356
1294
  }
1357
1295
 
1296
+ .settings-selection.vjs-control.vjs-button{
1297
+ display: flex !important;
1298
+ }
1358
1299
 
1359
- @media(max-width:600px){
1300
+ @media(max-width:576px){
1301
+ .settings-selection.vjs-control.vjs-button{
1302
+ display: none !important;
1303
+ }
1304
+ }
1305
+
1306
+
1307
+ @media(max-width:576px){
1360
1308
  .tvProviderImage{
1361
1309
  display: none
1362
1310
  }
1363
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1311
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1364
1312
  .icon-maximize {
1365
1313
  height: 30px !important;
1366
1314
  }
1367
1315
 
1368
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1316
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1369
1317
  .icon-minimize {
1370
1318
  height: 30px !important;
1371
1319
  }
1372
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1373
- width: 3.5em;
1320
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1321
+ width: 4.5em;
1374
1322
  }
1375
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1323
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1376
1324
  height: min-content;
1377
1325
  }
1378
1326
 
1379
- .video-js.skin_mini button.vjs-slowmo-button{
1327
+ .video-js.skin_news button.vjs-slowmo-button{
1380
1328
  display: none;
1381
1329
  }
1382
- .video-js.skin_mini button.vjs-rewind-button{
1330
+ .video-js.skin_news button.vjs-rewind-button{
1383
1331
  display: none;
1384
1332
  }
1385
- .video-js.skin_mini button.vjs-rewind-button>svg{
1333
+ .video-js.skin_news button.vjs-rewind-button>svg{
1386
1334
  height: 20px;
1387
1335
  }
1388
- .video-js.skin_mini .vjs-button{
1389
- width: 3em;
1336
+ .video-js.skin_news .vjs-button{
1337
+ width: 4.8em;
1390
1338
  }
1391
- .video-js.skin_mini .widget-selection{
1339
+ .video-js.skin_news .widget-selection{
1392
1340
  display: none;
1393
1341
  }
1394
- .video-js.skin_mini .container{
1342
+ .video-js.skin_news .container{
1395
1343
  display: none !important;
1396
1344
  }
1397
- .video-js.skin_mini .vjs-control-bar{
1345
+ .video-js.skin_news .vjs-control-bar{
1398
1346
  height: 4em !important;
1399
1347
  }
1400
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1348
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1401
1349
  font-size: 2.5em;
1402
1350
  line-height: 1.5;
1403
1351
  }
1404
- .video-js.skin_mini .vjs-play-progress:before {
1352
+ .video-js.skin_news .vjs-play-progress:before {
1405
1353
  font-size: 1.2em;
1406
1354
  position: absolute;
1407
1355
  right: -0.5em;
1408
1356
  z-index: 1;
1409
1357
  }
1410
- .video-js.skin_mini button.vjs-skip-button>svg{
1358
+ .video-js.skin_news button.vjs-skip-button>svg{
1411
1359
  height: 20px;
1412
1360
  }
1361
+ .video-js.skin_news button.vjs-big-play-button {
1362
+ width: 50px !important;
1363
+ height: 50px !important;
1364
+ font-size: 2.1rem !important;
1365
+ }
1413
1366
 
1414
1367
  .stream-selector-icon>svg{
1415
1368
  width: 24px;
1416
1369
  height: 24px;
1417
1370
  }
1418
- .video-js.skin_mini .vjs-seek-to-live-text{
1419
- font-size: 12px;
1371
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1372
+ margin: 0 12px 0 12px;
1420
1373
  }
1421
-
1422
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1423
- color: white !important;
1424
- font-size: 16px !important;
1425
- background-color: rgba(0,0,0,0.2) !important;
1426
- }
1374
+ .video-js.skin_news .vjs-seek-to-live-text{
1375
+ font-size: 12px;
1427
1376
  }
1428
-
1429
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1430
- color: white !important;
1431
- font-size: 16px !important;
1432
- background-color: rgba(0,0,0,0.2) !important;
1377
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1378
+ margin: 0 12px 0 12px;
1433
1379
  }
1434
-
1435
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1436
- font-size: 18px !important;
1437
1380
  }
1438
-
1439
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1440
- margin-bottom: 1rem !important;
1381
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1382
+ width: 90px;
1383
+ height: 90px;
1384
+ display: flex;
1385
+ justify-content: center;
1386
+ align-items: center;
1387
+ border-radius: 50%;
1388
+ position: absolute;
1389
+ top: 0;
1390
+ left: 0;
1391
+ right: 0;
1392
+ bottom: 0;
1393
+ margin: auto;
1394
+ font-size: 6em;
1395
+ line-height: 1.4em;
1441
1396
  }
1442
1397
 
1443
-
1444
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1398
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1445
1399
  display: flex;
1446
1400
  justify-content: center;
1447
1401
  align-items: center;
1448
1402
  height: 100%;
1449
1403
  transition: width 0.1s;
1450
1404
  }
1451
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1452
- margin: 2px;
1453
- }
1454
1405
 
1455
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1406
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1456
1407
  display: flex;
1457
1408
  justify-content: center;
1458
1409
  align-items: center;
1459
1410
  height: 100%;
1460
1411
  transition: width 0.1s;
1461
1412
  }
1462
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1463
- display: grid;
1464
- font-size: 10px;
1465
- grid-template-columns: 1fr;
1466
- grid-template-rows: 1fr;
1467
- padding: 1px 0px 0 0px;
1468
- margin: 0;
1413
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1414
+ display: none !important;
1415
+ }
1416
+ .video-js.skin_news .ssai-ad-container{
1417
+ position: absolute;
1418
+ bottom: 14px;
1469
1419
  }
1470
1420
 
1471
- @media (max-width: 600px) {
1472
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1421
+ @media (max-width: 576px) {
1422
+ .video-js.skin_news .ssai-ad-container{
1423
+ bottom: 2px;
1424
+ }
1425
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1473
1426
  height: 5px !important;
1474
1427
  }
1428
+ .video-js.skin_news button.vjs-big-play-button {
1429
+ width: 50px !important;
1430
+ height: 50px !important;
1431
+ font-size: 2.1rem !important;
1432
+ }
1475
1433
 
1476
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1434
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1477
1435
  display: none;
1478
1436
  }
1437
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1438
+ bottom: 2.4em !important;
1439
+ right: -1em;
1440
+ z-index: 1;
1441
+ }
1442
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1443
+ display: none !important;
1444
+ }
1445
+
1446
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1447
+ color: white !important;
1448
+ font-size: 13px !important;
1449
+ background-color: black !important;
1450
+ }
1451
+ }
1452
+
1453
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1454
+ color: white !important;
1455
+ font-size: 16px !important;
1456
+ background-color: black !important;
1457
+ }
1479
1458
 
1459
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1460
+ margin-bottom: 2rem !important;
1480
1461
  }
1481
1462
 
1482
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1463
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1464
+ font-size: 18px !important;
1465
+ }
1466
+
1467
+
1468
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1469
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1470
+ font-size: 1.2em !important;
1471
+ line-height: 1.5em !important;
1472
+ padding: 0.2em 0.8em !important;
1473
+ }
1474
+
1475
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1483
1476
  content: none !important;
1484
1477
  fill: none !important;
1485
1478
  filter: none !important;
1486
1479
  }
1487
1480
 
1488
1481
  /* svg icons opacity and hover effect */
1489
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1482
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1490
1483
  opacity: 0.7 !important;
1491
1484
  }
1492
1485
 
1493
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1486
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1487
+ opacity: 1 !important;
1488
+ }
1489
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1490
+ opacity: 0.7 !important;
1491
+ }
1492
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1494
1493
  opacity: 1 !important;
1495
1494
  }
1496
1495
 
1497
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1496
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1498
1497
  color: rgba(255, 255, 2555, 0.7)!important;
1499
1498
  }
1500
1499
 
1501
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1500
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1502
1501
  color: rgba(255, 255, 2555, 1)!important;
1503
1502
  }
1504
1503
 
1505
1504
 
1505
+
1506
1506
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1507
1507
  height: 0.7em;
1508
1508
  position: absolute;
@@ -1919,6 +1919,9 @@ iframe{
1919
1919
 
1920
1920
 
1921
1921
 
1922
+
1923
+
1924
+
1922
1925
  .video-js .multicamera-parent.default{
1923
1926
  height: 345px;
1924
1927
  position: absolute;
@@ -1999,9 +2002,6 @@ iframe{
1999
2002
 
2000
2003
 
2001
2004
 
2002
-
2003
-
2004
-
2005
2005
  .vjs-custom-big-mute.vjs-control{
2006
2006
  position: absolute;
2007
2007
  align-items: center;