@viewlift/player-backup 2.0.261-backup → 2.0.263-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 (58) hide show
  1. package/cjs/{autoNextVideo-e42fc428.js → autoNextVideo-ecd747ef.js} +1 -1
  2. package/cjs/bundle.css +585 -585
  3. package/cjs/{features-cd48b2b6.js → features-990d4a91.js} +1 -1
  4. package/cjs/generic-21047e50.js +1 -0
  5. package/cjs/{index-eafb9077.js → index-1da5d753.js} +1 -1
  6. package/cjs/{index-1736603c.js → index-1f2a0855.js} +1 -1
  7. package/cjs/{index-5bdf1cfd.js → index-9c1f5dfb.js} +1 -1
  8. package/cjs/index.js +1 -1
  9. package/cjs/{multicamv2-4d7833f1.js → multicamv2-11e377dd.js} +1 -1
  10. package/cjs/{multicamv2-825cb17d.js → multicamv2-5e04063b.js} +1 -1
  11. package/cjs/{nextEpisodeButton-056dd4d9.js → nextEpisodeButton-5aaca268.js} +1 -1
  12. package/cjs/{playlist-4932e799.js → playlist-67588f89.js} +1 -1
  13. package/cjs/{series-c3a14f61.js → series-97737ac6.js} +1 -1
  14. package/cjs/{series-v2-1d193d93.js → series-v2-d0cb730f.js} +1 -1
  15. package/cjs/{series-v2-57b1c5b8.js → series-v2-f359a404.js} +1 -1
  16. package/cjs/{skin-77549792.js → skin-1f243ee0.js} +1 -1
  17. package/cjs/{skin-80fd2d0c.js → skin-3dcf8028.js} +1 -1
  18. package/cjs/{skin-c1af6004.js → skin-3e022b58.js} +1 -1
  19. package/cjs/{skin-969cc371.js → skin-44f1ef40.js} +1 -1
  20. package/cjs/{skin-cfc775a4.js → skin-618271fd.js} +1 -1
  21. package/cjs/{skin-e54f3fd3.js → skin-93426d58.js} +1 -1
  22. package/cjs/{skin-add44dae.js → skin-b3442053.js} +1 -1
  23. package/cjs/{skin-066dceed.js → skin-e28edae6.js} +1 -1
  24. package/cjs/{skin-3ea04cef.js → skin-e2c768cb.js} +1 -1
  25. package/cjs/{util-7186e89f.js → util-f83deba2.js} +1 -1
  26. package/cjs/{videoSelector-810471f8.js → videoSelector-117a8b23.js} +1 -1
  27. package/cjs/{videoSelector-5f1cf380.js → videoSelector-60630fc1.js} +1 -1
  28. package/esm/{autoNextVideo-7323cf5f.js → autoNextVideo-7f9f74db.js} +1 -1
  29. package/esm/bundle.css +585 -585
  30. package/esm/{features-f634dd8c.js → features-16081682.js} +1 -1
  31. package/esm/generic-723862ba.js +1 -0
  32. package/esm/{index-aee2840d.js → index-202ec902.js} +1 -1
  33. package/esm/{index-04f28499.js → index-8cc601ad.js} +1 -1
  34. package/esm/{index-3860a02a.js → index-de710e1c.js} +1 -1
  35. package/esm/index.js +1 -1
  36. package/esm/{multicamv2-b2a07ed1.js → multicamv2-8aa4e4b2.js} +1 -1
  37. package/esm/{multicamv2-d19801a7.js → multicamv2-d6787ab0.js} +1 -1
  38. package/esm/{nextEpisodeButton-29cc11c2.js → nextEpisodeButton-e2f7a29b.js} +1 -1
  39. package/esm/{playlist-2b356158.js → playlist-32dff85e.js} +1 -1
  40. package/esm/{series-dee1a2af.js → series-eb292224.js} +1 -1
  41. package/esm/{series-v2-b13de828.js → series-v2-4b4cff09.js} +1 -1
  42. package/esm/{series-v2-f7307228.js → series-v2-f0491a6d.js} +1 -1
  43. package/esm/{skin-5a424471.js → skin-16f761c6.js} +1 -1
  44. package/esm/{skin-6cf385ed.js → skin-274bcb46.js} +1 -1
  45. package/esm/{skin-8db4ed62.js → skin-39f4a974.js} +1 -1
  46. package/esm/{skin-f21ef5ec.js → skin-74462250.js} +1 -1
  47. package/esm/{skin-d656e076.js → skin-89ffc051.js} +1 -1
  48. package/esm/{skin-a2b5e469.js → skin-98fdb1fc.js} +1 -1
  49. package/esm/{skin-b3357b0d.js → skin-a9890e41.js} +1 -1
  50. package/esm/{skin-61229ce9.js → skin-d787d8d4.js} +1 -1
  51. package/esm/{skin-aeae977d.js → skin-faca3f76.js} +1 -1
  52. package/esm/{util-a420b997.js → util-a9e862ad.js} +1 -1
  53. package/esm/utilities/beacon.d.ts +2 -2
  54. package/esm/{videoSelector-0bea276f.js → videoSelector-bb3b3e45.js} +1 -1
  55. package/esm/{videoSelector-40c30c18.js → videoSelector-fdf91ca0.js} +1 -1
  56. package/package.json +1 -1
  57. package/cjs/generic-f04cb45e.js +0 -1
  58. package/esm/generic-7505da7f.js +0 -1
package/cjs/bundle.css CHANGED
@@ -2,268 +2,33 @@
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
5
 
236
- .video-js .resolution .renditions .relative .rendition.selected span{
237
- color: #2B333F;
238
- font-weight: bold
239
- }
240
6
 
241
-
242
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
7
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
243
8
  font-size: 2.2em;
244
9
  line-height: 2.6;
245
10
  }
246
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
247
- background: white;
11
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
12
+ background: #fcb700;
248
13
  }
249
- .video-js.skin_news .vjs-control-bar{
14
+ .video-js.skin_news_live .vjs-control-bar{
250
15
  z-index: 1 !important;
251
16
  height: 5em !important;
252
17
  background: black !important;
253
18
  }
254
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
19
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
255
20
  display: flex;
256
21
  align-items: center;
257
22
  justify-content: center;
258
23
  }
259
24
 
260
- .video-js.skin_news .vjs-fade>* {
25
+ .video-js.skin_news_live .vjs-fade>* {
261
26
  visibility: hidden !important;
262
27
  opacity: 0 !important;
263
28
  transition: visibility 1s, opacity 1s !important;
264
29
  }
265
30
 
266
- .video-js.skin_news .custom-spaced-progress-bar {
31
+ .video-js.skin_news_live .custom-spaced-progress-bar {
267
32
  position: absolute;
268
33
  width: 100%;
269
34
  display: flex;
@@ -271,7 +36,7 @@
271
36
  top: -0.5em;
272
37
  }
273
38
 
274
- .video-js.skin_news .vjs-progress-control {
39
+ .video-js.skin_news_live .vjs-progress-control {
275
40
  /* left: -6px; */
276
41
  position: relative;
277
42
  width: 100%;
@@ -279,22 +44,25 @@
279
44
  transition: height 0.1s, top 0.1s;
280
45
  }
281
46
 
47
+ .video-js.skin_news_live .vjs-volume-panel{
48
+ min-width: 5.3em;
49
+ }
282
50
 
283
51
 
284
52
 
285
- .video-js.skin_news .vjs-custom-control-spacer {
286
- display: block;
287
- flex: 1 1 auto;
53
+ .video-js.skin_news_live .vjs-custom-control-spacer {
54
+ /* display: block; */
55
+ /* flex: 1 1 auto; */
288
56
  }
289
57
 
290
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
58
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
291
59
  margin: 0 0px 0 0px;
292
60
  }
293
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
61
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
294
62
  display: none;
295
63
  }
296
64
 
297
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
65
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
298
66
  font-size: 14px;
299
67
  font-weight: 500;
300
68
  align-self: center;
@@ -303,30 +71,30 @@
303
71
  border-radius: 8px;
304
72
  }
305
73
 
306
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
74
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
307
75
  height: 6px !important;
308
76
  }
309
77
 
310
- .video-js.skin_news .vjs-play-progress:before {
78
+ .video-js.skin_news_live .vjs-play-progress:before {
311
79
  font-size: 1.5em;
312
80
  line-height: unset;
313
81
  top: -0.3333333333em;
314
82
  }
315
83
 
316
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
84
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
317
85
  display: none !important;
318
86
  }
319
87
 
320
88
  /* */
321
- .video-js.skin_news .vjs-mouse-display{
89
+ .video-js.skin_news_live .vjs-mouse-display{
322
90
  font-size: 1.6666666667em;
323
91
  }
324
92
 
325
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
93
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
326
94
  font-size: 1em !important;
327
95
  }
328
96
 
329
- .video-js.skin_news .vjs-button{
97
+ .video-js.skin_news_live .vjs-button{
330
98
  width: 5.3em;
331
99
  display: flex;
332
100
  align-items: center;
@@ -334,63 +102,71 @@
334
102
  }
335
103
 
336
104
 
337
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
105
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
338
106
  .icon-maximize {
339
107
  display: block;
340
108
  height: 32px;
341
109
  }
342
110
 
343
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
111
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
344
112
  line-height: 4;
345
113
  }
346
114
 
347
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
115
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
348
116
  .icon-minimize {
349
117
  display: none;
350
118
  height: 32px;
351
119
  }
352
120
 
353
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
121
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
354
122
  outline: none !important;
123
+ /* flex: 1; */
355
124
  }
356
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
125
+ .video-js.skin_news_live .vjs-play-toggle-container{
126
+ display: flex;
127
+ flex: 1;
128
+ justify-content: center;
129
+ }
130
+
131
+
132
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
357
133
  .vjs-icon-fullscreen-enter:before {
358
134
  /* content: '' !important; */
359
135
  }
360
136
 
361
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
137
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
362
138
  display: flex;
363
139
  justify-content: center;
364
140
  align-items: center;
365
141
  /* transform: rotate(90deg); */
366
142
  }
367
143
 
368
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
144
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
369
145
  display: none;
370
146
  }
371
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
147
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
372
148
  margin-left: -10px;
373
149
  }
374
150
 
375
- .video-js.skin_news .skipbtn:hover{
151
+ .video-js.skin_news_live .skipbtn:hover{
376
152
  cursor: pointer;
377
153
  }
378
154
 
379
- .video-js.skin_news .rewindbtn:hover{
155
+ .video-js.skin_news_live .rewindbtn:hover{
380
156
  cursor: pointer;
381
157
  }
382
158
 
383
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
159
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
384
160
  position: relative;
385
161
  padding-left: 0;
386
162
  }
387
163
 
388
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
164
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
389
165
  display: none !important;
390
166
  }
391
167
 
392
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
393
- width: 90px;
168
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
169
+ /* width: 90px;
394
170
  height: 90px;
395
171
  display: flex;
396
172
  justify-content: center;
@@ -405,19 +181,20 @@
405
181
  font-size: 6em;
406
182
  line-height: 1.4em;
407
183
  border: 0.05em solid;
408
- color: inherit;
184
+ color: inherit; */
185
+ display: none !important;
409
186
  }
410
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
187
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
411
188
  font-weight: bold;
412
189
  }
413
190
 
414
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
191
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
415
192
  bottom: 2.4em !important;
416
193
  right: -1em;
417
194
  z-index: 1;
418
195
  }
419
196
 
420
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
197
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
421
198
  width: 24px !important;
422
199
  height: 24px !important;
423
200
  }
@@ -427,34 +204,34 @@
427
204
  }
428
205
 
429
206
 
430
- .video-js.skin_news button.vjs-rewind-button{
207
+ .video-js.skin_news_live button.vjs-rewind-button{
431
208
  cursor: pointer;
432
209
  }
433
210
 
434
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
211
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
435
212
  padding-right: 0;
213
+ display: none;
436
214
  }
437
215
 
438
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
216
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
439
217
  padding-left: 0;
218
+ display: none;
440
219
  }
441
220
 
442
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
221
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
443
222
  padding-left: 0;
444
223
  padding-right: 0;
445
- display: flex;
446
- justify-content: center;
447
- width: min-content;
224
+ display: none;
448
225
  }
449
226
 
450
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
227
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
451
228
  display: none
452
229
  }
453
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
230
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
454
231
  display: none
455
232
  }
456
233
 
457
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
234
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
458
235
  display: flex;
459
236
  align-items: center;
460
237
  font-weight: 700;
@@ -462,26 +239,26 @@
462
239
  min-width: 1.2em;
463
240
  }
464
241
 
465
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
242
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
466
243
  display: none;
467
244
  font-size: 11px;
468
245
  justify-content: center;
469
246
  align-items: center;
470
247
  user-select: none;
471
248
  }
472
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
249
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
473
250
  display: none;
474
251
  }
475
252
 
476
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
253
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
477
254
  height: min-content;
478
255
  width: min-content;
479
256
  }
480
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
257
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
481
258
  width: 6em;
482
259
  }
483
260
 
484
- .video-js.skin_news .content{
261
+ .video-js.skin_news_live .content{
485
262
  bottom: 3.4rem !important;
486
263
  right: -4rem !important;
487
264
  }
@@ -505,10 +282,11 @@ iframe{
505
282
  height: 100%;
506
283
  }
507
284
 
508
- .video-js.skin_news .vjs-live-control{
285
+ .video-js.skin_news_live .vjs-live-control{
509
286
  align-items: center;
287
+ display: none;
510
288
  }
511
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
289
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
512
290
  height: 2.2em;
513
291
  display: flex;
514
292
  align-items: center;
@@ -519,43 +297,22 @@ iframe{
519
297
  margin: 4px 0px 4px 12px;
520
298
  }
521
299
 
522
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
300
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
523
301
  text-shadow: none;
524
302
  }
525
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
526
- display: none;
527
- font-size: 12px;
528
- }
529
303
 
530
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
531
- height: 2.2em;
532
- display: inline-flex;
533
- align-items: center;
534
- /* font-family: monospace; */
304
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
305
+ display: flex;
535
306
  justify-content: center;
536
- border: 2px solid;
537
- margin: 4px 0px 4px 6px;
538
- white-space: pre;
539
- padding: 0px 6px;
540
- font-size: 1.2em;
541
- font-weight: 500;
542
- color: rgba(255, 255, 2555, 0.7);
543
-
544
- letter-spacing: -.1px;
545
- line-height: normal;
546
- text-transform: uppercase;
547
- color: #FFFFFF;
548
- opacity: .7;
549
- font-family: "Proxima Nova";
307
+ min-width: 5.3em;
308
+ pointer-events: none;
309
+ user-select: none;
550
310
  }
551
311
 
552
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
553
- opacity: 1;
312
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
313
+ color: white;
554
314
  }
555
315
 
556
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
557
- content: "NOT LIVE";
558
- }
559
316
 
560
317
  .settings-selection.vjs-control.vjs-button{
561
318
  display: flex !important;
@@ -572,57 +329,57 @@ iframe{
572
329
  .tvProviderImage{
573
330
  display: none
574
331
  }
575
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
332
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
576
333
  .icon-maximize {
577
334
  height: 30px !important;
578
335
  }
579
336
 
580
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
337
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
581
338
  .icon-minimize {
582
339
  height: 30px !important;
583
340
  }
584
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
341
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
585
342
  width: 4.5em;
586
343
  }
587
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
344
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
588
345
  height: min-content;
589
346
  }
590
347
 
591
- .video-js.skin_news button.vjs-slowmo-button{
348
+ .video-js.skin_news_live button.vjs-slowmo-button{
592
349
  display: none;
593
350
  }
594
- .video-js.skin_news button.vjs-rewind-button{
351
+ .video-js.skin_news_live button.vjs-rewind-button{
595
352
  display: none;
596
353
  }
597
- .video-js.skin_news button.vjs-rewind-button>svg{
354
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
598
355
  height: 20px;
599
356
  }
600
- .video-js.skin_news .vjs-button{
357
+ .video-js.skin_news_live .vjs-button{
601
358
  width: 4.8em;
602
359
  }
603
- .video-js.skin_news .widget-selection{
360
+ .video-js.skin_news_live .widget-selection{
604
361
  display: none;
605
362
  }
606
- .video-js.skin_news .container{
363
+ .video-js.skin_news_live .container{
607
364
  display: none !important;
608
365
  }
609
- .video-js.skin_news .vjs-control-bar{
366
+ .video-js.skin_news_live .vjs-control-bar{
610
367
  height: 4em !important;
611
368
  }
612
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
369
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
613
370
  font-size: 2.5em;
614
371
  line-height: 1.5;
615
372
  }
616
- .video-js.skin_news .vjs-play-progress:before {
373
+ .video-js.skin_news_live .vjs-play-progress:before {
617
374
  font-size: 1.2em;
618
375
  position: absolute;
619
376
  right: -0.5em;
620
377
  z-index: 1;
621
378
  }
622
- .video-js.skin_news button.vjs-skip-button>svg{
379
+ .video-js.skin_news_live button.vjs-skip-button>svg{
623
380
  height: 20px;
624
381
  }
625
- .video-js.skin_news button.vjs-big-play-button {
382
+ .video-js.skin_news_live button.vjs-big-play-button {
626
383
  width: 50px !important;
627
384
  height: 50px !important;
628
385
  font-size: 2.1rem !important;
@@ -632,17 +389,17 @@ iframe{
632
389
  width: 24px;
633
390
  height: 24px;
634
391
  }
635
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
392
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
636
393
  margin: 0 12px 0 12px;
637
394
  }
638
- .video-js.skin_news .vjs-seek-to-live-text{
395
+ .video-js.skin_news_live .vjs-seek-to-live-text{
639
396
  font-size: 12px;
640
397
  }
641
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
398
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
642
399
  margin: 0 12px 0 12px;
643
400
  }
644
401
  }
645
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
402
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
646
403
  width: 90px;
647
404
  height: 90px;
648
405
  display: flex;
@@ -659,7 +416,7 @@ iframe{
659
416
  line-height: 1.4em;
660
417
  }
661
418
 
662
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
419
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
663
420
  display: flex;
664
421
  justify-content: center;
665
422
  align-items: center;
@@ -667,29 +424,22 @@ iframe{
667
424
  transition: width 0.1s;
668
425
  }
669
426
 
670
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
427
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
671
428
  display: flex;
672
429
  justify-content: center;
673
430
  align-items: center;
674
431
  height: 100%;
675
432
  transition: width 0.1s;
676
433
  }
677
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
434
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
678
435
  display: none !important;
679
436
  }
680
- .video-js.skin_news .ssai-ad-container{
681
- position: absolute;
682
- bottom: 14px;
683
- }
684
437
 
685
438
  @media (max-width: 576px) {
686
- .video-js.skin_news .ssai-ad-container{
687
- bottom: 2px;
688
- }
689
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
439
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
690
440
  height: 5px !important;
691
441
  }
692
- .video-js.skin_news button.vjs-big-play-button {
442
+ .video-js.skin_news_live button.vjs-big-play-button {
693
443
  width: 50px !important;
694
444
  height: 50px !important;
695
445
  font-size: 2.1rem !important;
@@ -698,101 +448,89 @@ iframe{
698
448
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
699
449
  display: none;
700
450
  }
701
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
451
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
702
452
  bottom: 2.4em !important;
703
453
  right: -1em;
704
454
  z-index: 1;
705
455
  }
706
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
456
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
707
457
  display: none !important;
708
458
  }
709
459
 
710
- .video-js.skin_news .vjs-text-track-display-ttml span {
460
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
711
461
  color: white !important;
712
462
  font-size: 13px !important;
713
463
  background-color: black !important;
714
464
  }
715
465
  }
716
466
 
717
- .video-js.skin_news .vjs-text-track-display-ttml span {
467
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
468
+ width: 100% !important;
469
+ }
470
+
471
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
718
472
  color: white !important;
719
473
  font-size: 16px !important;
720
474
  background-color: black !important;
721
475
  }
722
476
 
723
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
477
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
724
478
  margin-bottom: 2rem !important;
725
479
  }
726
480
 
727
- .video-js.skin_news .vjs-text-track-display-ttml p {
481
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
728
482
  font-size: 18px !important;
729
483
  }
730
484
 
731
485
 
732
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
733
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
486
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
487
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
734
488
  font-size: 1.2em !important;
735
489
  line-height: 1.5em !important;
736
490
  padding: 0.2em 0.8em !important;
737
491
  }
738
492
 
739
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
493
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
740
494
  content: none !important;
741
495
  fill: none !important;
742
496
  filter: none !important;
743
497
  }
744
498
 
745
- /* svg icons opacity and hover effect */
746
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
747
- opacity: 0.7 !important;
748
- }
749
-
750
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
751
- opacity: 1 !important;
752
- }
753
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
754
- opacity: 0.7 !important;
755
- }
756
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
757
- opacity: 1 !important;
758
- }
759
-
760
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
499
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
761
500
  color: rgba(255, 255, 2555, 0.7)!important;
762
501
  }
763
502
 
764
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
503
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
765
504
  color: rgba(255, 255, 2555, 1)!important;
766
505
  }
767
506
 
768
507
 
769
508
 
770
-
771
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
509
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
772
510
  font-size: 2.2em;
773
511
  line-height: 2.6;
774
512
  }
775
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
776
- background: #fcb700;
513
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
514
+ background: white;
777
515
  }
778
- .video-js.skin_news_live .vjs-control-bar{
516
+ .video-js.skin_news .vjs-control-bar{
779
517
  z-index: 1 !important;
780
518
  height: 5em !important;
781
519
  background: black !important;
782
520
  }
783
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
521
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
784
522
  display: flex;
785
523
  align-items: center;
786
524
  justify-content: center;
787
525
  }
788
526
 
789
- .video-js.skin_news_live .vjs-fade>* {
527
+ .video-js.skin_news .vjs-fade>* {
790
528
  visibility: hidden !important;
791
529
  opacity: 0 !important;
792
530
  transition: visibility 1s, opacity 1s !important;
793
531
  }
794
532
 
795
- .video-js.skin_news_live .custom-spaced-progress-bar {
533
+ .video-js.skin_news .custom-spaced-progress-bar {
796
534
  position: absolute;
797
535
  width: 100%;
798
536
  display: flex;
@@ -800,7 +538,7 @@ iframe{
800
538
  top: -0.5em;
801
539
  }
802
540
 
803
- .video-js.skin_news_live .vjs-progress-control {
541
+ .video-js.skin_news .vjs-progress-control {
804
542
  /* left: -6px; */
805
543
  position: relative;
806
544
  width: 100%;
@@ -808,25 +546,22 @@ iframe{
808
546
  transition: height 0.1s, top 0.1s;
809
547
  }
810
548
 
811
- .video-js.skin_news_live .vjs-volume-panel{
812
- min-width: 5.3em;
813
- }
814
549
 
815
550
 
816
551
 
817
- .video-js.skin_news_live .vjs-custom-control-spacer {
818
- /* display: block; */
819
- /* flex: 1 1 auto; */
552
+ .video-js.skin_news .vjs-custom-control-spacer {
553
+ display: block;
554
+ flex: 1 1 auto;
820
555
  }
821
556
 
822
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
557
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
823
558
  margin: 0 0px 0 0px;
824
559
  }
825
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
560
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
826
561
  display: none;
827
562
  }
828
563
 
829
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
564
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
830
565
  font-size: 14px;
831
566
  font-weight: 500;
832
567
  align-self: center;
@@ -835,30 +570,30 @@ iframe{
835
570
  border-radius: 8px;
836
571
  }
837
572
 
838
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
573
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
839
574
  height: 6px !important;
840
575
  }
841
576
 
842
- .video-js.skin_news_live .vjs-play-progress:before {
577
+ .video-js.skin_news .vjs-play-progress:before {
843
578
  font-size: 1.5em;
844
579
  line-height: unset;
845
580
  top: -0.3333333333em;
846
581
  }
847
582
 
848
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
583
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
849
584
  display: none !important;
850
585
  }
851
586
 
852
587
  /* */
853
- .video-js.skin_news_live .vjs-mouse-display{
588
+ .video-js.skin_news .vjs-mouse-display{
854
589
  font-size: 1.6666666667em;
855
590
  }
856
591
 
857
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
592
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
858
593
  font-size: 1em !important;
859
594
  }
860
595
 
861
- .video-js.skin_news_live .vjs-button{
596
+ .video-js.skin_news .vjs-button{
862
597
  width: 5.3em;
863
598
  display: flex;
864
599
  align-items: center;
@@ -866,71 +601,63 @@ iframe{
866
601
  }
867
602
 
868
603
 
869
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
604
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
870
605
  .icon-maximize {
871
606
  display: block;
872
607
  height: 32px;
873
608
  }
874
609
 
875
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
610
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
876
611
  line-height: 4;
877
612
  }
878
613
 
879
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
614
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
880
615
  .icon-minimize {
881
616
  display: none;
882
617
  height: 32px;
883
618
  }
884
619
 
885
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
620
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
886
621
  outline: none !important;
887
- /* flex: 1; */
888
- }
889
- .video-js.skin_news_live .vjs-play-toggle-container{
890
- display: flex;
891
- flex: 1;
892
- justify-content: center;
893
622
  }
894
-
895
-
896
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
623
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
897
624
  .vjs-icon-fullscreen-enter:before {
898
625
  /* content: '' !important; */
899
626
  }
900
627
 
901
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
628
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
902
629
  display: flex;
903
630
  justify-content: center;
904
631
  align-items: center;
905
632
  /* transform: rotate(90deg); */
906
633
  }
907
634
 
908
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
635
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
909
636
  display: none;
910
637
  }
911
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
638
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
912
639
  margin-left: -10px;
913
640
  }
914
641
 
915
- .video-js.skin_news_live .skipbtn:hover{
642
+ .video-js.skin_news .skipbtn:hover{
916
643
  cursor: pointer;
917
644
  }
918
645
 
919
- .video-js.skin_news_live .rewindbtn:hover{
646
+ .video-js.skin_news .rewindbtn:hover{
920
647
  cursor: pointer;
921
648
  }
922
649
 
923
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
650
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
924
651
  position: relative;
925
652
  padding-left: 0;
926
653
  }
927
654
 
928
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
655
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
929
656
  display: none !important;
930
657
  }
931
658
 
932
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
933
- /* width: 90px;
659
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
660
+ width: 90px;
934
661
  height: 90px;
935
662
  display: flex;
936
663
  justify-content: center;
@@ -945,20 +672,19 @@ iframe{
945
672
  font-size: 6em;
946
673
  line-height: 1.4em;
947
674
  border: 0.05em solid;
948
- color: inherit; */
949
- display: none !important;
675
+ color: inherit;
950
676
  }
951
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
677
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
952
678
  font-weight: bold;
953
679
  }
954
680
 
955
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
681
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
956
682
  bottom: 2.4em !important;
957
683
  right: -1em;
958
684
  z-index: 1;
959
685
  }
960
686
 
961
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
687
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
962
688
  width: 24px !important;
963
689
  height: 24px !important;
964
690
  }
@@ -968,34 +694,34 @@ iframe{
968
694
  }
969
695
 
970
696
 
971
- .video-js.skin_news_live button.vjs-rewind-button{
697
+ .video-js.skin_news button.vjs-rewind-button{
972
698
  cursor: pointer;
973
699
  }
974
700
 
975
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
701
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
976
702
  padding-right: 0;
977
- display: none;
978
703
  }
979
704
 
980
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
705
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
981
706
  padding-left: 0;
982
- display: none;
983
707
  }
984
708
 
985
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
709
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
986
710
  padding-left: 0;
987
711
  padding-right: 0;
988
- display: none;
712
+ display: flex;
713
+ justify-content: center;
714
+ width: min-content;
989
715
  }
990
716
 
991
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
717
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
992
718
  display: none
993
719
  }
994
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
720
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
995
721
  display: none
996
722
  }
997
723
 
998
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
724
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
999
725
  display: flex;
1000
726
  align-items: center;
1001
727
  font-weight: 700;
@@ -1003,26 +729,26 @@ iframe{
1003
729
  min-width: 1.2em;
1004
730
  }
1005
731
 
1006
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
732
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1007
733
  display: none;
1008
734
  font-size: 11px;
1009
735
  justify-content: center;
1010
736
  align-items: center;
1011
737
  user-select: none;
1012
738
  }
1013
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
739
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1014
740
  display: none;
1015
741
  }
1016
742
 
1017
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
743
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1018
744
  height: min-content;
1019
745
  width: min-content;
1020
746
  }
1021
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
747
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1022
748
  width: 6em;
1023
749
  }
1024
750
 
1025
- .video-js.skin_news_live .content{
751
+ .video-js.skin_news .content{
1026
752
  bottom: 3.4rem !important;
1027
753
  right: -4rem !important;
1028
754
  }
@@ -1046,11 +772,10 @@ iframe{
1046
772
  height: 100%;
1047
773
  }
1048
774
 
1049
- .video-js.skin_news_live .vjs-live-control{
775
+ .video-js.skin_news .vjs-live-control{
1050
776
  align-items: center;
1051
- display: none;
1052
777
  }
1053
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
778
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1054
779
  height: 2.2em;
1055
780
  display: flex;
1056
781
  align-items: center;
@@ -1061,22 +786,43 @@ iframe{
1061
786
  margin: 4px 0px 4px 12px;
1062
787
  }
1063
788
 
1064
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
789
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1065
790
  text-shadow: none;
1066
791
  }
792
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
793
+ display: none;
794
+ font-size: 12px;
795
+ }
1067
796
 
1068
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1069
- display: flex;
797
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
798
+ height: 2.2em;
799
+ display: inline-flex;
800
+ align-items: center;
801
+ /* font-family: monospace; */
1070
802
  justify-content: center;
1071
- min-width: 5.3em;
1072
- pointer-events: none;
1073
- user-select: none;
803
+ border: 2px solid;
804
+ margin: 4px 0px 4px 6px;
805
+ white-space: pre;
806
+ padding: 0px 6px;
807
+ font-size: 1.2em;
808
+ font-weight: 500;
809
+ color: rgba(255, 255, 2555, 0.7);
810
+
811
+ letter-spacing: -.1px;
812
+ line-height: normal;
813
+ text-transform: uppercase;
814
+ color: #FFFFFF;
815
+ opacity: .7;
816
+ font-family: "Proxima Nova";
1074
817
  }
1075
818
 
1076
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1077
- color: white;
819
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
820
+ opacity: 1;
1078
821
  }
1079
822
 
823
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
824
+ content: "NOT LIVE";
825
+ }
1080
826
 
1081
827
  .settings-selection.vjs-control.vjs-button{
1082
828
  display: flex !important;
@@ -1093,57 +839,57 @@ iframe{
1093
839
  .tvProviderImage{
1094
840
  display: none
1095
841
  }
1096
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
842
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1097
843
  .icon-maximize {
1098
844
  height: 30px !important;
1099
845
  }
1100
846
 
1101
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
847
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1102
848
  .icon-minimize {
1103
849
  height: 30px !important;
1104
850
  }
1105
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
851
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1106
852
  width: 4.5em;
1107
853
  }
1108
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
854
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1109
855
  height: min-content;
1110
856
  }
1111
857
 
1112
- .video-js.skin_news_live button.vjs-slowmo-button{
858
+ .video-js.skin_news button.vjs-slowmo-button{
1113
859
  display: none;
1114
860
  }
1115
- .video-js.skin_news_live button.vjs-rewind-button{
861
+ .video-js.skin_news button.vjs-rewind-button{
1116
862
  display: none;
1117
863
  }
1118
- .video-js.skin_news_live button.vjs-rewind-button>svg{
864
+ .video-js.skin_news button.vjs-rewind-button>svg{
1119
865
  height: 20px;
1120
866
  }
1121
- .video-js.skin_news_live .vjs-button{
867
+ .video-js.skin_news .vjs-button{
1122
868
  width: 4.8em;
1123
869
  }
1124
- .video-js.skin_news_live .widget-selection{
870
+ .video-js.skin_news .widget-selection{
1125
871
  display: none;
1126
872
  }
1127
- .video-js.skin_news_live .container{
873
+ .video-js.skin_news .container{
1128
874
  display: none !important;
1129
875
  }
1130
- .video-js.skin_news_live .vjs-control-bar{
876
+ .video-js.skin_news .vjs-control-bar{
1131
877
  height: 4em !important;
1132
878
  }
1133
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
879
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1134
880
  font-size: 2.5em;
1135
881
  line-height: 1.5;
1136
882
  }
1137
- .video-js.skin_news_live .vjs-play-progress:before {
883
+ .video-js.skin_news .vjs-play-progress:before {
1138
884
  font-size: 1.2em;
1139
885
  position: absolute;
1140
886
  right: -0.5em;
1141
887
  z-index: 1;
1142
888
  }
1143
- .video-js.skin_news_live button.vjs-skip-button>svg{
889
+ .video-js.skin_news button.vjs-skip-button>svg{
1144
890
  height: 20px;
1145
891
  }
1146
- .video-js.skin_news_live button.vjs-big-play-button {
892
+ .video-js.skin_news button.vjs-big-play-button {
1147
893
  width: 50px !important;
1148
894
  height: 50px !important;
1149
895
  font-size: 2.1rem !important;
@@ -1153,17 +899,17 @@ iframe{
1153
899
  width: 24px;
1154
900
  height: 24px;
1155
901
  }
1156
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
902
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1157
903
  margin: 0 12px 0 12px;
1158
904
  }
1159
- .video-js.skin_news_live .vjs-seek-to-live-text{
905
+ .video-js.skin_news .vjs-seek-to-live-text{
1160
906
  font-size: 12px;
1161
907
  }
1162
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
908
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1163
909
  margin: 0 12px 0 12px;
1164
910
  }
1165
911
  }
1166
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
912
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1167
913
  width: 90px;
1168
914
  height: 90px;
1169
915
  display: flex;
@@ -1180,7 +926,7 @@ iframe{
1180
926
  line-height: 1.4em;
1181
927
  }
1182
928
 
1183
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
929
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1184
930
  display: flex;
1185
931
  justify-content: center;
1186
932
  align-items: center;
@@ -1188,22 +934,29 @@ iframe{
1188
934
  transition: width 0.1s;
1189
935
  }
1190
936
 
1191
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
937
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1192
938
  display: flex;
1193
939
  justify-content: center;
1194
940
  align-items: center;
1195
941
  height: 100%;
1196
942
  transition: width 0.1s;
1197
943
  }
1198
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
944
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1199
945
  display: none !important;
1200
946
  }
947
+ .video-js.skin_news .ssai-ad-container{
948
+ position: absolute;
949
+ bottom: 14px;
950
+ }
1201
951
 
1202
952
  @media (max-width: 576px) {
1203
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
953
+ .video-js.skin_news .ssai-ad-container{
954
+ bottom: 2px;
955
+ }
956
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1204
957
  height: 5px !important;
1205
958
  }
1206
- .video-js.skin_news_live button.vjs-big-play-button {
959
+ .video-js.skin_news button.vjs-big-play-button {
1207
960
  width: 50px !important;
1208
961
  height: 50px !important;
1209
962
  font-size: 2.1rem !important;
@@ -1212,59 +965,70 @@ iframe{
1212
965
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1213
966
  display: none;
1214
967
  }
1215
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
968
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1216
969
  bottom: 2.4em !important;
1217
970
  right: -1em;
1218
971
  z-index: 1;
1219
972
  }
1220
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
973
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1221
974
  display: none !important;
1222
975
  }
1223
976
 
1224
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
977
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1225
978
  color: white !important;
1226
979
  font-size: 13px !important;
1227
980
  background-color: black !important;
1228
981
  }
1229
982
  }
1230
983
 
1231
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1232
- width: 100% !important;
1233
- }
1234
-
1235
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
984
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1236
985
  color: white !important;
1237
986
  font-size: 16px !important;
1238
987
  background-color: black !important;
1239
988
  }
1240
989
 
1241
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
990
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1242
991
  margin-bottom: 2rem !important;
1243
992
  }
1244
993
 
1245
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
994
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1246
995
  font-size: 18px !important;
1247
996
  }
1248
997
 
1249
998
 
1250
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1251
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
999
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1000
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1252
1001
  font-size: 1.2em !important;
1253
1002
  line-height: 1.5em !important;
1254
1003
  padding: 0.2em 0.8em !important;
1255
1004
  }
1256
1005
 
1257
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1006
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1258
1007
  content: none !important;
1259
1008
  fill: none !important;
1260
1009
  filter: none !important;
1261
1010
  }
1262
1011
 
1263
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1012
+ /* svg icons opacity and hover effect */
1013
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1014
+ opacity: 0.7 !important;
1015
+ }
1016
+
1017
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1018
+ opacity: 1 !important;
1019
+ }
1020
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1021
+ opacity: 0.7 !important;
1022
+ }
1023
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1024
+ opacity: 1 !important;
1025
+ }
1026
+
1027
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1264
1028
  color: rgba(255, 255, 2555, 0.7)!important;
1265
1029
  }
1266
1030
 
1267
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1031
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1268
1032
  color: rgba(255, 255, 2555, 1)!important;
1269
1033
  }
1270
1034
 
@@ -1647,97 +1411,333 @@ iframe{
1647
1411
  height: 20px;
1648
1412
  }
1649
1413
 
1650
- .stream-selector-icon>svg{
1651
- width: 24px;
1652
- height: 24px;
1653
- }
1654
- .video-js.skin_mini .vjs-seek-to-live-text{
1655
- font-size: 12px;
1414
+ .stream-selector-icon>svg{
1415
+ width: 24px;
1416
+ height: 24px;
1417
+ }
1418
+ .video-js.skin_mini .vjs-seek-to-live-text{
1419
+ font-size: 12px;
1420
+ }
1421
+
1422
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1423
+ color: white !important;
1424
+ font-size: 16px !important;
1425
+ background-color: rgba(0,0,0,0.2) !important;
1426
+ }
1427
+ }
1428
+
1429
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1430
+ color: white !important;
1431
+ font-size: 16px !important;
1432
+ background-color: rgba(0,0,0,0.2) !important;
1433
+ }
1434
+
1435
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1436
+ font-size: 18px !important;
1437
+ }
1438
+
1439
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1440
+ margin-bottom: 1rem !important;
1441
+ }
1442
+
1443
+
1444
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1445
+ display: flex;
1446
+ justify-content: center;
1447
+ align-items: center;
1448
+ height: 100%;
1449
+ transition: width 0.1s;
1450
+ }
1451
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1452
+ margin: 2px;
1453
+ }
1454
+
1455
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1456
+ display: flex;
1457
+ justify-content: center;
1458
+ align-items: center;
1459
+ height: 100%;
1460
+ transition: width 0.1s;
1461
+ }
1462
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1463
+ display: grid;
1464
+ font-size: 10px;
1465
+ grid-template-columns: 1fr;
1466
+ grid-template-rows: 1fr;
1467
+ padding: 1px 0px 0 0px;
1468
+ margin: 0;
1469
+ }
1470
+
1471
+ @media (max-width: 600px) {
1472
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1473
+ height: 5px !important;
1474
+ }
1475
+
1476
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1477
+ display: none;
1478
+ }
1479
+
1480
+ }
1481
+
1482
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1483
+ content: none !important;
1484
+ fill: none !important;
1485
+ filter: none !important;
1486
+ }
1487
+
1488
+ /* svg icons opacity and hover effect */
1489
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1490
+ opacity: 0.7 !important;
1491
+ }
1492
+
1493
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1494
+ opacity: 1 !important;
1495
+ }
1496
+
1497
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1498
+ color: rgba(255, 255, 2555, 0.7)!important;
1499
+ }
1500
+
1501
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1502
+ color: rgba(255, 255, 2555, 1)!important;
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
+
1546
+ }
1547
+
1548
+
1549
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1550
+ display: block;
1551
+ flex: 1 1 auto;
1552
+ }
1553
+
1554
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1555
+ z-index: 1;
1556
+ }
1557
+
1558
+
1559
+ .video-js.skin_vlone .vjs-control-bar {
1560
+ height: 40px;
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;
1566
+ }
1567
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1568
+ display: flex;
1569
+ left: 0px;
1570
+ top: -1px;
1571
+ }
1572
+
1573
+ .vjs-button>.vjs-icon-placeholder:before {
1574
+ font-size: 2em !important;
1575
+ }
1576
+
1577
+ .video-js.skin_vlone .vjs-control {
1578
+ width: 4.3em;
1579
+ }
1580
+
1581
+ .vjs-menu-button-popup .vjs-menu {
1582
+ bottom: 10px !important;
1656
1583
  }
1657
1584
 
1658
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1659
- color: white !important;
1660
- font-size: 16px !important;
1661
- background-color: rgba(0,0,0,0.2) !important;
1662
- }
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;
1663
1591
  }
1664
1592
 
1665
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1666
- color: white !important;
1667
- font-size: 16px !important;
1668
- background-color: rgba(0,0,0,0.2) !important;
1593
+
1594
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1595
+ display: none !important;
1669
1596
  }
1670
1597
 
1671
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1672
- font-size: 18px !important;
1598
+ .video-js.skin_vlone .vjs-time-control {
1599
+ display: block;
1600
+ }
1601
+ .video-js.skin_vlone .vjs-remaining-time {
1602
+ display: none;
1673
1603
  }
1674
1604
 
1675
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1676
- margin-bottom: 1rem !important;
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;
1677
1609
  }
1678
1610
 
1611
+ .video-js.skin_vlone .vjs-time-divider > div{
1612
+ display: flex;
1613
+ justify-content: center;
1614
+ }
1679
1615
 
1680
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1681
- display: flex;
1682
- justify-content: center;
1683
- align-items: center;
1684
- height: 100%;
1685
- transition: width 0.1s;
1616
+ .video-js.skin_vlone .vjs-live-control{
1617
+ align-items: center;
1686
1618
  }
1687
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1688
- margin: 2px;
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;
1689
1631
  }
1690
1632
 
1691
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1692
- display: flex;
1693
- justify-content: center;
1694
- align-items: center;
1695
- height: 100%;
1696
- transition: width 0.1s;
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;
1697
1640
  }
1698
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1699
- display: grid;
1700
- font-size: 10px;
1701
- grid-template-columns: 1fr;
1702
- grid-template-rows: 1fr;
1703
- padding: 1px 0px 0 0px;
1704
- margin: 0;
1641
+
1642
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1643
+ margin-left: 16px !important;
1705
1644
  }
1706
1645
 
1707
- @media (max-width: 600px) {
1708
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1709
- height: 5px !important;
1710
- }
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 {
1648
+ font-size: 1.2em !important;
1649
+ line-height: 1.5em !important;
1650
+ padding: 0.2em 0.8em !important;
1651
+ }
1711
1652
 
1712
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1713
- display: none;
1714
- }
1715
1653
 
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;
1716
1672
  }
1717
-
1718
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1719
- content: none !important;
1720
- fill: none !important;
1721
- filter: none !important;
1673
+ .video-js.skin_vlone .ssai-ad-container{
1674
+ position: absolute;
1675
+ bottom: 4px;
1722
1676
  }
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
+ }
1723
1684
 
1724
- /* svg icons opacity and hover effect */
1725
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1726
- opacity: 0.7 !important;
1685
+ .video-js.skin_vlone .ssai-ad-container {
1686
+ position: absolute;
1687
+ bottom: 2px;
1688
+ }
1689
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1690
+ display: none;
1727
1691
  }
1728
1692
 
1729
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1730
- opacity: 1 !important;
1693
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1694
+ display: none;
1731
1695
  }
1732
1696
 
1733
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1734
- color: rgba(255, 255, 2555, 0.7)!important;
1697
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1698
+ display: none;
1735
1699
  }
1700
+ }
1701
+
1736
1702
 
1737
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1738
- color: rgba(255, 255, 2555, 1)!important;
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;
1739
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
 
@@ -2125,6 +2125,38 @@ iframe{
2125
2125
  margin-left: 8px;
2126
2126
  }
2127
2127
  }
2128
+ /* a wrapper element that tracks the mouse vertically */
2129
+ .vjs-thumbnail-holder {
2130
+ position: absolute;
2131
+ left: -1000px;
2132
+ }
2133
+
2134
+ /* the thumbnail image itself */
2135
+ .vjs-thumbnail {
2136
+ position: absolute;
2137
+ left: 0;
2138
+ bottom: 1.3em;
2139
+ opacity: 0;
2140
+ transition: opacity .2s ease;
2141
+ -webkit-transition: opacity .2s ease;
2142
+ -moz-transition: opacity .2s ease;
2143
+ -mz-transition: opacity .2s ease;
2144
+ }
2145
+
2146
+ /* fade in the thumbnail when hovering over the progress bar */
2147
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2148
+ .vjs-progress-control:hover .vjs-thumbnail,
2149
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2150
+ .vjs-progress-control:active .vjs-thumbnail {
2151
+ opacity: 1;
2152
+ }
2153
+
2154
+ /* ... but hide the thumbnail when hovering directly over it */
2155
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2156
+ .vjs-progress-control:active .vjs-thumbnail:active {
2157
+ opacity: 0;
2158
+ }
2159
+
2128
2160
  .video-js.vjs-quality-menu {
2129
2161
  display: block;
2130
2162
  }
@@ -2195,38 +2227,6 @@ iframe{
2195
2227
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2196
2228
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2197
2229
  }
2198
- /* a wrapper element that tracks the mouse vertically */
2199
- .vjs-thumbnail-holder {
2200
- position: absolute;
2201
- left: -1000px;
2202
- }
2203
-
2204
- /* the thumbnail image itself */
2205
- .vjs-thumbnail {
2206
- position: absolute;
2207
- left: 0;
2208
- bottom: 1.3em;
2209
- opacity: 0;
2210
- transition: opacity .2s ease;
2211
- -webkit-transition: opacity .2s ease;
2212
- -moz-transition: opacity .2s ease;
2213
- -mz-transition: opacity .2s ease;
2214
- }
2215
-
2216
- /* fade in the thumbnail when hovering over the progress bar */
2217
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2218
- .vjs-progress-control:hover .vjs-thumbnail,
2219
- .vjs-progress-control.fake-active .vjs-thumbnail,
2220
- .vjs-progress-control:active .vjs-thumbnail {
2221
- opacity: 1;
2222
- }
2223
-
2224
- /* ... but hide the thumbnail when hovering directly over it */
2225
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2226
- .vjs-progress-control:active .vjs-thumbnail:active {
2227
- opacity: 0;
2228
- }
2229
-
2230
2230
  .vjs-poster {
2231
2231
  display: inline-block;
2232
2232
  vertical-align: middle;