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