@viewlift/player-backup 2.0.238-backup → 2.0.240-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 (55) hide show
  1. package/cjs/{autoNextVideo-23902c5f.js → autoNextVideo-9cd98676.js} +1 -1
  2. package/cjs/bundle.css +548 -548
  3. package/cjs/{features-87a44683.js → features-f26dbcd7.js} +1 -1
  4. package/cjs/{generic-daf87743.js → generic-d6ae73a3.js} +1 -1
  5. package/cjs/{index-c7aa2f6f.js → index-4ff569c8.js} +1 -1
  6. package/cjs/{index-595b822b.js → index-c865c5a1.js} +1 -1
  7. package/cjs/{index-3906a27b.js → index-d138bd43.js} +1 -1
  8. package/cjs/index.js +1 -1
  9. package/cjs/{multicamv2-ffd996a1.js → multicamv2-094ce99d.js} +1 -1
  10. package/cjs/{multicamv2-8de56223.js → multicamv2-5a6cb302.js} +1 -1
  11. package/cjs/{nextEpisodeButton-77db7184.js → nextEpisodeButton-b119b802.js} +1 -1
  12. package/cjs/{playlist-dd84090f.js → playlist-72b4651e.js} +1 -1
  13. package/cjs/{series-bcb207c6.js → series-14b3bd4d.js} +1 -1
  14. package/cjs/{series-v2-453f2a60.js → series-v2-81954dc2.js} +1 -1
  15. package/cjs/{series-v2-73f46794.js → series-v2-9a86446b.js} +1 -1
  16. package/cjs/{skin-62c8b0fa.js → skin-02b10bf9.js} +1 -1
  17. package/cjs/{skin-5f529bb7.js → skin-10f47edd.js} +1 -1
  18. package/cjs/{skin-95b2155f.js → skin-1f67ed5d.js} +1 -1
  19. package/cjs/{skin-826c3ad5.js → skin-4bd776ca.js} +1 -1
  20. package/cjs/{skin-353a3995.js → skin-52d826a5.js} +1 -1
  21. package/cjs/{skin-49f080e9.js → skin-90bd15b9.js} +1 -1
  22. package/cjs/{skin-64d4c9de.js → skin-b104f055.js} +1 -1
  23. package/cjs/{skin-faf61d85.js → skin-d8e9b4ea.js} +1 -1
  24. package/cjs/{skin-bb7ed830.js → skin-f8d3748a.js} +1 -1
  25. package/cjs/{util-fae57780.js → util-2f7e946f.js} +1 -1
  26. package/cjs/{videoSelector-199b9fd8.js → videoSelector-c2d2e165.js} +1 -1
  27. package/cjs/{videoSelector-da395da9.js → videoSelector-f0e15efa.js} +1 -1
  28. package/esm/{autoNextVideo-e4e26c3f.js → autoNextVideo-713363c7.js} +1 -1
  29. package/esm/bundle.css +548 -548
  30. package/esm/{features-9af1ab4b.js → features-f5b262d4.js} +1 -1
  31. package/esm/{generic-259bd438.js → generic-b8f82318.js} +1 -1
  32. package/esm/{index-fdd53e2b.js → index-3ce340c7.js} +1 -1
  33. package/esm/{index-fa8dc078.js → index-78c34379.js} +1 -1
  34. package/esm/{index-447bbdd3.js → index-ccfffa68.js} +1 -1
  35. package/esm/index.js +1 -1
  36. package/esm/{multicamv2-e20bd706.js → multicamv2-5915dbc0.js} +1 -1
  37. package/esm/{multicamv2-1a354b58.js → multicamv2-d52c6237.js} +1 -1
  38. package/esm/{nextEpisodeButton-6589ff42.js → nextEpisodeButton-b8339f57.js} +1 -1
  39. package/esm/{playlist-e3071d79.js → playlist-890f6d87.js} +1 -1
  40. package/esm/{series-b046d527.js → series-bd9d023a.js} +1 -1
  41. package/esm/{series-v2-9886933b.js → series-v2-b0058b32.js} +1 -1
  42. package/esm/{series-v2-3e5eec11.js → series-v2-b87b0b98.js} +1 -1
  43. package/esm/{skin-44e85099.js → skin-621da67a.js} +1 -1
  44. package/esm/{skin-8f722530.js → skin-72789ef0.js} +1 -1
  45. package/esm/{skin-3defacd6.js → skin-7402f5ff.js} +1 -1
  46. package/esm/{skin-92e43a42.js → skin-8f036626.js} +1 -1
  47. package/esm/{skin-41826888.js → skin-d40c8cce.js} +1 -1
  48. package/esm/{skin-6a64a008.js → skin-dfa8b1b1.js} +1 -1
  49. package/esm/{skin-37e6e91e.js → skin-ef4237a6.js} +1 -1
  50. package/esm/{skin-8bc9bdf4.js → skin-f590186e.js} +1 -1
  51. package/esm/{skin-36b36150.js → skin-f944c79b.js} +1 -1
  52. package/esm/{util-0effa173.js → util-dea5eafa.js} +1 -1
  53. package/esm/{videoSelector-2728b161.js → videoSelector-41f7a28b.js} +1 -1
  54. package/esm/{videoSelector-88e04367.js → videoSelector-4a5e430b.js} +1 -1
  55. package/package.json +1 -1
package/cjs/bundle.css CHANGED
@@ -2,267 +2,32 @@
2
2
 
3
3
 
4
4
 
5
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
6
- height: 0.7em;
7
- position: absolute;
8
- top: -0.7em;
9
- width: 100%;
10
- }
11
-
12
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
13
- height: 100%;
14
- }
15
-
16
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
17
- line-height: 2.5;
18
- }
19
-
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;
87
- position: absolute;
88
- top: -1.3em;
89
- transition: height 0.3s, top 0.3s;
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:hover{
129
- cursor: pointer;
130
- }
131
-
132
- .video-js.skin_vlone .vjs-time-control {
133
- line-height: 3.5em !important;
134
- font-size: 1.1em !important;
135
- width: min-content !important;
136
- min-width: 1.5em;
137
- padding: 0 !important;
138
- user-select: none;
139
- }
140
-
141
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
142
- margin-left: 16px !important;
143
- }
144
-
145
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
146
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
147
- font-size: 1.2em !important;
148
- line-height: 1.5em !important;
149
- padding: 0.2em 0.8em !important;
150
- }
151
-
152
-
153
- /* Big play */
154
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
155
- width: 80px;
156
- height: 80px;
157
- display: flex;
158
- justify-content: center;
159
- align-items: center;
160
- border: none;
161
- position: absolute;
162
- top: 0;
163
- left: 0;
164
- right: 0;
165
- bottom: 0;
166
- margin: auto;
167
- font-size: 5em;
168
- line-height: 1.3em;
169
- transform: none !important;
170
- border-radius: 1.3em;
171
- }
172
- .video-js.skin_vlone .ssai-ad-container{
173
- position: absolute;
174
- bottom: 4px;
175
- }
176
-
177
- @media(max-width:600px){
178
- .video-js.skin_vlone button.vjs-big-play-button {
179
- width: 50px !important;
180
- height: 50px !important;
181
- font-size: 2.1rem !important;
182
- }
183
-
184
- .video-js.skin_vlone .ssai-ad-container {
185
- position: absolute;
186
- bottom: 2px;
187
- }
188
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
189
- display: none;
190
- }
191
-
192
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
193
- display: none;
194
- }
195
-
196
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
197
- display: none;
198
- }
199
- }
200
-
201
-
202
-
203
- .video-js .content {
204
- border-radius: 0;
205
- background-color: rgba(43, 51, 63, 0.7);
206
- }
207
- .video-js .resolution {
208
- min-width: 100px;
209
- }
210
- .video-js .content .resolution .title {
211
- display: none;
212
- }
213
- .video-js .resolution .rendition{
214
- display: flex;
215
- list-style: none;
216
- margin: 0;
217
- line-height: 1.4em;
218
- font-size: 12px;
219
- text-align: center;
220
- }
221
- .video-js .rendition {
222
- padding: 4px 20px;
223
- }
224
- .video-js .rendition span {
225
- background: none;
226
- }
227
- .video-js .resolution .renditions .relative:hover {
228
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
229
- }
230
- .video-js .resolution .renditions .relative .rendition.selected {
231
- background-color: #fff;
232
- color: #2B333F;
233
- font-weight: normal;
234
- }
235
-
236
- .video-js .resolution .renditions .relative .rendition.selected span{
237
- color: #2B333F;
238
- font-weight: bold
239
- }
240
5
 
241
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
6
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
242
7
  font-size: 2.2em;
243
8
  line-height: 2.6;
244
9
  }
245
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
246
- background: #fcb700;
10
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
11
+ background: white;
247
12
  }
248
- .video-js.skin_news_live .vjs-control-bar{
13
+ .video-js.skin_news .vjs-control-bar{
249
14
  z-index: 1 !important;
250
15
  height: 5em !important;
251
16
  background: black !important;
252
17
  }
253
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
18
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
254
19
  display: flex;
255
20
  align-items: center;
256
21
  justify-content: center;
257
22
  }
258
23
 
259
- .video-js.skin_news_live .vjs-fade>* {
24
+ .video-js.skin_news .vjs-fade>* {
260
25
  visibility: hidden !important;
261
26
  opacity: 0 !important;
262
27
  transition: visibility 1s, opacity 1s !important;
263
28
  }
264
29
 
265
- .video-js.skin_news_live .custom-spaced-progress-bar {
30
+ .video-js.skin_news .custom-spaced-progress-bar {
266
31
  position: absolute;
267
32
  width: 100%;
268
33
  display: flex;
@@ -270,7 +35,7 @@
270
35
  top: -0.5em;
271
36
  }
272
37
 
273
- .video-js.skin_news_live .vjs-progress-control {
38
+ .video-js.skin_news .vjs-progress-control {
274
39
  /* left: -6px; */
275
40
  position: relative;
276
41
  width: 100%;
@@ -278,25 +43,22 @@
278
43
  transition: height 0.1s, top 0.1s;
279
44
  }
280
45
 
281
- .video-js.skin_news_live .vjs-volume-panel{
282
- min-width: 5.3em;
283
- }
284
46
 
285
47
 
286
48
 
287
- .video-js.skin_news_live .vjs-custom-control-spacer {
288
- /* display: block; */
289
- /* flex: 1 1 auto; */
49
+ .video-js.skin_news .vjs-custom-control-spacer {
50
+ display: block;
51
+ flex: 1 1 auto;
290
52
  }
291
53
 
292
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
54
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
293
55
  margin: 0 0px 0 0px;
294
56
  }
295
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
57
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
296
58
  display: none;
297
59
  }
298
60
 
299
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
61
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
300
62
  font-size: 14px;
301
63
  font-weight: 500;
302
64
  align-self: center;
@@ -305,30 +67,30 @@
305
67
  border-radius: 8px;
306
68
  }
307
69
 
308
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
70
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
309
71
  height: 6px !important;
310
72
  }
311
73
 
312
- .video-js.skin_news_live .vjs-play-progress:before {
74
+ .video-js.skin_news .vjs-play-progress:before {
313
75
  font-size: 1.5em;
314
76
  line-height: unset;
315
77
  top: -0.3333333333em;
316
78
  }
317
79
 
318
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
80
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
319
81
  display: none !important;
320
82
  }
321
83
 
322
84
  /* */
323
- .video-js.skin_news_live .vjs-mouse-display{
85
+ .video-js.skin_news .vjs-mouse-display{
324
86
  font-size: 1.6666666667em;
325
87
  }
326
88
 
327
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
89
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
328
90
  font-size: 1em !important;
329
91
  }
330
92
 
331
- .video-js.skin_news_live .vjs-button{
93
+ .video-js.skin_news .vjs-button{
332
94
  width: 5.3em;
333
95
  display: flex;
334
96
  align-items: center;
@@ -336,71 +98,63 @@
336
98
  }
337
99
 
338
100
 
339
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
101
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
340
102
  .icon-maximize {
341
103
  display: block;
342
104
  height: 32px;
343
105
  }
344
106
 
345
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
107
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
346
108
  line-height: 4;
347
109
  }
348
110
 
349
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
111
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
350
112
  .icon-minimize {
351
113
  display: none;
352
114
  height: 32px;
353
115
  }
354
116
 
355
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
117
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
356
118
  outline: none !important;
357
- /* flex: 1; */
358
119
  }
359
- .video-js.skin_news_live .vjs-play-toggle-container{
360
- display: flex;
361
- flex: 1;
362
- justify-content: center;
363
- }
364
-
365
-
366
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
120
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
367
121
  .vjs-icon-fullscreen-enter:before {
368
122
  /* content: '' !important; */
369
123
  }
370
124
 
371
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
125
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
372
126
  display: flex;
373
127
  justify-content: center;
374
128
  align-items: center;
375
129
  /* transform: rotate(90deg); */
376
130
  }
377
131
 
378
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
132
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
379
133
  display: none;
380
134
  }
381
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
135
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
382
136
  margin-left: -10px;
383
137
  }
384
138
 
385
- .video-js.skin_news_live .skipbtn:hover{
139
+ .video-js.skin_news .skipbtn:hover{
386
140
  cursor: pointer;
387
141
  }
388
142
 
389
- .video-js.skin_news_live .rewindbtn:hover{
143
+ .video-js.skin_news .rewindbtn:hover{
390
144
  cursor: pointer;
391
145
  }
392
146
 
393
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
147
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
394
148
  position: relative;
395
149
  padding-left: 0;
396
150
  }
397
151
 
398
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
152
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
399
153
  display: none !important;
400
154
  }
401
155
 
402
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
403
- /* width: 90px;
156
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
157
+ width: 90px;
404
158
  height: 90px;
405
159
  display: flex;
406
160
  justify-content: center;
@@ -415,20 +169,19 @@
415
169
  font-size: 6em;
416
170
  line-height: 1.4em;
417
171
  border: 0.05em solid;
418
- color: inherit; */
419
- display: none !important;
172
+ color: inherit;
420
173
  }
421
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
174
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
422
175
  font-weight: bold;
423
176
  }
424
177
 
425
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
178
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
426
179
  bottom: 2.4em !important;
427
180
  right: -1em;
428
181
  z-index: 1;
429
182
  }
430
183
 
431
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
184
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
432
185
  width: 24px !important;
433
186
  height: 24px !important;
434
187
  }
@@ -438,34 +191,34 @@
438
191
  }
439
192
 
440
193
 
441
- .video-js.skin_news_live button.vjs-rewind-button{
194
+ .video-js.skin_news button.vjs-rewind-button{
442
195
  cursor: pointer;
443
196
  }
444
197
 
445
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
198
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
446
199
  padding-right: 0;
447
- display: none;
448
200
  }
449
201
 
450
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
202
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
451
203
  padding-left: 0;
452
- display: none;
453
204
  }
454
205
 
455
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
206
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
456
207
  padding-left: 0;
457
208
  padding-right: 0;
458
- display: none;
209
+ display: flex;
210
+ justify-content: center;
211
+ width: min-content;
459
212
  }
460
213
 
461
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
214
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
462
215
  display: none
463
216
  }
464
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
217
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
465
218
  display: none
466
219
  }
467
220
 
468
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
221
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
469
222
  display: flex;
470
223
  align-items: center;
471
224
  font-weight: 700;
@@ -473,26 +226,26 @@
473
226
  min-width: 1.2em;
474
227
  }
475
228
 
476
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
229
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
477
230
  display: none;
478
231
  font-size: 11px;
479
232
  justify-content: center;
480
233
  align-items: center;
481
234
  user-select: none;
482
235
  }
483
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
236
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
484
237
  display: none;
485
238
  }
486
239
 
487
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
240
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
488
241
  height: min-content;
489
242
  width: min-content;
490
243
  }
491
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
244
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
492
245
  width: 6em;
493
246
  }
494
247
 
495
- .video-js.skin_news_live .content{
248
+ .video-js.skin_news .content{
496
249
  bottom: 3.4rem !important;
497
250
  right: -4rem !important;
498
251
  }
@@ -516,11 +269,10 @@ iframe{
516
269
  height: 100%;
517
270
  }
518
271
 
519
- .video-js.skin_news_live .vjs-live-control{
272
+ .video-js.skin_news .vjs-live-control{
520
273
  align-items: center;
521
- display: none;
522
274
  }
523
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
275
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
524
276
  height: 2.2em;
525
277
  display: flex;
526
278
  align-items: center;
@@ -531,22 +283,43 @@ iframe{
531
283
  margin: 4px 0px 4px 12px;
532
284
  }
533
285
 
534
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
286
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
535
287
  text-shadow: none;
536
288
  }
289
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
290
+ display: none;
291
+ font-size: 12px;
292
+ }
537
293
 
538
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
539
- display: flex;
294
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
295
+ height: 2.2em;
296
+ display: inline-flex;
297
+ align-items: center;
298
+ /* font-family: monospace; */
540
299
  justify-content: center;
541
- min-width: 5.3em;
542
- pointer-events: none;
543
- user-select: none;
300
+ border: 2px solid;
301
+ margin: 4px 0px 4px 6px;
302
+ white-space: pre;
303
+ padding: 0px 6px;
304
+ font-size: 1.2em;
305
+ font-weight: 500;
306
+ color: rgba(255, 255, 2555, 0.7);
307
+
308
+ letter-spacing: -.1px;
309
+ line-height: normal;
310
+ text-transform: uppercase;
311
+ color: #FFFFFF;
312
+ opacity: .7;
313
+ font-family: "Proxima Nova";
544
314
  }
545
315
 
546
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
547
- color: white;
316
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
317
+ opacity: 1;
548
318
  }
549
319
 
320
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
321
+ content: "NOT LIVE";
322
+ }
550
323
 
551
324
  .settings-selection.vjs-control.vjs-button{
552
325
  display: flex !important;
@@ -563,57 +336,57 @@ iframe{
563
336
  .tvProviderImage{
564
337
  display: none
565
338
  }
566
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
339
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
567
340
  .icon-maximize {
568
341
  height: 30px !important;
569
342
  }
570
343
 
571
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
344
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
572
345
  .icon-minimize {
573
346
  height: 30px !important;
574
347
  }
575
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
348
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
576
349
  width: 4.5em;
577
350
  }
578
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
351
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
579
352
  height: min-content;
580
353
  }
581
354
 
582
- .video-js.skin_news_live button.vjs-slowmo-button{
355
+ .video-js.skin_news button.vjs-slowmo-button{
583
356
  display: none;
584
357
  }
585
- .video-js.skin_news_live button.vjs-rewind-button{
358
+ .video-js.skin_news button.vjs-rewind-button{
586
359
  display: none;
587
360
  }
588
- .video-js.skin_news_live button.vjs-rewind-button>svg{
361
+ .video-js.skin_news button.vjs-rewind-button>svg{
589
362
  height: 20px;
590
363
  }
591
- .video-js.skin_news_live .vjs-button{
364
+ .video-js.skin_news .vjs-button{
592
365
  width: 4.8em;
593
366
  }
594
- .video-js.skin_news_live .widget-selection{
367
+ .video-js.skin_news .widget-selection{
595
368
  display: none;
596
369
  }
597
- .video-js.skin_news_live .container{
370
+ .video-js.skin_news .container{
598
371
  display: none !important;
599
372
  }
600
- .video-js.skin_news_live .vjs-control-bar{
373
+ .video-js.skin_news .vjs-control-bar{
601
374
  height: 4em !important;
602
375
  }
603
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
376
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
604
377
  font-size: 2.5em;
605
378
  line-height: 1.5;
606
379
  }
607
- .video-js.skin_news_live .vjs-play-progress:before {
380
+ .video-js.skin_news .vjs-play-progress:before {
608
381
  font-size: 1.2em;
609
382
  position: absolute;
610
383
  right: -0.5em;
611
384
  z-index: 1;
612
385
  }
613
- .video-js.skin_news_live button.vjs-skip-button>svg{
386
+ .video-js.skin_news button.vjs-skip-button>svg{
614
387
  height: 20px;
615
388
  }
616
- .video-js.skin_news_live button.vjs-big-play-button {
389
+ .video-js.skin_news button.vjs-big-play-button {
617
390
  width: 50px !important;
618
391
  height: 50px !important;
619
392
  font-size: 2.1rem !important;
@@ -623,17 +396,17 @@ iframe{
623
396
  width: 24px;
624
397
  height: 24px;
625
398
  }
626
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
399
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
627
400
  margin: 0 12px 0 12px;
628
401
  }
629
- .video-js.skin_news_live .vjs-seek-to-live-text{
402
+ .video-js.skin_news .vjs-seek-to-live-text{
630
403
  font-size: 12px;
631
404
  }
632
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
405
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
633
406
  margin: 0 12px 0 12px;
634
407
  }
635
408
  }
636
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
409
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
637
410
  width: 90px;
638
411
  height: 90px;
639
412
  display: flex;
@@ -650,7 +423,7 @@ iframe{
650
423
  line-height: 1.4em;
651
424
  }
652
425
 
653
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
426
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
654
427
  display: flex;
655
428
  justify-content: center;
656
429
  align-items: center;
@@ -658,22 +431,29 @@ iframe{
658
431
  transition: width 0.1s;
659
432
  }
660
433
 
661
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
434
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
662
435
  display: flex;
663
436
  justify-content: center;
664
437
  align-items: center;
665
438
  height: 100%;
666
439
  transition: width 0.1s;
667
440
  }
668
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
441
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
669
442
  display: none !important;
670
443
  }
444
+ .video-js.skin_news .ssai-ad-container{
445
+ position: absolute;
446
+ bottom: 14px;
447
+ }
671
448
 
672
449
  @media (max-width: 576px) {
673
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
450
+ .video-js.skin_news .ssai-ad-container{
451
+ bottom: 2px;
452
+ }
453
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
674
454
  height: 5px !important;
675
455
  }
676
- .video-js.skin_news_live button.vjs-big-play-button {
456
+ .video-js.skin_news button.vjs-big-play-button {
677
457
  width: 50px !important;
678
458
  height: 50px !important;
679
459
  font-size: 2.1rem !important;
@@ -682,64 +462,76 @@ iframe{
682
462
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
683
463
  display: none;
684
464
  }
685
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
465
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
686
466
  bottom: 2.4em !important;
687
467
  right: -1em;
688
468
  z-index: 1;
689
469
  }
690
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
470
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
691
471
  display: none !important;
692
472
  }
693
473
 
694
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
474
+ .video-js.skin_news .vjs-text-track-display-ttml span {
695
475
  color: white !important;
696
476
  font-size: 13px !important;
697
477
  background-color: black !important;
698
478
  }
699
479
  }
700
480
 
701
- .video-js.skin_news_live .vjs-text-track-display-ttml {
702
- width: 100% !important;
703
- }
704
-
705
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
481
+ .video-js.skin_news .vjs-text-track-display-ttml span {
706
482
  color: white !important;
707
483
  font-size: 16px !important;
708
484
  background-color: black !important;
709
485
  }
710
486
 
711
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
487
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
712
488
  margin-bottom: 2rem !important;
713
489
  }
714
490
 
715
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
491
+ .video-js.skin_news .vjs-text-track-display-ttml p {
716
492
  font-size: 18px !important;
717
493
  }
718
494
 
719
495
 
720
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
721
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
496
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
497
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
722
498
  font-size: 1.2em !important;
723
499
  line-height: 1.5em !important;
724
500
  padding: 0.2em 0.8em !important;
725
501
  }
726
502
 
727
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
503
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
728
504
  content: none !important;
729
505
  fill: none !important;
730
506
  filter: none !important;
731
507
  }
732
508
 
733
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
509
+ /* svg icons opacity and hover effect */
510
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
511
+ opacity: 0.7 !important;
512
+ }
513
+
514
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
515
+ opacity: 1 !important;
516
+ }
517
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
518
+ opacity: 0.7 !important;
519
+ }
520
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
521
+ opacity: 1 !important;
522
+ }
523
+
524
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
734
525
  color: rgba(255, 255, 2555, 0.7)!important;
735
526
  }
736
527
 
737
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
528
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
738
529
  color: rgba(255, 255, 2555, 1)!important;
739
530
  }
740
531
 
741
532
 
742
533
 
534
+
743
535
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
744
536
  font-size: 2.2em;
745
537
  line-height: 2.6;
@@ -1209,33 +1001,31 @@ iframe{
1209
1001
  }
1210
1002
 
1211
1003
 
1212
-
1213
-
1214
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1004
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1215
1005
  font-size: 2.2em;
1216
1006
  line-height: 2.6;
1217
1007
  }
1218
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1219
- background: white;
1008
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1009
+ background: #fcb700;
1220
1010
  }
1221
- .video-js.skin_news .vjs-control-bar{
1011
+ .video-js.skin_news_live .vjs-control-bar{
1222
1012
  z-index: 1 !important;
1223
1013
  height: 5em !important;
1224
1014
  background: black !important;
1225
1015
  }
1226
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1016
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1227
1017
  display: flex;
1228
1018
  align-items: center;
1229
1019
  justify-content: center;
1230
1020
  }
1231
1021
 
1232
- .video-js.skin_news .vjs-fade>* {
1022
+ .video-js.skin_news_live .vjs-fade>* {
1233
1023
  visibility: hidden !important;
1234
1024
  opacity: 0 !important;
1235
1025
  transition: visibility 1s, opacity 1s !important;
1236
1026
  }
1237
1027
 
1238
- .video-js.skin_news .custom-spaced-progress-bar {
1028
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1239
1029
  position: absolute;
1240
1030
  width: 100%;
1241
1031
  display: flex;
@@ -1243,7 +1033,7 @@ iframe{
1243
1033
  top: -0.5em;
1244
1034
  }
1245
1035
 
1246
- .video-js.skin_news .vjs-progress-control {
1036
+ .video-js.skin_news_live .vjs-progress-control {
1247
1037
  /* left: -6px; */
1248
1038
  position: relative;
1249
1039
  width: 100%;
@@ -1251,22 +1041,25 @@ iframe{
1251
1041
  transition: height 0.1s, top 0.1s;
1252
1042
  }
1253
1043
 
1044
+ .video-js.skin_news_live .vjs-volume-panel{
1045
+ min-width: 5.3em;
1046
+ }
1254
1047
 
1255
1048
 
1256
1049
 
1257
- .video-js.skin_news .vjs-custom-control-spacer {
1258
- display: block;
1259
- flex: 1 1 auto;
1050
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1051
+ /* display: block; */
1052
+ /* flex: 1 1 auto; */
1260
1053
  }
1261
1054
 
1262
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1055
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1263
1056
  margin: 0 0px 0 0px;
1264
1057
  }
1265
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1058
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1266
1059
  display: none;
1267
1060
  }
1268
1061
 
1269
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1062
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1270
1063
  font-size: 14px;
1271
1064
  font-weight: 500;
1272
1065
  align-self: center;
@@ -1275,30 +1068,30 @@ iframe{
1275
1068
  border-radius: 8px;
1276
1069
  }
1277
1070
 
1278
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1071
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1279
1072
  height: 6px !important;
1280
1073
  }
1281
1074
 
1282
- .video-js.skin_news .vjs-play-progress:before {
1075
+ .video-js.skin_news_live .vjs-play-progress:before {
1283
1076
  font-size: 1.5em;
1284
1077
  line-height: unset;
1285
1078
  top: -0.3333333333em;
1286
1079
  }
1287
1080
 
1288
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1081
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1289
1082
  display: none !important;
1290
1083
  }
1291
1084
 
1292
1085
  /* */
1293
- .video-js.skin_news .vjs-mouse-display{
1086
+ .video-js.skin_news_live .vjs-mouse-display{
1294
1087
  font-size: 1.6666666667em;
1295
1088
  }
1296
1089
 
1297
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1090
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1298
1091
  font-size: 1em !important;
1299
1092
  }
1300
1093
 
1301
- .video-js.skin_news .vjs-button{
1094
+ .video-js.skin_news_live .vjs-button{
1302
1095
  width: 5.3em;
1303
1096
  display: flex;
1304
1097
  align-items: center;
@@ -1306,63 +1099,71 @@ iframe{
1306
1099
  }
1307
1100
 
1308
1101
 
1309
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1102
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1310
1103
  .icon-maximize {
1311
1104
  display: block;
1312
1105
  height: 32px;
1313
1106
  }
1314
1107
 
1315
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1108
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1316
1109
  line-height: 4;
1317
1110
  }
1318
1111
 
1319
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1112
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1320
1113
  .icon-minimize {
1321
1114
  display: none;
1322
1115
  height: 32px;
1323
1116
  }
1324
1117
 
1325
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1118
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1326
1119
  outline: none !important;
1120
+ /* flex: 1; */
1327
1121
  }
1328
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1122
+ .video-js.skin_news_live .vjs-play-toggle-container{
1123
+ display: flex;
1124
+ flex: 1;
1125
+ justify-content: center;
1126
+ }
1127
+
1128
+
1129
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1329
1130
  .vjs-icon-fullscreen-enter:before {
1330
1131
  /* content: '' !important; */
1331
1132
  }
1332
1133
 
1333
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1134
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1334
1135
  display: flex;
1335
1136
  justify-content: center;
1336
1137
  align-items: center;
1337
1138
  /* transform: rotate(90deg); */
1338
1139
  }
1339
1140
 
1340
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1141
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1341
1142
  display: none;
1342
1143
  }
1343
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1144
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1344
1145
  margin-left: -10px;
1345
1146
  }
1346
1147
 
1347
- .video-js.skin_news .skipbtn:hover{
1148
+ .video-js.skin_news_live .skipbtn:hover{
1348
1149
  cursor: pointer;
1349
1150
  }
1350
1151
 
1351
- .video-js.skin_news .rewindbtn:hover{
1152
+ .video-js.skin_news_live .rewindbtn:hover{
1352
1153
  cursor: pointer;
1353
1154
  }
1354
1155
 
1355
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1156
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1356
1157
  position: relative;
1357
1158
  padding-left: 0;
1358
1159
  }
1359
1160
 
1360
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1161
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1361
1162
  display: none !important;
1362
1163
  }
1363
1164
 
1364
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1365
- width: 90px;
1165
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1166
+ /* width: 90px;
1366
1167
  height: 90px;
1367
1168
  display: flex;
1368
1169
  justify-content: center;
@@ -1377,19 +1178,20 @@ iframe{
1377
1178
  font-size: 6em;
1378
1179
  line-height: 1.4em;
1379
1180
  border: 0.05em solid;
1380
- color: inherit;
1181
+ color: inherit; */
1182
+ display: none !important;
1381
1183
  }
1382
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1184
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1383
1185
  font-weight: bold;
1384
1186
  }
1385
1187
 
1386
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1188
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1387
1189
  bottom: 2.4em !important;
1388
1190
  right: -1em;
1389
1191
  z-index: 1;
1390
1192
  }
1391
1193
 
1392
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1194
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1393
1195
  width: 24px !important;
1394
1196
  height: 24px !important;
1395
1197
  }
@@ -1399,34 +1201,34 @@ iframe{
1399
1201
  }
1400
1202
 
1401
1203
 
1402
- .video-js.skin_news button.vjs-rewind-button{
1204
+ .video-js.skin_news_live button.vjs-rewind-button{
1403
1205
  cursor: pointer;
1404
1206
  }
1405
1207
 
1406
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1208
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1407
1209
  padding-right: 0;
1210
+ display: none;
1408
1211
  }
1409
1212
 
1410
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1213
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1411
1214
  padding-left: 0;
1215
+ display: none;
1412
1216
  }
1413
1217
 
1414
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1218
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1415
1219
  padding-left: 0;
1416
1220
  padding-right: 0;
1417
- display: flex;
1418
- justify-content: center;
1419
- width: min-content;
1221
+ display: none;
1420
1222
  }
1421
1223
 
1422
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1224
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1423
1225
  display: none
1424
1226
  }
1425
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1227
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1426
1228
  display: none
1427
1229
  }
1428
1230
 
1429
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1231
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1430
1232
  display: flex;
1431
1233
  align-items: center;
1432
1234
  font-weight: 700;
@@ -1434,26 +1236,26 @@ iframe{
1434
1236
  min-width: 1.2em;
1435
1237
  }
1436
1238
 
1437
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1239
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1438
1240
  display: none;
1439
1241
  font-size: 11px;
1440
1242
  justify-content: center;
1441
1243
  align-items: center;
1442
1244
  user-select: none;
1443
1245
  }
1444
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1246
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1445
1247
  display: none;
1446
1248
  }
1447
1249
 
1448
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1250
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1449
1251
  height: min-content;
1450
1252
  width: min-content;
1451
1253
  }
1452
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1254
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1453
1255
  width: 6em;
1454
1256
  }
1455
1257
 
1456
- .video-js.skin_news .content{
1258
+ .video-js.skin_news_live .content{
1457
1259
  bottom: 3.4rem !important;
1458
1260
  right: -4rem !important;
1459
1261
  }
@@ -1477,10 +1279,11 @@ iframe{
1477
1279
  height: 100%;
1478
1280
  }
1479
1281
 
1480
- .video-js.skin_news .vjs-live-control{
1282
+ .video-js.skin_news_live .vjs-live-control{
1481
1283
  align-items: center;
1284
+ display: none;
1482
1285
  }
1483
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1286
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1484
1287
  height: 2.2em;
1485
1288
  display: flex;
1486
1289
  align-items: center;
@@ -1491,43 +1294,22 @@ iframe{
1491
1294
  margin: 4px 0px 4px 12px;
1492
1295
  }
1493
1296
 
1494
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1297
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1495
1298
  text-shadow: none;
1496
1299
  }
1497
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1498
- display: none;
1499
- font-size: 12px;
1500
- }
1501
1300
 
1502
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1503
- height: 2.2em;
1504
- display: inline-flex;
1505
- align-items: center;
1506
- /* font-family: monospace; */
1301
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1302
+ display: flex;
1507
1303
  justify-content: center;
1508
- border: 2px solid;
1509
- margin: 4px 0px 4px 6px;
1510
- white-space: pre;
1511
- padding: 0px 6px;
1512
- font-size: 1.2em;
1513
- font-weight: 500;
1514
- color: rgba(255, 255, 2555, 0.7);
1515
-
1516
- letter-spacing: -.1px;
1517
- line-height: normal;
1518
- text-transform: uppercase;
1519
- color: #FFFFFF;
1520
- opacity: .7;
1521
- font-family: "Proxima Nova";
1304
+ min-width: 5.3em;
1305
+ pointer-events: none;
1306
+ user-select: none;
1522
1307
  }
1523
1308
 
1524
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1525
- opacity: 1;
1309
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1310
+ color: white;
1526
1311
  }
1527
1312
 
1528
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1529
- content: "NOT LIVE";
1530
- }
1531
1313
 
1532
1314
  .settings-selection.vjs-control.vjs-button{
1533
1315
  display: flex !important;
@@ -1544,200 +1326,418 @@ iframe{
1544
1326
  .tvProviderImage{
1545
1327
  display: none
1546
1328
  }
1547
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1329
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1548
1330
  .icon-maximize {
1549
1331
  height: 30px !important;
1550
1332
  }
1551
1333
 
1552
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1334
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1553
1335
  .icon-minimize {
1554
1336
  height: 30px !important;
1555
1337
  }
1556
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1338
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1557
1339
  width: 4.5em;
1558
1340
  }
1559
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1341
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1560
1342
  height: min-content;
1561
1343
  }
1562
1344
 
1563
- .video-js.skin_news button.vjs-slowmo-button{
1345
+ .video-js.skin_news_live button.vjs-slowmo-button{
1564
1346
  display: none;
1565
1347
  }
1566
- .video-js.skin_news button.vjs-rewind-button{
1348
+ .video-js.skin_news_live button.vjs-rewind-button{
1567
1349
  display: none;
1568
1350
  }
1569
- .video-js.skin_news button.vjs-rewind-button>svg{
1351
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1570
1352
  height: 20px;
1571
1353
  }
1572
- .video-js.skin_news .vjs-button{
1354
+ .video-js.skin_news_live .vjs-button{
1573
1355
  width: 4.8em;
1574
1356
  }
1575
- .video-js.skin_news .widget-selection{
1357
+ .video-js.skin_news_live .widget-selection{
1576
1358
  display: none;
1577
1359
  }
1578
- .video-js.skin_news .container{
1360
+ .video-js.skin_news_live .container{
1579
1361
  display: none !important;
1580
1362
  }
1581
- .video-js.skin_news .vjs-control-bar{
1363
+ .video-js.skin_news_live .vjs-control-bar{
1582
1364
  height: 4em !important;
1583
1365
  }
1584
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1366
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1585
1367
  font-size: 2.5em;
1586
1368
  line-height: 1.5;
1587
1369
  }
1588
- .video-js.skin_news .vjs-play-progress:before {
1370
+ .video-js.skin_news_live .vjs-play-progress:before {
1589
1371
  font-size: 1.2em;
1590
1372
  position: absolute;
1591
1373
  right: -0.5em;
1592
1374
  z-index: 1;
1593
1375
  }
1594
- .video-js.skin_news button.vjs-skip-button>svg{
1376
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1595
1377
  height: 20px;
1596
1378
  }
1597
- .video-js.skin_news button.vjs-big-play-button {
1379
+ .video-js.skin_news_live button.vjs-big-play-button {
1598
1380
  width: 50px !important;
1599
1381
  height: 50px !important;
1600
1382
  font-size: 2.1rem !important;
1601
1383
  }
1602
1384
 
1603
- .stream-selector-icon>svg{
1604
- width: 24px;
1605
- height: 24px;
1385
+ .stream-selector-icon>svg{
1386
+ width: 24px;
1387
+ height: 24px;
1388
+ }
1389
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1390
+ margin: 0 12px 0 12px;
1391
+ }
1392
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1393
+ font-size: 12px;
1394
+ }
1395
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1396
+ margin: 0 12px 0 12px;
1397
+ }
1398
+ }
1399
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1400
+ width: 90px;
1401
+ height: 90px;
1402
+ display: flex;
1403
+ justify-content: center;
1404
+ align-items: center;
1405
+ border-radius: 50%;
1406
+ position: absolute;
1407
+ top: 0;
1408
+ left: 0;
1409
+ right: 0;
1410
+ bottom: 0;
1411
+ margin: auto;
1412
+ font-size: 6em;
1413
+ line-height: 1.4em;
1414
+ }
1415
+
1416
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1417
+ display: flex;
1418
+ justify-content: center;
1419
+ align-items: center;
1420
+ height: 100%;
1421
+ transition: width 0.1s;
1422
+ }
1423
+
1424
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1425
+ display: flex;
1426
+ justify-content: center;
1427
+ align-items: center;
1428
+ height: 100%;
1429
+ transition: width 0.1s;
1430
+ }
1431
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1432
+ display: none !important;
1433
+ }
1434
+
1435
+ @media (max-width: 576px) {
1436
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1437
+ height: 5px !important;
1438
+ }
1439
+ .video-js.skin_news_live button.vjs-big-play-button {
1440
+ width: 50px !important;
1441
+ height: 50px !important;
1442
+ font-size: 2.1rem !important;
1443
+ }
1444
+
1445
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1446
+ display: none;
1447
+ }
1448
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1449
+ bottom: 2.4em !important;
1450
+ right: -1em;
1451
+ z-index: 1;
1452
+ }
1453
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1454
+ display: none !important;
1455
+ }
1456
+
1457
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1458
+ color: white !important;
1459
+ font-size: 13px !important;
1460
+ background-color: black !important;
1461
+ }
1462
+ }
1463
+
1464
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1465
+ width: 100% !important;
1466
+ }
1467
+
1468
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1469
+ color: white !important;
1470
+ font-size: 16px !important;
1471
+ background-color: black !important;
1472
+ }
1473
+
1474
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1475
+ margin-bottom: 2rem !important;
1476
+ }
1477
+
1478
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1479
+ font-size: 18px !important;
1480
+ }
1481
+
1482
+
1483
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1485
+ font-size: 1.2em !important;
1486
+ line-height: 1.5em !important;
1487
+ padding: 0.2em 0.8em !important;
1488
+ }
1489
+
1490
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1491
+ content: none !important;
1492
+ fill: none !important;
1493
+ filter: none !important;
1494
+ }
1495
+
1496
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1497
+ color: rgba(255, 255, 2555, 0.7)!important;
1498
+ }
1499
+
1500
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1501
+ color: rgba(255, 255, 2555, 1)!important;
1502
+ }
1503
+
1504
+
1505
+
1506
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1507
+ height: 0.7em;
1508
+ position: absolute;
1509
+ top: -0.7em;
1510
+ width: 100%;
1511
+ }
1512
+
1513
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1514
+ height: 100%;
1515
+ }
1516
+
1517
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1518
+ line-height: 2.5;
1519
+ }
1520
+
1521
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1522
+ height: 19px;
1523
+ width: 19px;
1524
+ cursor: pointer;
1525
+ }
1526
+ .video-js.skin_vlone .vjs-control {
1527
+ user-select: none;
1528
+ }
1529
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1530
+ user-select: none;
1531
+ }
1532
+
1533
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1534
+ height: 19px;
1535
+ width: 19px;
1536
+ cursor: pointer;
1537
+ }
1538
+
1539
+ .video-js.skin_vlone .vjs-play-progress:before {
1540
+ display: none !important;
1541
+ }
1542
+
1543
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1544
+ margin: 0 !important;
1545
+
1606
1546
  }
1607
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1608
- margin: 0 12px 0 12px;
1547
+
1548
+
1549
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1550
+ display: block;
1551
+ flex: 1 1 auto;
1609
1552
  }
1610
- .video-js.skin_news .vjs-seek-to-live-text{
1611
- font-size: 12px;
1553
+
1554
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1555
+ z-index: 1;
1612
1556
  }
1613
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1614
- margin: 0 12px 0 12px;
1557
+
1558
+
1559
+ .video-js.skin_vlone .vjs-control-bar {
1560
+ height: 40px;
1615
1561
  }
1562
+
1563
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1564
+ .vjs-button>.vjs-icon-placeholder:before {
1565
+ position: relative !important;
1616
1566
  }
1617
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1618
- width: 90px;
1619
- height: 90px;
1620
- display: flex;
1621
- justify-content: center;
1622
- align-items: center;
1623
- border-radius: 50%;
1624
- position: absolute;
1625
- top: 0;
1626
- left: 0;
1627
- right: 0;
1628
- bottom: 0;
1629
- margin: auto;
1630
- font-size: 6em;
1631
- line-height: 1.4em;
1567
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1568
+ display: flex;
1569
+ left: 0px;
1570
+ top: -1px;
1632
1571
  }
1633
1572
 
1634
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1635
- display: flex;
1636
- justify-content: center;
1637
- align-items: center;
1638
- height: 100%;
1639
- transition: width 0.1s;
1573
+ .vjs-button>.vjs-icon-placeholder:before {
1574
+ font-size: 2em !important;
1640
1575
  }
1641
1576
 
1642
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1643
- display: flex;
1644
- justify-content: center;
1645
- align-items: center;
1646
- height: 100%;
1647
- transition: width 0.1s;
1577
+ .video-js.skin_vlone .vjs-control {
1578
+ width: 4.3em;
1648
1579
  }
1649
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1650
- display: none !important;
1580
+
1581
+ .vjs-menu-button-popup .vjs-menu {
1582
+ bottom: 10px !important;
1651
1583
  }
1652
- .video-js.skin_news .ssai-ad-container{
1653
- position: absolute;
1654
- bottom: 14px;
1584
+
1585
+
1586
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1587
+ height: 1.3em;
1588
+ position: absolute;
1589
+ top: -1.3em;
1590
+ transition: height 0.3s, top 0.3s;
1655
1591
  }
1656
1592
 
1657
- @media (max-width: 576px) {
1658
- .video-js.skin_news .ssai-ad-container{
1659
- bottom: 2px;
1660
- }
1661
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1662
- height: 5px !important;
1663
- }
1664
- .video-js.skin_news button.vjs-big-play-button {
1665
- width: 50px !important;
1666
- height: 50px !important;
1667
- font-size: 2.1rem !important;
1668
- }
1669
1593
 
1670
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1594
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1595
+ display: none !important;
1596
+ }
1597
+
1598
+ .video-js.skin_vlone .vjs-time-control {
1599
+ display: block;
1600
+ }
1601
+ .video-js.skin_vlone .vjs-remaining-time {
1671
1602
  display: none;
1672
- }
1673
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1674
- bottom: 2.4em !important;
1675
- right: -1em;
1676
- z-index: 1;
1677
1603
  }
1678
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1679
- display: none !important;
1680
- }
1681
1604
 
1682
- .video-js.skin_news .vjs-text-track-display-ttml span {
1683
- color: white !important;
1684
- font-size: 13px !important;
1685
- background-color: black !important;
1686
- }
1605
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1606
+ line-height: 3.5em;
1607
+ font-size: 1.1em;
1608
+ min-width: 4em;
1687
1609
  }
1688
1610
 
1689
- .video-js.skin_news .vjs-text-track-display-ttml span {
1690
- color: white !important;
1691
- font-size: 16px !important;
1692
- background-color: black !important;
1611
+ .video-js.skin_vlone .vjs-time-divider > div{
1612
+ display: flex;
1613
+ justify-content: center;
1693
1614
  }
1694
1615
 
1695
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1696
- margin-bottom: 2rem !important;
1616
+ .video-js.skin_vlone .vjs-live-control{
1617
+ align-items: center;
1618
+ }
1619
+ .video-js.skin_vlone .vjs-live-display{
1620
+ height: 2.2em;
1621
+ display: flex;
1622
+ align-items: center;
1623
+ font-family: monospace;
1624
+ width: 4em;
1625
+ justify-content: center;
1626
+ background: red;
1627
+ margin: 4px 0px 4px 12px;
1628
+ }
1629
+ .video-js.skin_vlone .vjs-live-display:hover{
1630
+ cursor: pointer;
1697
1631
  }
1698
1632
 
1699
- .video-js.skin_news .vjs-text-track-display-ttml p {
1700
- font-size: 18px !important;
1633
+ .video-js.skin_vlone .vjs-time-control {
1634
+ line-height: 3.5em !important;
1635
+ font-size: 1.1em !important;
1636
+ width: min-content !important;
1637
+ min-width: 1.5em;
1638
+ padding: 0 !important;
1639
+ user-select: none;
1701
1640
  }
1702
1641
 
1642
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1643
+ margin-left: 16px !important;
1644
+ }
1703
1645
 
1704
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1705
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1646
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1647
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1706
1648
  font-size: 1.2em !important;
1707
1649
  line-height: 1.5em !important;
1708
1650
  padding: 0.2em 0.8em !important;
1709
1651
  }
1710
1652
 
1711
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1712
- content: none !important;
1713
- fill: none !important;
1714
- filter: none !important;
1715
- }
1716
1653
 
1717
- /* svg icons opacity and hover effect */
1718
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1719
- opacity: 0.7 !important;
1654
+ /* Big play */
1655
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1656
+ width: 80px;
1657
+ height: 80px;
1658
+ display: flex;
1659
+ justify-content: center;
1660
+ align-items: center;
1661
+ border: none;
1662
+ position: absolute;
1663
+ top: 0;
1664
+ left: 0;
1665
+ right: 0;
1666
+ bottom: 0;
1667
+ margin: auto;
1668
+ font-size: 5em;
1669
+ line-height: 1.3em;
1670
+ transform: none !important;
1671
+ border-radius: 1.3em;
1720
1672
  }
1721
-
1722
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1723
- opacity: 1 !important;
1673
+ .video-js.skin_vlone .ssai-ad-container{
1674
+ position: absolute;
1675
+ bottom: 4px;
1724
1676
  }
1725
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1726
- opacity: 0.7 !important;
1677
+
1678
+ @media(max-width:600px){
1679
+ .video-js.skin_vlone button.vjs-big-play-button {
1680
+ width: 50px !important;
1681
+ height: 50px !important;
1682
+ font-size: 2.1rem !important;
1683
+ }
1684
+
1685
+ .video-js.skin_vlone .ssai-ad-container {
1686
+ position: absolute;
1687
+ bottom: 2px;
1727
1688
  }
1728
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1729
- opacity: 1 !important;
1689
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1690
+ display: none;
1730
1691
  }
1731
1692
 
1732
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
- color: rgba(255, 255, 2555, 0.7)!important;
1693
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1694
+ display: none;
1734
1695
  }
1735
1696
 
1736
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
- color: rgba(255, 255, 2555, 1)!important;
1697
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1698
+ display: none;
1699
+ }
1738
1700
  }
1701
+
1702
+
1739
1703
 
1704
+ .video-js .content {
1705
+ border-radius: 0;
1706
+ background-color: rgba(43, 51, 63, 0.7);
1707
+ }
1708
+ .video-js .resolution {
1709
+ min-width: 100px;
1710
+ }
1711
+ .video-js .content .resolution .title {
1712
+ display: none;
1713
+ }
1714
+ .video-js .resolution .rendition{
1715
+ display: flex;
1716
+ list-style: none;
1717
+ margin: 0;
1718
+ line-height: 1.4em;
1719
+ font-size: 12px;
1720
+ text-align: center;
1721
+ }
1722
+ .video-js .rendition {
1723
+ padding: 4px 20px;
1724
+ }
1725
+ .video-js .rendition span {
1726
+ background: none;
1727
+ }
1728
+ .video-js .resolution .renditions .relative:hover {
1729
+ background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
1730
+ }
1731
+ .video-js .resolution .renditions .relative .rendition.selected {
1732
+ background-color: #fff;
1733
+ color: #2B333F;
1734
+ font-weight: normal;
1735
+ }
1740
1736
 
1737
+ .video-js .resolution .renditions .relative .rendition.selected span{
1738
+ color: #2B333F;
1739
+ font-weight: bold
1740
+ }
1741
1741
 
1742
1742
  /* CSS for videojs-dvr-seekbar */
1743
1743
 
@@ -2001,7 +2001,6 @@ iframe{
2001
2001
 
2002
2002
 
2003
2003
 
2004
-
2005
2004
  .vjs-custom-big-mute.vjs-control{
2006
2005
  position: absolute;
2007
2006
  align-items: center;
@@ -2050,6 +2049,7 @@ iframe{
2050
2049
  width: 22px;
2051
2050
  }
2052
2051
 
2052
+
2053
2053
  /* nextep */
2054
2054
  .next-ep-preview{
2055
2055
  position: absolute;