@viewlift/player-backup 2.0.329-backup → 2.0.330-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 (57) hide show
  1. package/cjs/{autoNextVideo-e313efcf.js → autoNextVideo-69ef2f88.js} +1 -1
  2. package/cjs/bundle.css +465 -465
  3. package/cjs/{features-f6bc37dc.js → features-5c336366.js} +1 -1
  4. package/cjs/generic-d4d8c07e.js +1 -0
  5. package/cjs/{index-a451525b.js → index-0176e5f3.js} +1 -1
  6. package/cjs/{index-1ae0c7be.js → index-6455c5eb.js} +1 -1
  7. package/cjs/{index-eff6f3d1.js → index-a2295045.js} +1 -1
  8. package/cjs/index.js +1 -1
  9. package/cjs/{multicamv2-e3fac68a.js → multicamv2-3d6de978.js} +1 -1
  10. package/cjs/{multicamv2-02516abf.js → multicamv2-950a5e4a.js} +1 -1
  11. package/cjs/{nextEpisodeButton-2e51b74f.js → nextEpisodeButton-09a3c118.js} +1 -1
  12. package/cjs/{playlist-ac3e0128.js → playlist-d71abbf1.js} +1 -1
  13. package/cjs/{series-1b46cc76.js → series-107bdbd7.js} +1 -1
  14. package/cjs/{series-v2-1a02ad02.js → series-v2-3383d8cd.js} +1 -1
  15. package/cjs/{series-v2-5ddf1024.js → series-v2-c7ceb8f1.js} +1 -1
  16. package/cjs/{skin-7786a20f.js → skin-4e5683b8.js} +1 -1
  17. package/cjs/{skin-8b20ce13.js → skin-500e177a.js} +1 -1
  18. package/cjs/{skin-5ab5098d.js → skin-604bb193.js} +1 -1
  19. package/cjs/{skin-e70cd7e5.js → skin-62ecad6c.js} +1 -1
  20. package/cjs/{skin-e92a1f28.js → skin-70e4d21f.js} +1 -1
  21. package/cjs/{skin-4eb6cf11.js → skin-73c0df1e.js} +1 -1
  22. package/cjs/{skin-cc89ecae.js → skin-7cc2c18e.js} +1 -1
  23. package/cjs/{skin-bf241109.js → skin-a4044fd7.js} +1 -1
  24. package/cjs/{skin-3926faa3.js → skin-d1af7648.js} +1 -1
  25. package/cjs/{skin-b2cf11ad.js → skin-f1a1f09c.js} +1 -1
  26. package/cjs/{videoSelector-c45c25d6.js → videoSelector-1a37b507.js} +1 -1
  27. package/cjs/{videoSelector-bf5e6adc.js → videoSelector-9f4fb35a.js} +1 -1
  28. package/esm/{autoNextVideo-11cfc2a5.js → autoNextVideo-6b665209.js} +1 -1
  29. package/esm/bundle.css +465 -465
  30. package/esm/{features-6552142d.js → features-01896e3f.js} +1 -1
  31. package/esm/generic-f09dca9c.js +1 -0
  32. package/esm/{index-2106e328.js → index-2be83248.js} +1 -1
  33. package/esm/{index-a73b8941.js → index-55d062b5.js} +1 -1
  34. package/esm/{index-a3b754ff.js → index-d0150451.js} +1 -1
  35. package/esm/index.js +1 -1
  36. package/esm/{multicamv2-466631dc.js → multicamv2-66f6f70b.js} +1 -1
  37. package/esm/{multicamv2-3e1be80d.js → multicamv2-c95b8c7b.js} +1 -1
  38. package/esm/{nextEpisodeButton-184d31b1.js → nextEpisodeButton-b0b711a6.js} +1 -1
  39. package/esm/{playlist-70071d11.js → playlist-156f29a1.js} +1 -1
  40. package/esm/{series-b3a494c0.js → series-6b194228.js} +1 -1
  41. package/esm/{series-v2-2720d2ea.js → series-v2-1e2272a7.js} +1 -1
  42. package/esm/{series-v2-7a9438a7.js → series-v2-556f807a.js} +1 -1
  43. package/esm/{skin-82a118b7.js → skin-07352d26.js} +1 -1
  44. package/esm/{skin-ae467337.js → skin-12772214.js} +1 -1
  45. package/esm/{skin-5e02a78d.js → skin-2e7e3a2b.js} +1 -1
  46. package/esm/{skin-a0a2cbe4.js → skin-57a43e5d.js} +1 -1
  47. package/esm/{skin-4d2f88c0.js → skin-5afd9402.js} +1 -1
  48. package/esm/{skin-cd0cc0a7.js → skin-73ac3e26.js} +1 -1
  49. package/esm/{skin-531204df.js → skin-7ec3cd07.js} +1 -1
  50. package/esm/{skin-dbffdbc0.js → skin-9235bb9f.js} +1 -1
  51. package/esm/{skin-d7b60630.js → skin-cdc01d23.js} +1 -1
  52. package/esm/{skin-84d8d9de.js → skin-f2806fcf.js} +1 -1
  53. package/esm/{videoSelector-8a5ec98b.js → videoSelector-01195530.js} +1 -1
  54. package/esm/{videoSelector-fd7a3b03.js → videoSelector-2f39e0f7.js} +1 -1
  55. package/package.json +2 -2
  56. package/cjs/generic-29a1821f.js +0 -1
  57. package/esm/generic-15a83d12.js +0 -1
package/esm/bundle.css CHANGED
@@ -3,32 +3,231 @@
3
3
 
4
4
 
5
5
 
6
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
7
+ height: 0.7em;
8
+ position: absolute;
9
+ top: -0.7em;
10
+ width: 100%;
11
+ }
6
12
 
7
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
13
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
14
+ height: 100%;
15
+ }
16
+
17
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
18
+ line-height: 2.5;
19
+ }
20
+
21
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
22
+ height: 19px;
23
+ width: 19px;
24
+ cursor: pointer;
25
+ }
26
+ .video-js.skin_vlone .vjs-control {
27
+ user-select: none;
28
+ }
29
+ .video-js.skin_vlone .vjs-custom-control-spacer{
30
+ user-select: none;
31
+ }
32
+
33
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
34
+ height: 19px;
35
+ width: 19px;
36
+ cursor: pointer;
37
+ }
38
+
39
+ .video-js.skin_vlone .vjs-play-progress:before {
40
+ display: none !important;
41
+ }
42
+
43
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
44
+ margin: 0 !important;
45
+
46
+ }
47
+
48
+
49
+ .video-js.skin_vlone .vjs-custom-control-spacer {
50
+ display: block;
51
+ flex: 1 1 auto;
52
+ }
53
+
54
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
55
+ z-index: 1;
56
+ }
57
+
58
+
59
+ .video-js.skin_vlone .vjs-control-bar {
60
+ height: 40px;
61
+ }
62
+
63
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
64
+ .vjs-button>.vjs-icon-placeholder:before {
65
+ position: relative !important;
66
+ }
67
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
68
+ display: flex;
69
+ left: 0px;
70
+ top: -1px;
71
+ }
72
+
73
+ .vjs-button>.vjs-icon-placeholder:before {
74
+ font-size: 2em !important;
75
+ }
76
+
77
+ .video-js.skin_vlone .vjs-control {
78
+ width: 4.3em;
79
+ }
80
+
81
+ .vjs-menu-button-popup .vjs-menu {
82
+ bottom: 10px !important;
83
+ }
84
+
85
+
86
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
87
+ height: 1.3em;
88
+ position: absolute;
89
+ top: -1.3em;
90
+ transition: height 0.3s, top 0.3s;
91
+ }
92
+
93
+
94
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
95
+ display: none !important;
96
+ }
97
+
98
+ .video-js.skin_vlone .vjs-time-control {
99
+ display: block;
100
+ }
101
+ .video-js.skin_vlone .vjs-remaining-time {
102
+ display: none;
103
+ }
104
+
105
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
106
+ line-height: 3.5em;
107
+ font-size: 1.1em;
108
+ min-width: 4em;
109
+ }
110
+
111
+ .video-js.skin_vlone .vjs-time-divider > div{
112
+ display: flex;
113
+ justify-content: center;
114
+ }
115
+
116
+ .video-js.skin_vlone .vjs-live-control{
117
+ align-items: center;
118
+ }
119
+ .video-js.skin_vlone .vjs-live-display{
120
+ height: 2.2em;
121
+ display: flex;
122
+ align-items: center;
123
+ font-family: monospace;
124
+ width: 4em;
125
+ justify-content: center;
126
+ background: red;
127
+ margin: 4px 0px 4px 12px;
128
+ }
129
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
130
+ background: #6b6b6b;
131
+ }
132
+ .video-js.skin_vlone .vjs-live-display:hover{
133
+ cursor: pointer;
134
+ }
135
+
136
+ .video-js.skin_vlone .vjs-time-control {
137
+ line-height: 3.5em !important;
138
+ font-size: 1.1em !important;
139
+ width: min-content !important;
140
+ min-width: 1.5em;
141
+ padding: 0 !important;
142
+ user-select: none;
143
+ }
144
+
145
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
146
+ margin-left: 16px !important;
147
+ }
148
+
149
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
150
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
151
+ font-size: 1.2em !important;
152
+ line-height: 1.5em !important;
153
+ padding: 0.2em 0.8em !important;
154
+ }
155
+
156
+
157
+ /* Big play */
158
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
159
+ width: 80px;
160
+ height: 80px;
161
+ display: flex;
162
+ justify-content: center;
163
+ align-items: center;
164
+ border: none;
165
+ position: absolute;
166
+ top: 0;
167
+ left: 0;
168
+ right: 0;
169
+ bottom: 0;
170
+ margin: auto;
171
+ font-size: 5em;
172
+ line-height: 1.3em;
173
+ transform: none !important;
174
+ border-radius: 1.3em;
175
+ }
176
+ .video-js.skin_vlone .ssai-ad-container{
177
+ position: absolute;
178
+ bottom: 4px;
179
+ }
180
+
181
+ @media(max-width:600px){
182
+ .video-js.skin_vlone button.vjs-big-play-button {
183
+ width: 50px !important;
184
+ height: 50px !important;
185
+ font-size: 2.1rem !important;
186
+ }
187
+
188
+ .video-js.skin_vlone .ssai-ad-container {
189
+ position: absolute;
190
+ bottom: 2px;
191
+ }
192
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
193
+ display: none;
194
+ }
195
+
196
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
197
+ /* display: none; */
198
+ }
199
+
200
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
201
+ /* display: none; */
202
+ }
203
+ }
204
+
205
+
206
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
8
207
  font-size: 2.2em;
9
208
  line-height: 2.6;
10
209
  }
11
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
12
- background: #fcb700;
210
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
211
+ background: white;
13
212
  }
14
- .video-js.skin_news_live .vjs-control-bar{
213
+ .video-js.skin_news .vjs-control-bar{
15
214
  z-index: 1 !important;
16
215
  height: 5em !important;
17
216
  background: black !important;
18
217
  }
19
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
218
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
20
219
  display: flex;
21
220
  align-items: center;
22
221
  justify-content: center;
23
222
  }
24
223
 
25
- .video-js.skin_news_live .vjs-fade>* {
224
+ .video-js.skin_news .vjs-fade>* {
26
225
  visibility: hidden !important;
27
226
  opacity: 0 !important;
28
227
  transition: visibility 1s, opacity 1s !important;
29
228
  }
30
229
 
31
- .video-js.skin_news_live .custom-spaced-progress-bar {
230
+ .video-js.skin_news .custom-spaced-progress-bar {
32
231
  position: absolute;
33
232
  width: 100%;
34
233
  display: flex;
@@ -36,7 +235,7 @@
36
235
  top: -0.5em;
37
236
  }
38
237
 
39
- .video-js.skin_news_live .vjs-progress-control {
238
+ .video-js.skin_news .vjs-progress-control {
40
239
  /* left: -6px; */
41
240
  position: relative;
42
241
  width: 100%;
@@ -44,25 +243,22 @@
44
243
  transition: height 0.1s, top 0.1s;
45
244
  }
46
245
 
47
- .video-js.skin_news_live .vjs-volume-panel{
48
- min-width: 5.3em;
49
- }
50
246
 
51
247
 
52
248
 
53
- .video-js.skin_news_live .vjs-custom-control-spacer {
54
- /* display: block; */
55
- /* flex: 1 1 auto; */
249
+ .video-js.skin_news .vjs-custom-control-spacer {
250
+ display: block;
251
+ flex: 1 1 auto;
56
252
  }
57
253
 
58
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
254
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
59
255
  margin: 0 0px 0 0px;
60
256
  }
61
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
257
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
62
258
  display: none;
63
259
  }
64
260
 
65
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
261
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
66
262
  font-size: 14px;
67
263
  font-weight: 500;
68
264
  align-self: center;
@@ -71,30 +267,30 @@
71
267
  border-radius: 8px;
72
268
  }
73
269
 
74
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
270
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
75
271
  height: 6px !important;
76
272
  }
77
273
 
78
- .video-js.skin_news_live .vjs-play-progress:before {
274
+ .video-js.skin_news .vjs-play-progress:before {
79
275
  font-size: 1.5em;
80
276
  line-height: unset;
81
277
  top: -0.3333333333em;
82
278
  }
83
279
 
84
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
280
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
85
281
  display: none !important;
86
282
  }
87
283
 
88
284
  /* */
89
- .video-js.skin_news_live .vjs-mouse-display{
285
+ .video-js.skin_news .vjs-mouse-display{
90
286
  font-size: 1.6666666667em;
91
287
  }
92
288
 
93
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
289
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
94
290
  font-size: 1em !important;
95
291
  }
96
292
 
97
- .video-js.skin_news_live .vjs-button{
293
+ .video-js.skin_news .vjs-button{
98
294
  width: 5.3em;
99
295
  display: flex;
100
296
  align-items: center;
@@ -102,71 +298,63 @@
102
298
  }
103
299
 
104
300
 
105
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
301
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
106
302
  .icon-maximize {
107
303
  display: block;
108
304
  height: 32px;
109
305
  }
110
306
 
111
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
307
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
112
308
  line-height: 4;
113
309
  }
114
310
 
115
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
311
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
116
312
  .icon-minimize {
117
313
  display: none;
118
314
  height: 32px;
119
315
  }
120
316
 
121
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
317
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
122
318
  outline: none !important;
123
- /* flex: 1; */
124
- }
125
- .video-js.skin_news_live .vjs-play-toggle-container{
126
- display: flex;
127
- flex: 1;
128
- justify-content: center;
129
319
  }
130
-
131
-
132
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
320
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
133
321
  .vjs-icon-fullscreen-enter:before {
134
322
  /* content: '' !important; */
135
323
  }
136
324
 
137
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
325
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
138
326
  display: flex;
139
327
  justify-content: center;
140
328
  align-items: center;
141
329
  /* transform: rotate(90deg); */
142
330
  }
143
331
 
144
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
332
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
145
333
  display: none;
146
334
  }
147
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
335
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
148
336
  margin-left: -10px;
149
337
  }
150
338
 
151
- .video-js.skin_news_live .skipbtn:hover{
339
+ .video-js.skin_news .skipbtn:hover{
152
340
  cursor: pointer;
153
341
  }
154
342
 
155
- .video-js.skin_news_live .rewindbtn:hover{
343
+ .video-js.skin_news .rewindbtn:hover{
156
344
  cursor: pointer;
157
345
  }
158
346
 
159
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
347
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
160
348
  position: relative;
161
349
  padding-left: 0;
162
350
  }
163
351
 
164
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
352
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
165
353
  display: none !important;
166
354
  }
167
355
 
168
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
169
- /* width: 90px;
356
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
357
+ width: 90px;
170
358
  height: 90px;
171
359
  display: flex;
172
360
  justify-content: center;
@@ -181,20 +369,19 @@
181
369
  font-size: 6em;
182
370
  line-height: 1.4em;
183
371
  border: 0.05em solid;
184
- color: inherit; */
185
- display: none !important;
372
+ color: inherit;
186
373
  }
187
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
374
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
188
375
  font-weight: bold;
189
376
  }
190
377
 
191
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
378
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
192
379
  bottom: 2.4em !important;
193
380
  right: -1em;
194
381
  z-index: 1;
195
382
  }
196
383
 
197
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
384
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
198
385
  width: 24px !important;
199
386
  height: 24px !important;
200
387
  }
@@ -204,34 +391,34 @@
204
391
  }
205
392
 
206
393
 
207
- .video-js.skin_news_live button.vjs-rewind-button{
394
+ .video-js.skin_news button.vjs-rewind-button{
208
395
  cursor: pointer;
209
396
  }
210
397
 
211
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
398
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
212
399
  padding-right: 0;
213
- display: none;
214
400
  }
215
401
 
216
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
402
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
217
403
  padding-left: 0;
218
- display: none;
219
404
  }
220
405
 
221
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
406
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
222
407
  padding-left: 0;
223
408
  padding-right: 0;
224
- display: none;
409
+ display: flex;
410
+ justify-content: center;
411
+ width: min-content;
225
412
  }
226
413
 
227
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
414
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
228
415
  display: none
229
416
  }
230
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
417
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
231
418
  display: none
232
419
  }
233
420
 
234
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
421
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
235
422
  display: flex;
236
423
  align-items: center;
237
424
  font-weight: 700;
@@ -239,26 +426,26 @@
239
426
  min-width: 1.2em;
240
427
  }
241
428
 
242
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
429
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
243
430
  display: none;
244
431
  font-size: 11px;
245
432
  justify-content: center;
246
433
  align-items: center;
247
434
  user-select: none;
248
435
  }
249
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
436
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
250
437
  display: none;
251
438
  }
252
439
 
253
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
440
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
254
441
  height: min-content;
255
442
  width: min-content;
256
443
  }
257
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
444
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
258
445
  width: 6em;
259
446
  }
260
447
 
261
- .video-js.skin_news_live .content{
448
+ .video-js.skin_news .content{
262
449
  bottom: 3.4rem !important;
263
450
  right: -4rem !important;
264
451
  }
@@ -277,16 +464,15 @@
277
464
  pointer-events:none
278
465
  }
279
466
 
280
- .video-js.skin_news_live iframe{
467
+ .video-js.skin_news iframe{
281
468
  width: 100%;
282
469
  height: 100%;
283
470
  }
284
471
 
285
- .video-js.skin_news_live .vjs-live-control{
472
+ .video-js.skin_news .vjs-live-control{
286
473
  align-items: center;
287
- display: none;
288
474
  }
289
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
475
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
290
476
  height: 2.2em;
291
477
  display: flex;
292
478
  align-items: center;
@@ -297,22 +483,43 @@
297
483
  margin: 4px 0px 4px 12px;
298
484
  }
299
485
 
300
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
486
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
301
487
  text-shadow: none;
302
488
  }
489
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
490
+ display: none;
491
+ font-size: 12px;
492
+ }
303
493
 
304
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
305
- display: flex;
494
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
495
+ height: 2.2em;
496
+ display: inline-flex;
497
+ align-items: center;
498
+ /* font-family: monospace; */
306
499
  justify-content: center;
307
- min-width: 5.3em;
308
- pointer-events: none;
309
- user-select: none;
500
+ border: 2px solid;
501
+ margin: 4px 0px 4px 6px;
502
+ white-space: pre;
503
+ padding: 0px 6px;
504
+ font-size: 1.2em;
505
+ font-weight: 500;
506
+ color: rgba(255, 255, 2555, 0.7);
507
+
508
+ letter-spacing: -.1px;
509
+ line-height: normal;
510
+ text-transform: uppercase;
511
+ color: #FFFFFF;
512
+ opacity: .7;
513
+ font-family: "Proxima Nova";
310
514
  }
311
515
 
312
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
313
- color: white;
516
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
517
+ opacity: 1;
314
518
  }
315
519
 
520
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
521
+ content: "NOT LIVE";
522
+ }
316
523
 
317
524
  .settings-selection.vjs-control.vjs-button{
318
525
  display: flex !important;
@@ -329,57 +536,57 @@
329
536
  .tvProviderImage{
330
537
  display: none
331
538
  }
332
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
539
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
333
540
  .icon-maximize {
334
541
  height: 30px !important;
335
542
  }
336
543
 
337
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
544
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
338
545
  .icon-minimize {
339
546
  height: 30px !important;
340
547
  }
341
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
548
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
342
549
  width: 4.5em;
343
550
  }
344
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
551
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
345
552
  height: min-content;
346
553
  }
347
554
 
348
- .video-js.skin_news_live button.vjs-slowmo-button{
555
+ .video-js.skin_news button.vjs-slowmo-button{
349
556
  display: none;
350
557
  }
351
- .video-js.skin_news_live button.vjs-rewind-button{
558
+ .video-js.skin_news button.vjs-rewind-button{
352
559
  display: none;
353
560
  }
354
- .video-js.skin_news_live button.vjs-rewind-button>svg{
561
+ .video-js.skin_news button.vjs-rewind-button>svg{
355
562
  height: 20px;
356
563
  }
357
- .video-js.skin_news_live .vjs-button{
564
+ .video-js.skin_news .vjs-button{
358
565
  width: 4.8em;
359
566
  }
360
- .video-js.skin_news_live .widget-selection{
567
+ .video-js.skin_news .widget-selection{
361
568
  display: none;
362
569
  }
363
- .video-js.skin_news_live .container{
570
+ .video-js.skin_news .container{
364
571
  display: none !important;
365
572
  }
366
- .video-js.skin_news_live .vjs-control-bar{
573
+ .video-js.skin_news .vjs-control-bar{
367
574
  height: 4em !important;
368
575
  }
369
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
576
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
370
577
  font-size: 2.5em;
371
578
  line-height: 1.5;
372
579
  }
373
- .video-js.skin_news_live .vjs-play-progress:before {
580
+ .video-js.skin_news .vjs-play-progress:before {
374
581
  font-size: 1.2em;
375
582
  position: absolute;
376
583
  right: -0.5em;
377
584
  z-index: 1;
378
585
  }
379
- .video-js.skin_news_live button.vjs-skip-button>svg{
586
+ .video-js.skin_news button.vjs-skip-button>svg{
380
587
  height: 20px;
381
588
  }
382
- .video-js.skin_news_live button.vjs-big-play-button {
589
+ .video-js.skin_news button.vjs-big-play-button {
383
590
  width: 50px !important;
384
591
  height: 50px !important;
385
592
  font-size: 2.1rem !important;
@@ -389,17 +596,17 @@
389
596
  width: 24px;
390
597
  height: 24px;
391
598
  }
392
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
599
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
393
600
  margin: 0 12px 0 12px;
394
601
  }
395
- .video-js.skin_news_live .vjs-seek-to-live-text{
602
+ .video-js.skin_news .vjs-seek-to-live-text{
396
603
  font-size: 12px;
397
604
  }
398
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
605
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
399
606
  margin: 0 12px 0 12px;
400
607
  }
401
608
  }
402
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
609
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
403
610
  width: 90px;
404
611
  height: 90px;
405
612
  display: flex;
@@ -416,7 +623,7 @@
416
623
  line-height: 1.4em;
417
624
  }
418
625
 
419
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
626
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
420
627
  display: flex;
421
628
  justify-content: center;
422
629
  align-items: center;
@@ -424,22 +631,29 @@
424
631
  transition: width 0.1s;
425
632
  }
426
633
 
427
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
634
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
428
635
  display: flex;
429
636
  justify-content: center;
430
637
  align-items: center;
431
638
  height: 100%;
432
639
  transition: width 0.1s;
433
640
  }
434
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
641
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
435
642
  display: none !important;
436
643
  }
644
+ .video-js.skin_news .ssai-ad-container{
645
+ position: absolute;
646
+ bottom: 14px;
647
+ }
437
648
 
438
649
  @media (max-width: 576px) {
439
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
650
+ .video-js.skin_news .ssai-ad-container{
651
+ bottom: 2px;
652
+ }
653
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
440
654
  height: 5px !important;
441
655
  }
442
- .video-js.skin_news_live button.vjs-big-play-button {
656
+ .video-js.skin_news button.vjs-big-play-button {
443
657
  width: 50px !important;
444
658
  height: 50px !important;
445
659
  font-size: 2.1rem !important;
@@ -448,69 +662,100 @@
448
662
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
449
663
  display: none;
450
664
  }
451
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
665
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
452
666
  bottom: 2.4em !important;
453
667
  right: -1em;
454
668
  z-index: 1;
455
669
  }
456
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
670
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
457
671
  display: none !important;
458
672
  }
459
673
 
674
+ .video-js.skin_news .vjs-text-track-display-ttml span {
675
+ color: white;
676
+ font-size: 13px;
677
+ background-color: black;
678
+ }
460
679
  }
461
680
 
462
- .video-js.skin_news_live .vjs-text-track-display-ttml {
463
- width: 100% !important;
681
+ .video-js.skin_news .vjs-text-track-display-ttml span {
682
+ color: white;
683
+ font-size: 16px;
684
+ background-color: black;
464
685
  }
465
686
 
466
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
467
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
687
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
688
+ margin-bottom: 2rem !important;
689
+ }
690
+
691
+ .video-js.skin_news .vjs-text-track-display-ttml p {
692
+ font-size: 18px !important;
693
+ }
694
+
695
+
696
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
697
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
468
698
  font-size: 1.2em !important;
469
699
  line-height: 1.5em !important;
470
700
  padding: 0.2em 0.8em !important;
471
701
  }
472
702
 
473
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
703
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
474
704
  content: none !important;
475
705
  fill: none !important;
476
706
  filter: none !important;
477
707
  }
478
708
 
479
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
709
+ /* svg icons opacity and hover effect */
710
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
711
+ opacity: 0.7 !important;
712
+ }
713
+
714
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
715
+ opacity: 1 !important;
716
+ }
717
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
718
+ opacity: 0.7 !important;
719
+ }
720
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
721
+ opacity: 1 !important;
722
+ }
723
+
724
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
480
725
  color: rgba(255, 255, 2555, 0.7)!important;
481
726
  }
482
727
 
483
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
728
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
484
729
  color: rgba(255, 255, 2555, 1)!important;
485
730
  }
486
731
 
487
732
 
488
733
 
489
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
734
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
490
735
  font-size: 2.2em;
491
736
  line-height: 2.6;
492
737
  }
493
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
494
- background: white;
738
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
739
+ background: #fcb700;
495
740
  }
496
- .video-js.skin_news .vjs-control-bar{
741
+ .video-js.skin_news_live .vjs-control-bar{
497
742
  z-index: 1 !important;
498
743
  height: 5em !important;
499
744
  background: black !important;
500
745
  }
501
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
746
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
502
747
  display: flex;
503
748
  align-items: center;
504
749
  justify-content: center;
505
750
  }
506
751
 
507
- .video-js.skin_news .vjs-fade>* {
752
+ .video-js.skin_news_live .vjs-fade>* {
508
753
  visibility: hidden !important;
509
754
  opacity: 0 !important;
510
755
  transition: visibility 1s, opacity 1s !important;
511
756
  }
512
757
 
513
- .video-js.skin_news .custom-spaced-progress-bar {
758
+ .video-js.skin_news_live .custom-spaced-progress-bar {
514
759
  position: absolute;
515
760
  width: 100%;
516
761
  display: flex;
@@ -518,7 +763,7 @@
518
763
  top: -0.5em;
519
764
  }
520
765
 
521
- .video-js.skin_news .vjs-progress-control {
766
+ .video-js.skin_news_live .vjs-progress-control {
522
767
  /* left: -6px; */
523
768
  position: relative;
524
769
  width: 100%;
@@ -526,22 +771,25 @@
526
771
  transition: height 0.1s, top 0.1s;
527
772
  }
528
773
 
774
+ .video-js.skin_news_live .vjs-volume-panel{
775
+ min-width: 5.3em;
776
+ }
529
777
 
530
778
 
531
779
 
532
- .video-js.skin_news .vjs-custom-control-spacer {
533
- display: block;
534
- flex: 1 1 auto;
780
+ .video-js.skin_news_live .vjs-custom-control-spacer {
781
+ /* display: block; */
782
+ /* flex: 1 1 auto; */
535
783
  }
536
784
 
537
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
785
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
538
786
  margin: 0 0px 0 0px;
539
787
  }
540
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
788
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
541
789
  display: none;
542
790
  }
543
791
 
544
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
792
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
545
793
  font-size: 14px;
546
794
  font-weight: 500;
547
795
  align-self: center;
@@ -550,30 +798,30 @@
550
798
  border-radius: 8px;
551
799
  }
552
800
 
553
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
801
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
554
802
  height: 6px !important;
555
803
  }
556
804
 
557
- .video-js.skin_news .vjs-play-progress:before {
805
+ .video-js.skin_news_live .vjs-play-progress:before {
558
806
  font-size: 1.5em;
559
807
  line-height: unset;
560
808
  top: -0.3333333333em;
561
809
  }
562
810
 
563
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
811
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
564
812
  display: none !important;
565
813
  }
566
814
 
567
815
  /* */
568
- .video-js.skin_news .vjs-mouse-display{
816
+ .video-js.skin_news_live .vjs-mouse-display{
569
817
  font-size: 1.6666666667em;
570
818
  }
571
819
 
572
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
820
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
573
821
  font-size: 1em !important;
574
822
  }
575
823
 
576
- .video-js.skin_news .vjs-button{
824
+ .video-js.skin_news_live .vjs-button{
577
825
  width: 5.3em;
578
826
  display: flex;
579
827
  align-items: center;
@@ -581,63 +829,71 @@
581
829
  }
582
830
 
583
831
 
584
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
832
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
585
833
  .icon-maximize {
586
834
  display: block;
587
835
  height: 32px;
588
836
  }
589
837
 
590
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
838
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
591
839
  line-height: 4;
592
840
  }
593
841
 
594
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
842
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
595
843
  .icon-minimize {
596
844
  display: none;
597
845
  height: 32px;
598
846
  }
599
847
 
600
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
848
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
601
849
  outline: none !important;
850
+ /* flex: 1; */
602
851
  }
603
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
852
+ .video-js.skin_news_live .vjs-play-toggle-container{
853
+ display: flex;
854
+ flex: 1;
855
+ justify-content: center;
856
+ }
857
+
858
+
859
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
604
860
  .vjs-icon-fullscreen-enter:before {
605
861
  /* content: '' !important; */
606
862
  }
607
863
 
608
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
864
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
609
865
  display: flex;
610
866
  justify-content: center;
611
867
  align-items: center;
612
868
  /* transform: rotate(90deg); */
613
869
  }
614
870
 
615
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
871
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
616
872
  display: none;
617
873
  }
618
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
874
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
619
875
  margin-left: -10px;
620
876
  }
621
877
 
622
- .video-js.skin_news .skipbtn:hover{
878
+ .video-js.skin_news_live .skipbtn:hover{
623
879
  cursor: pointer;
624
880
  }
625
881
 
626
- .video-js.skin_news .rewindbtn:hover{
882
+ .video-js.skin_news_live .rewindbtn:hover{
627
883
  cursor: pointer;
628
884
  }
629
885
 
630
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
886
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
631
887
  position: relative;
632
888
  padding-left: 0;
633
889
  }
634
890
 
635
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
891
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
636
892
  display: none !important;
637
893
  }
638
894
 
639
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
640
- width: 90px;
895
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
896
+ /* width: 90px;
641
897
  height: 90px;
642
898
  display: flex;
643
899
  justify-content: center;
@@ -652,19 +908,20 @@
652
908
  font-size: 6em;
653
909
  line-height: 1.4em;
654
910
  border: 0.05em solid;
655
- color: inherit;
911
+ color: inherit; */
912
+ display: none !important;
656
913
  }
657
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
914
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
658
915
  font-weight: bold;
659
916
  }
660
917
 
661
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
918
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
662
919
  bottom: 2.4em !important;
663
920
  right: -1em;
664
921
  z-index: 1;
665
922
  }
666
923
 
667
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
924
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
668
925
  width: 24px !important;
669
926
  height: 24px !important;
670
927
  }
@@ -674,34 +931,34 @@
674
931
  }
675
932
 
676
933
 
677
- .video-js.skin_news button.vjs-rewind-button{
934
+ .video-js.skin_news_live button.vjs-rewind-button{
678
935
  cursor: pointer;
679
936
  }
680
937
 
681
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
938
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
682
939
  padding-right: 0;
940
+ display: none;
683
941
  }
684
942
 
685
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
943
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
686
944
  padding-left: 0;
945
+ display: none;
687
946
  }
688
947
 
689
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
948
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
690
949
  padding-left: 0;
691
950
  padding-right: 0;
692
- display: flex;
693
- justify-content: center;
694
- width: min-content;
951
+ display: none;
695
952
  }
696
953
 
697
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
954
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
698
955
  display: none
699
956
  }
700
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
957
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
701
958
  display: none
702
959
  }
703
960
 
704
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
961
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
705
962
  display: flex;
706
963
  align-items: center;
707
964
  font-weight: 700;
@@ -709,26 +966,26 @@
709
966
  min-width: 1.2em;
710
967
  }
711
968
 
712
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
969
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
713
970
  display: none;
714
971
  font-size: 11px;
715
972
  justify-content: center;
716
973
  align-items: center;
717
974
  user-select: none;
718
975
  }
719
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
976
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
720
977
  display: none;
721
978
  }
722
979
 
723
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
980
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
724
981
  height: min-content;
725
982
  width: min-content;
726
983
  }
727
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
984
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
728
985
  width: 6em;
729
986
  }
730
987
 
731
- .video-js.skin_news .content{
988
+ .video-js.skin_news_live .content{
732
989
  bottom: 3.4rem !important;
733
990
  right: -4rem !important;
734
991
  }
@@ -747,15 +1004,16 @@
747
1004
  pointer-events:none
748
1005
  }
749
1006
 
750
- .video-js.skin_news iframe{
1007
+ .video-js.skin_news_live iframe{
751
1008
  width: 100%;
752
1009
  height: 100%;
753
1010
  }
754
1011
 
755
- .video-js.skin_news .vjs-live-control{
1012
+ .video-js.skin_news_live .vjs-live-control{
756
1013
  align-items: center;
1014
+ display: none;
757
1015
  }
758
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1016
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
759
1017
  height: 2.2em;
760
1018
  display: flex;
761
1019
  align-items: center;
@@ -766,43 +1024,22 @@
766
1024
  margin: 4px 0px 4px 12px;
767
1025
  }
768
1026
 
769
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1027
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
770
1028
  text-shadow: none;
771
1029
  }
772
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
773
- display: none;
774
- font-size: 12px;
775
- }
776
1030
 
777
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
778
- height: 2.2em;
779
- display: inline-flex;
780
- align-items: center;
781
- /* font-family: monospace; */
1031
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1032
+ display: flex;
782
1033
  justify-content: center;
783
- border: 2px solid;
784
- margin: 4px 0px 4px 6px;
785
- white-space: pre;
786
- padding: 0px 6px;
787
- font-size: 1.2em;
788
- font-weight: 500;
789
- color: rgba(255, 255, 2555, 0.7);
790
-
791
- letter-spacing: -.1px;
792
- line-height: normal;
793
- text-transform: uppercase;
794
- color: #FFFFFF;
795
- opacity: .7;
796
- font-family: "Proxima Nova";
1034
+ min-width: 5.3em;
1035
+ pointer-events: none;
1036
+ user-select: none;
797
1037
  }
798
1038
 
799
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
800
- opacity: 1;
1039
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1040
+ color: white;
801
1041
  }
802
1042
 
803
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
804
- content: "NOT LIVE";
805
- }
806
1043
 
807
1044
  .settings-selection.vjs-control.vjs-button{
808
1045
  display: flex !important;
@@ -819,57 +1056,57 @@
819
1056
  .tvProviderImage{
820
1057
  display: none
821
1058
  }
822
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1059
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
823
1060
  .icon-maximize {
824
1061
  height: 30px !important;
825
1062
  }
826
1063
 
827
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1064
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
828
1065
  .icon-minimize {
829
1066
  height: 30px !important;
830
1067
  }
831
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1068
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
832
1069
  width: 4.5em;
833
1070
  }
834
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1071
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
835
1072
  height: min-content;
836
1073
  }
837
1074
 
838
- .video-js.skin_news button.vjs-slowmo-button{
1075
+ .video-js.skin_news_live button.vjs-slowmo-button{
839
1076
  display: none;
840
1077
  }
841
- .video-js.skin_news button.vjs-rewind-button{
1078
+ .video-js.skin_news_live button.vjs-rewind-button{
842
1079
  display: none;
843
1080
  }
844
- .video-js.skin_news button.vjs-rewind-button>svg{
1081
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
845
1082
  height: 20px;
846
1083
  }
847
- .video-js.skin_news .vjs-button{
1084
+ .video-js.skin_news_live .vjs-button{
848
1085
  width: 4.8em;
849
1086
  }
850
- .video-js.skin_news .widget-selection{
1087
+ .video-js.skin_news_live .widget-selection{
851
1088
  display: none;
852
1089
  }
853
- .video-js.skin_news .container{
1090
+ .video-js.skin_news_live .container{
854
1091
  display: none !important;
855
1092
  }
856
- .video-js.skin_news .vjs-control-bar{
1093
+ .video-js.skin_news_live .vjs-control-bar{
857
1094
  height: 4em !important;
858
1095
  }
859
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1096
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
860
1097
  font-size: 2.5em;
861
1098
  line-height: 1.5;
862
1099
  }
863
- .video-js.skin_news .vjs-play-progress:before {
1100
+ .video-js.skin_news_live .vjs-play-progress:before {
864
1101
  font-size: 1.2em;
865
1102
  position: absolute;
866
1103
  right: -0.5em;
867
1104
  z-index: 1;
868
1105
  }
869
- .video-js.skin_news button.vjs-skip-button>svg{
1106
+ .video-js.skin_news_live button.vjs-skip-button>svg{
870
1107
  height: 20px;
871
1108
  }
872
- .video-js.skin_news button.vjs-big-play-button {
1109
+ .video-js.skin_news_live button.vjs-big-play-button {
873
1110
  width: 50px !important;
874
1111
  height: 50px !important;
875
1112
  font-size: 2.1rem !important;
@@ -879,17 +1116,17 @@
879
1116
  width: 24px;
880
1117
  height: 24px;
881
1118
  }
882
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1119
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
883
1120
  margin: 0 12px 0 12px;
884
1121
  }
885
- .video-js.skin_news .vjs-seek-to-live-text{
1122
+ .video-js.skin_news_live .vjs-seek-to-live-text{
886
1123
  font-size: 12px;
887
1124
  }
888
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1125
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
889
1126
  margin: 0 12px 0 12px;
890
1127
  }
891
1128
  }
892
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1129
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
893
1130
  width: 90px;
894
1131
  height: 90px;
895
1132
  display: flex;
@@ -906,7 +1143,7 @@
906
1143
  line-height: 1.4em;
907
1144
  }
908
1145
 
909
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1146
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
910
1147
  display: flex;
911
1148
  justify-content: center;
912
1149
  align-items: center;
@@ -914,29 +1151,22 @@
914
1151
  transition: width 0.1s;
915
1152
  }
916
1153
 
917
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1154
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
918
1155
  display: flex;
919
1156
  justify-content: center;
920
1157
  align-items: center;
921
1158
  height: 100%;
922
1159
  transition: width 0.1s;
923
1160
  }
924
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1161
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
925
1162
  display: none !important;
926
1163
  }
927
- .video-js.skin_news .ssai-ad-container{
928
- position: absolute;
929
- bottom: 14px;
930
- }
931
1164
 
932
1165
  @media (max-width: 576px) {
933
- .video-js.skin_news .ssai-ad-container{
934
- bottom: 2px;
935
- }
936
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1166
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
937
1167
  height: 5px !important;
938
1168
  }
939
- .video-js.skin_news button.vjs-big-play-button {
1169
+ .video-js.skin_news_live button.vjs-big-play-button {
940
1170
  width: 50px !important;
941
1171
  height: 50px !important;
942
1172
  font-size: 2.1rem !important;
@@ -945,274 +1175,44 @@
945
1175
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
946
1176
  display: none;
947
1177
  }
948
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1178
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
949
1179
  bottom: 2.4em !important;
950
1180
  right: -1em;
951
1181
  z-index: 1;
952
1182
  }
953
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1183
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
954
1184
  display: none !important;
955
1185
  }
956
1186
 
957
- .video-js.skin_news .vjs-text-track-display-ttml span {
958
- color: white;
959
- font-size: 13px;
960
- background-color: black;
961
- }
962
- }
963
-
964
- .video-js.skin_news .vjs-text-track-display-ttml span {
965
- color: white;
966
- font-size: 16px;
967
- background-color: black;
968
- }
969
-
970
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
971
- margin-bottom: 2rem !important;
972
1187
  }
973
1188
 
974
- .video-js.skin_news .vjs-text-track-display-ttml p {
975
- font-size: 18px !important;
1189
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1190
+ width: 100% !important;
976
1191
  }
977
1192
 
978
-
979
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
980
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1193
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1194
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
981
1195
  font-size: 1.2em !important;
982
1196
  line-height: 1.5em !important;
983
1197
  padding: 0.2em 0.8em !important;
984
1198
  }
985
1199
 
986
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1200
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
987
1201
  content: none !important;
988
1202
  fill: none !important;
989
1203
  filter: none !important;
990
1204
  }
991
1205
 
992
- /* svg icons opacity and hover effect */
993
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
994
- opacity: 0.7 !important;
995
- }
996
-
997
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
998
- opacity: 1 !important;
999
- }
1000
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1001
- opacity: 0.7 !important;
1002
- }
1003
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1004
- opacity: 1 !important;
1005
- }
1006
-
1007
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1206
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1008
1207
  color: rgba(255, 255, 2555, 0.7)!important;
1009
1208
  }
1010
1209
 
1011
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1210
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1012
1211
  color: rgba(255, 255, 2555, 1)!important;
1013
1212
  }
1014
1213
 
1015
1214
 
1016
1215
 
1017
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1018
- height: 0.7em;
1019
- position: absolute;
1020
- top: -0.7em;
1021
- width: 100%;
1022
- }
1023
-
1024
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1025
- height: 100%;
1026
- }
1027
-
1028
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1029
- line-height: 2.5;
1030
- }
1031
-
1032
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1033
- height: 19px;
1034
- width: 19px;
1035
- cursor: pointer;
1036
- }
1037
- .video-js.skin_vlone .vjs-control {
1038
- user-select: none;
1039
- }
1040
- .video-js.skin_vlone .vjs-custom-control-spacer{
1041
- user-select: none;
1042
- }
1043
-
1044
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1045
- height: 19px;
1046
- width: 19px;
1047
- cursor: pointer;
1048
- }
1049
-
1050
- .video-js.skin_vlone .vjs-play-progress:before {
1051
- display: none !important;
1052
- }
1053
-
1054
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1055
- margin: 0 !important;
1056
-
1057
- }
1058
-
1059
-
1060
- .video-js.skin_vlone .vjs-custom-control-spacer {
1061
- display: block;
1062
- flex: 1 1 auto;
1063
- }
1064
-
1065
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1066
- z-index: 1;
1067
- }
1068
-
1069
-
1070
- .video-js.skin_vlone .vjs-control-bar {
1071
- height: 40px;
1072
- }
1073
-
1074
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1075
- .vjs-button>.vjs-icon-placeholder:before {
1076
- position: relative !important;
1077
- }
1078
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1079
- display: flex;
1080
- left: 0px;
1081
- top: -1px;
1082
- }
1083
-
1084
- .vjs-button>.vjs-icon-placeholder:before {
1085
- font-size: 2em !important;
1086
- }
1087
-
1088
- .video-js.skin_vlone .vjs-control {
1089
- width: 4.3em;
1090
- }
1091
-
1092
- .vjs-menu-button-popup .vjs-menu {
1093
- bottom: 10px !important;
1094
- }
1095
-
1096
-
1097
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1098
- height: 1.3em;
1099
- position: absolute;
1100
- top: -1.3em;
1101
- transition: height 0.3s, top 0.3s;
1102
- }
1103
-
1104
-
1105
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1106
- display: none !important;
1107
- }
1108
-
1109
- .video-js.skin_vlone .vjs-time-control {
1110
- display: block;
1111
- }
1112
- .video-js.skin_vlone .vjs-remaining-time {
1113
- display: none;
1114
- }
1115
-
1116
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1117
- line-height: 3.5em;
1118
- font-size: 1.1em;
1119
- min-width: 4em;
1120
- }
1121
-
1122
- .video-js.skin_vlone .vjs-time-divider > div{
1123
- display: flex;
1124
- justify-content: center;
1125
- }
1126
-
1127
- .video-js.skin_vlone .vjs-live-control{
1128
- align-items: center;
1129
- }
1130
- .video-js.skin_vlone .vjs-live-display{
1131
- height: 2.2em;
1132
- display: flex;
1133
- align-items: center;
1134
- font-family: monospace;
1135
- width: 4em;
1136
- justify-content: center;
1137
- background: red;
1138
- margin: 4px 0px 4px 12px;
1139
- }
1140
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
1141
- background: #6b6b6b;
1142
- }
1143
- .video-js.skin_vlone .vjs-live-display:hover{
1144
- cursor: pointer;
1145
- }
1146
-
1147
- .video-js.skin_vlone .vjs-time-control {
1148
- line-height: 3.5em !important;
1149
- font-size: 1.1em !important;
1150
- width: min-content !important;
1151
- min-width: 1.5em;
1152
- padding: 0 !important;
1153
- user-select: none;
1154
- }
1155
-
1156
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1157
- margin-left: 16px !important;
1158
- }
1159
-
1160
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1161
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1162
- font-size: 1.2em !important;
1163
- line-height: 1.5em !important;
1164
- padding: 0.2em 0.8em !important;
1165
- }
1166
-
1167
-
1168
- /* Big play */
1169
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1170
- width: 80px;
1171
- height: 80px;
1172
- display: flex;
1173
- justify-content: center;
1174
- align-items: center;
1175
- border: none;
1176
- position: absolute;
1177
- top: 0;
1178
- left: 0;
1179
- right: 0;
1180
- bottom: 0;
1181
- margin: auto;
1182
- font-size: 5em;
1183
- line-height: 1.3em;
1184
- transform: none !important;
1185
- border-radius: 1.3em;
1186
- }
1187
- .video-js.skin_vlone .ssai-ad-container{
1188
- position: absolute;
1189
- bottom: 4px;
1190
- }
1191
-
1192
- @media(max-width:600px){
1193
- .video-js.skin_vlone button.vjs-big-play-button {
1194
- width: 50px !important;
1195
- height: 50px !important;
1196
- font-size: 2.1rem !important;
1197
- }
1198
-
1199
- .video-js.skin_vlone .ssai-ad-container {
1200
- position: absolute;
1201
- bottom: 2px;
1202
- }
1203
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1204
- display: none;
1205
- }
1206
-
1207
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1208
- /* display: none; */
1209
- }
1210
-
1211
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1212
- /* display: none; */
1213
- }
1214
- }
1215
-
1216
1216
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1217
1217
  font-size: 2.2em;
1218
1218
  line-height: 2.6;