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