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