@viewlift/player-backup 2.0.278-backup → 2.0.280-backup

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