@viewlift/player-backup 2.0.269-backup → 2.0.271-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 (53) hide show
  1. package/cjs/{autoNextVideo-a0684b2e.js → autoNextVideo-f6948193.js} +1 -1
  2. package/cjs/bundle.css +292 -292
  3. package/cjs/{features-5af9462c.js → features-96f82a11.js} +1 -1
  4. package/cjs/{generic-9ede01a7.js → generic-b88d9902.js} +1 -1
  5. package/cjs/{index-3ab4a71e.js → index-9334bcfb.js} +1 -1
  6. package/cjs/{index-daed42a3.js → index-f84db362.js} +1 -1
  7. package/cjs/index.js +1 -1
  8. package/cjs/{multicamv2-36e8ec8a.js → multicamv2-567c42aa.js} +1 -1
  9. package/cjs/{multicamv2-7a48b087.js → multicamv2-a91630a3.js} +1 -1
  10. package/cjs/{nextEpisodeButton-e749739c.js → nextEpisodeButton-f8dbf122.js} +1 -1
  11. package/cjs/{playlist-d805fa90.js → playlist-859e992e.js} +1 -1
  12. package/cjs/{series-354a0322.js → series-e4c15432.js} +1 -1
  13. package/cjs/{series-v2-4c5d40a8.js → series-v2-30127cc1.js} +1 -1
  14. package/cjs/{series-v2-4b0ad742.js → series-v2-3a4b4de8.js} +1 -1
  15. package/cjs/{skin-b237d7b1.js → skin-01e8b937.js} +1 -1
  16. package/cjs/{skin-210f2812.js → skin-45fa1017.js} +1 -1
  17. package/cjs/{skin-da2bf9bc.js → skin-5bfadcc7.js} +1 -1
  18. package/cjs/{skin-2fabea5e.js → skin-663efe23.js} +1 -1
  19. package/cjs/{skin-c500edc5.js → skin-b4033ee3.js} +1 -1
  20. package/cjs/{skin-25675970.js → skin-bebf8ab8.js} +1 -1
  21. package/cjs/{skin-c661670e.js → skin-d449945c.js} +1 -1
  22. package/cjs/{skin-7149e823.js → skin-d53f493c.js} +1 -1
  23. package/cjs/{skin-baa82c8e.js → skin-eb76b6c2.js} +1 -1
  24. package/cjs/{util-8ad9d630.js → util-8494ff95.js} +1 -1
  25. package/cjs/{videoSelector-57152f21.js → videoSelector-6b5a8b9d.js} +1 -1
  26. package/cjs/{videoSelector-68d8d84e.js → videoSelector-a2fb671d.js} +1 -1
  27. package/esm/{autoNextVideo-6ab2b97a.js → autoNextVideo-5edbb399.js} +1 -1
  28. package/esm/bundle.css +292 -292
  29. package/esm/{features-b3526a7a.js → features-c86717cb.js} +1 -1
  30. package/esm/{generic-740ffc07.js → generic-7018a35f.js} +1 -1
  31. package/esm/{index-7fc3bd1b.js → index-12f33a04.js} +1 -1
  32. package/esm/{index-26dcbfc3.js → index-1a2804e4.js} +1 -1
  33. package/esm/index.js +1 -1
  34. package/esm/{multicamv2-f85dfa0b.js → multicamv2-107925a8.js} +1 -1
  35. package/esm/{multicamv2-dd70a6aa.js → multicamv2-8b3b63f8.js} +1 -1
  36. package/esm/{nextEpisodeButton-4ceda14d.js → nextEpisodeButton-9340ef4c.js} +1 -1
  37. package/esm/{playlist-b267f666.js → playlist-aa0ab582.js} +1 -1
  38. package/esm/{series-8fd3310e.js → series-7e9b8ad9.js} +1 -1
  39. package/esm/{series-v2-752ab4ec.js → series-v2-2a5e43be.js} +1 -1
  40. package/esm/{series-v2-ac589b22.js → series-v2-534909ec.js} +1 -1
  41. package/esm/{skin-2e4d0ad8.js → skin-063713b5.js} +1 -1
  42. package/esm/{skin-765a4c47.js → skin-22491664.js} +1 -1
  43. package/esm/{skin-bd79d907.js → skin-3563964e.js} +1 -1
  44. package/esm/{skin-cf049658.js → skin-35cb85a4.js} +1 -1
  45. package/esm/{skin-a08c5bc3.js → skin-5d9d338d.js} +1 -1
  46. package/esm/{skin-a625396e.js → skin-b2696d32.js} +1 -1
  47. package/esm/{skin-6a775f92.js → skin-d5be7e2e.js} +1 -1
  48. package/esm/{skin-8a65a5d9.js → skin-d7b5d047.js} +1 -1
  49. package/esm/{skin-c998863a.js → skin-fc386a0b.js} +1 -1
  50. package/esm/{util-e0435c60.js → util-5b0950d3.js} +1 -1
  51. package/esm/{videoSelector-f86775c4.js → videoSelector-06052b84.js} +1 -1
  52. package/esm/{videoSelector-fd411c45.js → videoSelector-1aeef366.js} +1 -1
  53. package/package.json +2 -2
package/esm/bundle.css CHANGED
@@ -1,31 +1,32 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
4
+
5
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
5
6
  font-size: 2.2em;
6
7
  line-height: 2.6;
7
8
  }
8
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
- background: white;
9
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
10
+ background: #fcb700;
10
11
  }
11
- .video-js.skin_news .vjs-control-bar{
12
+ .video-js.skin_news_live .vjs-control-bar{
12
13
  z-index: 1 !important;
13
14
  height: 5em !important;
14
15
  background: black !important;
15
16
  }
16
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
17
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
17
18
  display: flex;
18
19
  align-items: center;
19
20
  justify-content: center;
20
21
  }
21
22
 
22
- .video-js.skin_news .vjs-fade>* {
23
+ .video-js.skin_news_live .vjs-fade>* {
23
24
  visibility: hidden !important;
24
25
  opacity: 0 !important;
25
26
  transition: visibility 1s, opacity 1s !important;
26
27
  }
27
28
 
28
- .video-js.skin_news .custom-spaced-progress-bar {
29
+ .video-js.skin_news_live .custom-spaced-progress-bar {
29
30
  position: absolute;
30
31
  width: 100%;
31
32
  display: flex;
@@ -33,7 +34,7 @@
33
34
  top: -0.5em;
34
35
  }
35
36
 
36
- .video-js.skin_news .vjs-progress-control {
37
+ .video-js.skin_news_live .vjs-progress-control {
37
38
  /* left: -6px; */
38
39
  position: relative;
39
40
  width: 100%;
@@ -41,22 +42,25 @@
41
42
  transition: height 0.1s, top 0.1s;
42
43
  }
43
44
 
45
+ .video-js.skin_news_live .vjs-volume-panel{
46
+ min-width: 5.3em;
47
+ }
44
48
 
45
49
 
46
50
 
47
- .video-js.skin_news .vjs-custom-control-spacer {
48
- display: block;
49
- flex: 1 1 auto;
51
+ .video-js.skin_news_live .vjs-custom-control-spacer {
52
+ /* display: block; */
53
+ /* flex: 1 1 auto; */
50
54
  }
51
55
 
52
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
56
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
53
57
  margin: 0 0px 0 0px;
54
58
  }
55
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
59
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
56
60
  display: none;
57
61
  }
58
62
 
59
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
63
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
60
64
  font-size: 14px;
61
65
  font-weight: 500;
62
66
  align-self: center;
@@ -65,30 +69,30 @@
65
69
  border-radius: 8px;
66
70
  }
67
71
 
68
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
72
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
69
73
  height: 6px !important;
70
74
  }
71
75
 
72
- .video-js.skin_news .vjs-play-progress:before {
76
+ .video-js.skin_news_live .vjs-play-progress:before {
73
77
  font-size: 1.5em;
74
78
  line-height: unset;
75
79
  top: -0.3333333333em;
76
80
  }
77
81
 
78
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
82
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
79
83
  display: none !important;
80
84
  }
81
85
 
82
86
  /* */
83
- .video-js.skin_news .vjs-mouse-display{
87
+ .video-js.skin_news_live .vjs-mouse-display{
84
88
  font-size: 1.6666666667em;
85
89
  }
86
90
 
87
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
91
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
88
92
  font-size: 1em !important;
89
93
  }
90
94
 
91
- .video-js.skin_news .vjs-button{
95
+ .video-js.skin_news_live .vjs-button{
92
96
  width: 5.3em;
93
97
  display: flex;
94
98
  align-items: center;
@@ -96,63 +100,71 @@
96
100
  }
97
101
 
98
102
 
99
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
103
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
100
104
  .icon-maximize {
101
105
  display: block;
102
106
  height: 32px;
103
107
  }
104
108
 
105
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
109
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
106
110
  line-height: 4;
107
111
  }
108
112
 
109
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
113
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
110
114
  .icon-minimize {
111
115
  display: none;
112
116
  height: 32px;
113
117
  }
114
118
 
115
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
119
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
116
120
  outline: none !important;
121
+ /* flex: 1; */
117
122
  }
118
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
123
+ .video-js.skin_news_live .vjs-play-toggle-container{
124
+ display: flex;
125
+ flex: 1;
126
+ justify-content: center;
127
+ }
128
+
129
+
130
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
119
131
  .vjs-icon-fullscreen-enter:before {
120
132
  /* content: '' !important; */
121
133
  }
122
134
 
123
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
135
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
124
136
  display: flex;
125
137
  justify-content: center;
126
138
  align-items: center;
127
139
  /* transform: rotate(90deg); */
128
140
  }
129
141
 
130
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
142
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
131
143
  display: none;
132
144
  }
133
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
145
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
134
146
  margin-left: -10px;
135
147
  }
136
148
 
137
- .video-js.skin_news .skipbtn:hover{
149
+ .video-js.skin_news_live .skipbtn:hover{
138
150
  cursor: pointer;
139
151
  }
140
152
 
141
- .video-js.skin_news .rewindbtn:hover{
153
+ .video-js.skin_news_live .rewindbtn:hover{
142
154
  cursor: pointer;
143
155
  }
144
156
 
145
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
157
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
146
158
  position: relative;
147
159
  padding-left: 0;
148
160
  }
149
161
 
150
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
162
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
151
163
  display: none !important;
152
164
  }
153
165
 
154
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
- width: 90px;
166
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
167
+ /* width: 90px;
156
168
  height: 90px;
157
169
  display: flex;
158
170
  justify-content: center;
@@ -167,19 +179,20 @@
167
179
  font-size: 6em;
168
180
  line-height: 1.4em;
169
181
  border: 0.05em solid;
170
- color: inherit;
182
+ color: inherit; */
183
+ display: none !important;
171
184
  }
172
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
185
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
173
186
  font-weight: bold;
174
187
  }
175
188
 
176
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
189
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
177
190
  bottom: 2.4em !important;
178
191
  right: -1em;
179
192
  z-index: 1;
180
193
  }
181
194
 
182
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
195
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
183
196
  width: 24px !important;
184
197
  height: 24px !important;
185
198
  }
@@ -189,34 +202,34 @@
189
202
  }
190
203
 
191
204
 
192
- .video-js.skin_news button.vjs-rewind-button{
205
+ .video-js.skin_news_live button.vjs-rewind-button{
193
206
  cursor: pointer;
194
207
  }
195
208
 
196
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
197
210
  padding-right: 0;
211
+ display: none;
198
212
  }
199
213
 
200
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
214
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
201
215
  padding-left: 0;
216
+ display: none;
202
217
  }
203
218
 
204
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
219
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
205
220
  padding-left: 0;
206
221
  padding-right: 0;
207
- display: flex;
208
- justify-content: center;
209
- width: min-content;
222
+ display: none;
210
223
  }
211
224
 
212
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
225
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
213
226
  display: none
214
227
  }
215
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
228
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
216
229
  display: none
217
230
  }
218
231
 
219
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
232
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
220
233
  display: flex;
221
234
  align-items: center;
222
235
  font-weight: 700;
@@ -224,26 +237,26 @@
224
237
  min-width: 1.2em;
225
238
  }
226
239
 
227
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
240
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
228
241
  display: none;
229
242
  font-size: 11px;
230
243
  justify-content: center;
231
244
  align-items: center;
232
245
  user-select: none;
233
246
  }
234
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
235
248
  display: none;
236
249
  }
237
250
 
238
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
239
252
  height: min-content;
240
253
  width: min-content;
241
254
  }
242
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
255
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
243
256
  width: 6em;
244
257
  }
245
258
 
246
- .video-js.skin_news .content{
259
+ .video-js.skin_news_live .content{
247
260
  bottom: 3.4rem !important;
248
261
  right: -4rem !important;
249
262
  }
@@ -262,15 +275,16 @@
262
275
  pointer-events:none
263
276
  }
264
277
 
265
- .video-js.skin_news iframe{
278
+ .video-js.skin_news_live iframe{
266
279
  width: 100%;
267
280
  height: 100%;
268
281
  }
269
282
 
270
- .video-js.skin_news .vjs-live-control{
283
+ .video-js.skin_news_live .vjs-live-control{
271
284
  align-items: center;
285
+ display: none;
272
286
  }
273
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
287
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
274
288
  height: 2.2em;
275
289
  display: flex;
276
290
  align-items: center;
@@ -281,43 +295,22 @@
281
295
  margin: 4px 0px 4px 12px;
282
296
  }
283
297
 
284
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
298
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
285
299
  text-shadow: none;
286
300
  }
287
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
288
- display: none;
289
- font-size: 12px;
290
- }
291
301
 
292
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
293
- height: 2.2em;
294
- display: inline-flex;
295
- align-items: center;
296
- /* font-family: monospace; */
302
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
303
+ display: flex;
297
304
  justify-content: center;
298
- border: 2px solid;
299
- margin: 4px 0px 4px 6px;
300
- white-space: pre;
301
- padding: 0px 6px;
302
- font-size: 1.2em;
303
- font-weight: 500;
304
- color: rgba(255, 255, 2555, 0.7);
305
-
306
- letter-spacing: -.1px;
307
- line-height: normal;
308
- text-transform: uppercase;
309
- color: #FFFFFF;
310
- opacity: .7;
311
- font-family: "Proxima Nova";
305
+ min-width: 5.3em;
306
+ pointer-events: none;
307
+ user-select: none;
312
308
  }
313
309
 
314
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
- opacity: 1;
310
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
311
+ color: white;
316
312
  }
317
313
 
318
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
319
- content: "NOT LIVE";
320
- }
321
314
 
322
315
  .settings-selection.vjs-control.vjs-button{
323
316
  display: flex !important;
@@ -334,57 +327,57 @@
334
327
  .tvProviderImage{
335
328
  display: none
336
329
  }
337
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
330
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
338
331
  .icon-maximize {
339
332
  height: 30px !important;
340
333
  }
341
334
 
342
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
335
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
343
336
  .icon-minimize {
344
337
  height: 30px !important;
345
338
  }
346
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
339
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
347
340
  width: 4.5em;
348
341
  }
349
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
342
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
350
343
  height: min-content;
351
344
  }
352
345
 
353
- .video-js.skin_news button.vjs-slowmo-button{
346
+ .video-js.skin_news_live button.vjs-slowmo-button{
354
347
  display: none;
355
348
  }
356
- .video-js.skin_news button.vjs-rewind-button{
349
+ .video-js.skin_news_live button.vjs-rewind-button{
357
350
  display: none;
358
351
  }
359
- .video-js.skin_news button.vjs-rewind-button>svg{
352
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
360
353
  height: 20px;
361
354
  }
362
- .video-js.skin_news .vjs-button{
355
+ .video-js.skin_news_live .vjs-button{
363
356
  width: 4.8em;
364
357
  }
365
- .video-js.skin_news .widget-selection{
358
+ .video-js.skin_news_live .widget-selection{
366
359
  display: none;
367
360
  }
368
- .video-js.skin_news .container{
361
+ .video-js.skin_news_live .container{
369
362
  display: none !important;
370
363
  }
371
- .video-js.skin_news .vjs-control-bar{
364
+ .video-js.skin_news_live .vjs-control-bar{
372
365
  height: 4em !important;
373
366
  }
374
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
367
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
375
368
  font-size: 2.5em;
376
369
  line-height: 1.5;
377
370
  }
378
- .video-js.skin_news .vjs-play-progress:before {
371
+ .video-js.skin_news_live .vjs-play-progress:before {
379
372
  font-size: 1.2em;
380
373
  position: absolute;
381
374
  right: -0.5em;
382
375
  z-index: 1;
383
376
  }
384
- .video-js.skin_news button.vjs-skip-button>svg{
377
+ .video-js.skin_news_live button.vjs-skip-button>svg{
385
378
  height: 20px;
386
379
  }
387
- .video-js.skin_news button.vjs-big-play-button {
380
+ .video-js.skin_news_live button.vjs-big-play-button {
388
381
  width: 50px !important;
389
382
  height: 50px !important;
390
383
  font-size: 2.1rem !important;
@@ -394,17 +387,17 @@
394
387
  width: 24px;
395
388
  height: 24px;
396
389
  }
397
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
390
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
398
391
  margin: 0 12px 0 12px;
399
392
  }
400
- .video-js.skin_news .vjs-seek-to-live-text{
393
+ .video-js.skin_news_live .vjs-seek-to-live-text{
401
394
  font-size: 12px;
402
395
  }
403
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
396
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
404
397
  margin: 0 12px 0 12px;
405
398
  }
406
399
  }
407
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
400
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
408
401
  width: 90px;
409
402
  height: 90px;
410
403
  display: flex;
@@ -421,7 +414,7 @@
421
414
  line-height: 1.4em;
422
415
  }
423
416
 
424
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
417
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
418
  display: flex;
426
419
  justify-content: center;
427
420
  align-items: center;
@@ -429,29 +422,22 @@
429
422
  transition: width 0.1s;
430
423
  }
431
424
 
432
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
433
426
  display: flex;
434
427
  justify-content: center;
435
428
  align-items: center;
436
429
  height: 100%;
437
430
  transition: width 0.1s;
438
431
  }
439
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
432
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
440
433
  display: none !important;
441
434
  }
442
- .video-js.skin_news .ssai-ad-container{
443
- position: absolute;
444
- bottom: 14px;
445
- }
446
435
 
447
436
  @media (max-width: 576px) {
448
- .video-js.skin_news .ssai-ad-container{
449
- bottom: 2px;
450
- }
451
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
437
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
452
438
  height: 5px !important;
453
439
  }
454
- .video-js.skin_news button.vjs-big-play-button {
440
+ .video-js.skin_news_live button.vjs-big-play-button {
455
441
  width: 50px !important;
456
442
  height: 50px !important;
457
443
  font-size: 2.1rem !important;
@@ -460,70 +446,59 @@
460
446
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
461
447
  display: none;
462
448
  }
463
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
449
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
464
450
  bottom: 2.4em !important;
465
451
  right: -1em;
466
452
  z-index: 1;
467
453
  }
468
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
454
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
469
455
  display: none !important;
470
456
  }
471
457
 
472
- .video-js.skin_news .vjs-text-track-display-ttml span {
458
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
473
459
  color: white !important;
474
460
  font-size: 13px !important;
475
461
  background-color: black !important;
476
462
  }
477
463
  }
478
464
 
479
- .video-js.skin_news .vjs-text-track-display-ttml span {
465
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
466
+ width: 100% !important;
467
+ }
468
+
469
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
480
470
  color: white !important;
481
471
  font-size: 16px !important;
482
472
  background-color: black !important;
483
473
  }
484
474
 
485
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
475
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
486
476
  margin-bottom: 2rem !important;
487
477
  }
488
478
 
489
- .video-js.skin_news .vjs-text-track-display-ttml p {
479
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
490
480
  font-size: 18px !important;
491
481
  }
492
482
 
493
483
 
494
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
495
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
485
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
496
486
  font-size: 1.2em !important;
497
487
  line-height: 1.5em !important;
498
488
  padding: 0.2em 0.8em !important;
499
489
  }
500
490
 
501
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
491
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
502
492
  content: none !important;
503
493
  fill: none !important;
504
494
  filter: none !important;
505
495
  }
506
496
 
507
- /* svg icons opacity and hover effect */
508
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
509
- opacity: 0.7 !important;
510
- }
511
-
512
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
513
- opacity: 1 !important;
514
- }
515
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
516
- opacity: 0.7 !important;
517
- }
518
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
519
- opacity: 1 !important;
520
- }
521
-
522
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
497
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
523
498
  color: rgba(255, 255, 2555, 0.7)!important;
524
499
  }
525
500
 
526
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
501
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
527
502
  color: rgba(255, 255, 2555, 1)!important;
528
503
  }
529
504
 
@@ -727,7 +702,6 @@
727
702
  }
728
703
  }
729
704
 
730
-
731
705
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
732
706
  font-size: 2.2em;
733
707
  line-height: 2.6;
@@ -1197,31 +1171,31 @@
1197
1171
  }
1198
1172
 
1199
1173
 
1200
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1174
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1201
1175
  font-size: 2.2em;
1202
1176
  line-height: 2.6;
1203
1177
  }
1204
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1205
- background: #fcb700;
1178
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1179
+ background: white;
1206
1180
  }
1207
- .video-js.skin_news_live .vjs-control-bar{
1181
+ .video-js.skin_news .vjs-control-bar{
1208
1182
  z-index: 1 !important;
1209
1183
  height: 5em !important;
1210
1184
  background: black !important;
1211
1185
  }
1212
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1186
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1213
1187
  display: flex;
1214
1188
  align-items: center;
1215
1189
  justify-content: center;
1216
1190
  }
1217
1191
 
1218
- .video-js.skin_news_live .vjs-fade>* {
1192
+ .video-js.skin_news .vjs-fade>* {
1219
1193
  visibility: hidden !important;
1220
1194
  opacity: 0 !important;
1221
1195
  transition: visibility 1s, opacity 1s !important;
1222
1196
  }
1223
1197
 
1224
- .video-js.skin_news_live .custom-spaced-progress-bar {
1198
+ .video-js.skin_news .custom-spaced-progress-bar {
1225
1199
  position: absolute;
1226
1200
  width: 100%;
1227
1201
  display: flex;
@@ -1229,7 +1203,7 @@
1229
1203
  top: -0.5em;
1230
1204
  }
1231
1205
 
1232
- .video-js.skin_news_live .vjs-progress-control {
1206
+ .video-js.skin_news .vjs-progress-control {
1233
1207
  /* left: -6px; */
1234
1208
  position: relative;
1235
1209
  width: 100%;
@@ -1237,25 +1211,22 @@
1237
1211
  transition: height 0.1s, top 0.1s;
1238
1212
  }
1239
1213
 
1240
- .video-js.skin_news_live .vjs-volume-panel{
1241
- min-width: 5.3em;
1242
- }
1243
1214
 
1244
1215
 
1245
1216
 
1246
- .video-js.skin_news_live .vjs-custom-control-spacer {
1247
- /* display: block; */
1248
- /* flex: 1 1 auto; */
1217
+ .video-js.skin_news .vjs-custom-control-spacer {
1218
+ display: block;
1219
+ flex: 1 1 auto;
1249
1220
  }
1250
1221
 
1251
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1222
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1252
1223
  margin: 0 0px 0 0px;
1253
1224
  }
1254
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1225
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1255
1226
  display: none;
1256
1227
  }
1257
1228
 
1258
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1229
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1259
1230
  font-size: 14px;
1260
1231
  font-weight: 500;
1261
1232
  align-self: center;
@@ -1264,30 +1235,30 @@
1264
1235
  border-radius: 8px;
1265
1236
  }
1266
1237
 
1267
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1238
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1268
1239
  height: 6px !important;
1269
1240
  }
1270
1241
 
1271
- .video-js.skin_news_live .vjs-play-progress:before {
1242
+ .video-js.skin_news .vjs-play-progress:before {
1272
1243
  font-size: 1.5em;
1273
1244
  line-height: unset;
1274
1245
  top: -0.3333333333em;
1275
1246
  }
1276
1247
 
1277
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1248
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1278
1249
  display: none !important;
1279
1250
  }
1280
1251
 
1281
1252
  /* */
1282
- .video-js.skin_news_live .vjs-mouse-display{
1253
+ .video-js.skin_news .vjs-mouse-display{
1283
1254
  font-size: 1.6666666667em;
1284
1255
  }
1285
1256
 
1286
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1257
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1287
1258
  font-size: 1em !important;
1288
1259
  }
1289
1260
 
1290
- .video-js.skin_news_live .vjs-button{
1261
+ .video-js.skin_news .vjs-button{
1291
1262
  width: 5.3em;
1292
1263
  display: flex;
1293
1264
  align-items: center;
@@ -1295,71 +1266,63 @@
1295
1266
  }
1296
1267
 
1297
1268
 
1298
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1269
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1299
1270
  .icon-maximize {
1300
1271
  display: block;
1301
1272
  height: 32px;
1302
1273
  }
1303
1274
 
1304
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1275
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1305
1276
  line-height: 4;
1306
1277
  }
1307
1278
 
1308
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1279
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1309
1280
  .icon-minimize {
1310
1281
  display: none;
1311
1282
  height: 32px;
1312
1283
  }
1313
1284
 
1314
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1285
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1315
1286
  outline: none !important;
1316
- /* flex: 1; */
1317
- }
1318
- .video-js.skin_news_live .vjs-play-toggle-container{
1319
- display: flex;
1320
- flex: 1;
1321
- justify-content: center;
1322
1287
  }
1323
-
1324
-
1325
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1288
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1326
1289
  .vjs-icon-fullscreen-enter:before {
1327
1290
  /* content: '' !important; */
1328
1291
  }
1329
1292
 
1330
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1293
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1331
1294
  display: flex;
1332
1295
  justify-content: center;
1333
1296
  align-items: center;
1334
1297
  /* transform: rotate(90deg); */
1335
1298
  }
1336
1299
 
1337
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1300
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1338
1301
  display: none;
1339
1302
  }
1340
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1303
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1341
1304
  margin-left: -10px;
1342
1305
  }
1343
1306
 
1344
- .video-js.skin_news_live .skipbtn:hover{
1307
+ .video-js.skin_news .skipbtn:hover{
1345
1308
  cursor: pointer;
1346
1309
  }
1347
1310
 
1348
- .video-js.skin_news_live .rewindbtn:hover{
1311
+ .video-js.skin_news .rewindbtn:hover{
1349
1312
  cursor: pointer;
1350
1313
  }
1351
1314
 
1352
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1315
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1353
1316
  position: relative;
1354
1317
  padding-left: 0;
1355
1318
  }
1356
1319
 
1357
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1320
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1358
1321
  display: none !important;
1359
1322
  }
1360
1323
 
1361
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1362
- /* width: 90px;
1324
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1325
+ width: 90px;
1363
1326
  height: 90px;
1364
1327
  display: flex;
1365
1328
  justify-content: center;
@@ -1374,20 +1337,19 @@
1374
1337
  font-size: 6em;
1375
1338
  line-height: 1.4em;
1376
1339
  border: 0.05em solid;
1377
- color: inherit; */
1378
- display: none !important;
1340
+ color: inherit;
1379
1341
  }
1380
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1342
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1381
1343
  font-weight: bold;
1382
1344
  }
1383
1345
 
1384
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1346
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1385
1347
  bottom: 2.4em !important;
1386
1348
  right: -1em;
1387
1349
  z-index: 1;
1388
1350
  }
1389
1351
 
1390
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1352
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1391
1353
  width: 24px !important;
1392
1354
  height: 24px !important;
1393
1355
  }
@@ -1397,34 +1359,34 @@
1397
1359
  }
1398
1360
 
1399
1361
 
1400
- .video-js.skin_news_live button.vjs-rewind-button{
1362
+ .video-js.skin_news button.vjs-rewind-button{
1401
1363
  cursor: pointer;
1402
1364
  }
1403
1365
 
1404
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1366
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1405
1367
  padding-right: 0;
1406
- display: none;
1407
1368
  }
1408
1369
 
1409
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1370
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1410
1371
  padding-left: 0;
1411
- display: none;
1412
1372
  }
1413
1373
 
1414
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1374
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1415
1375
  padding-left: 0;
1416
1376
  padding-right: 0;
1417
- display: none;
1377
+ display: flex;
1378
+ justify-content: center;
1379
+ width: min-content;
1418
1380
  }
1419
1381
 
1420
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1382
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1421
1383
  display: none
1422
1384
  }
1423
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1385
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1424
1386
  display: none
1425
1387
  }
1426
1388
 
1427
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1389
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
1428
1390
  display: flex;
1429
1391
  align-items: center;
1430
1392
  font-weight: 700;
@@ -1432,26 +1394,26 @@
1432
1394
  min-width: 1.2em;
1433
1395
  }
1434
1396
 
1435
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1397
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1436
1398
  display: none;
1437
1399
  font-size: 11px;
1438
1400
  justify-content: center;
1439
1401
  align-items: center;
1440
1402
  user-select: none;
1441
1403
  }
1442
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1404
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1443
1405
  display: none;
1444
1406
  }
1445
1407
 
1446
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1408
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1447
1409
  height: min-content;
1448
1410
  width: min-content;
1449
1411
  }
1450
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1412
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1451
1413
  width: 6em;
1452
1414
  }
1453
1415
 
1454
- .video-js.skin_news_live .content{
1416
+ .video-js.skin_news .content{
1455
1417
  bottom: 3.4rem !important;
1456
1418
  right: -4rem !important;
1457
1419
  }
@@ -1470,16 +1432,15 @@
1470
1432
  pointer-events:none
1471
1433
  }
1472
1434
 
1473
- .video-js.skin_news_live iframe{
1435
+ .video-js.skin_news iframe{
1474
1436
  width: 100%;
1475
1437
  height: 100%;
1476
1438
  }
1477
1439
 
1478
- .video-js.skin_news_live .vjs-live-control{
1440
+ .video-js.skin_news .vjs-live-control{
1479
1441
  align-items: center;
1480
- display: none;
1481
1442
  }
1482
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1443
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1483
1444
  height: 2.2em;
1484
1445
  display: flex;
1485
1446
  align-items: center;
@@ -1490,22 +1451,43 @@
1490
1451
  margin: 4px 0px 4px 12px;
1491
1452
  }
1492
1453
 
1493
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1454
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1494
1455
  text-shadow: none;
1495
1456
  }
1457
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1458
+ display: none;
1459
+ font-size: 12px;
1460
+ }
1496
1461
 
1497
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1498
- display: flex;
1462
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1463
+ height: 2.2em;
1464
+ display: inline-flex;
1465
+ align-items: center;
1466
+ /* font-family: monospace; */
1499
1467
  justify-content: center;
1500
- min-width: 5.3em;
1501
- pointer-events: none;
1502
- user-select: none;
1468
+ border: 2px solid;
1469
+ margin: 4px 0px 4px 6px;
1470
+ white-space: pre;
1471
+ padding: 0px 6px;
1472
+ font-size: 1.2em;
1473
+ font-weight: 500;
1474
+ color: rgba(255, 255, 2555, 0.7);
1475
+
1476
+ letter-spacing: -.1px;
1477
+ line-height: normal;
1478
+ text-transform: uppercase;
1479
+ color: #FFFFFF;
1480
+ opacity: .7;
1481
+ font-family: "Proxima Nova";
1503
1482
  }
1504
1483
 
1505
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1506
- color: white;
1484
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1485
+ opacity: 1;
1507
1486
  }
1508
1487
 
1488
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1489
+ content: "NOT LIVE";
1490
+ }
1509
1491
 
1510
1492
  .settings-selection.vjs-control.vjs-button{
1511
1493
  display: flex !important;
@@ -1522,57 +1504,57 @@
1522
1504
  .tvProviderImage{
1523
1505
  display: none
1524
1506
  }
1525
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1507
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1526
1508
  .icon-maximize {
1527
1509
  height: 30px !important;
1528
1510
  }
1529
1511
 
1530
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1512
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1531
1513
  .icon-minimize {
1532
1514
  height: 30px !important;
1533
1515
  }
1534
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1516
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1535
1517
  width: 4.5em;
1536
1518
  }
1537
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1519
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1538
1520
  height: min-content;
1539
1521
  }
1540
1522
 
1541
- .video-js.skin_news_live button.vjs-slowmo-button{
1523
+ .video-js.skin_news button.vjs-slowmo-button{
1542
1524
  display: none;
1543
1525
  }
1544
- .video-js.skin_news_live button.vjs-rewind-button{
1526
+ .video-js.skin_news button.vjs-rewind-button{
1545
1527
  display: none;
1546
1528
  }
1547
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1529
+ .video-js.skin_news button.vjs-rewind-button>svg{
1548
1530
  height: 20px;
1549
1531
  }
1550
- .video-js.skin_news_live .vjs-button{
1532
+ .video-js.skin_news .vjs-button{
1551
1533
  width: 4.8em;
1552
1534
  }
1553
- .video-js.skin_news_live .widget-selection{
1535
+ .video-js.skin_news .widget-selection{
1554
1536
  display: none;
1555
1537
  }
1556
- .video-js.skin_news_live .container{
1538
+ .video-js.skin_news .container{
1557
1539
  display: none !important;
1558
1540
  }
1559
- .video-js.skin_news_live .vjs-control-bar{
1541
+ .video-js.skin_news .vjs-control-bar{
1560
1542
  height: 4em !important;
1561
1543
  }
1562
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1544
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1563
1545
  font-size: 2.5em;
1564
1546
  line-height: 1.5;
1565
1547
  }
1566
- .video-js.skin_news_live .vjs-play-progress:before {
1548
+ .video-js.skin_news .vjs-play-progress:before {
1567
1549
  font-size: 1.2em;
1568
1550
  position: absolute;
1569
1551
  right: -0.5em;
1570
1552
  z-index: 1;
1571
1553
  }
1572
- .video-js.skin_news_live button.vjs-skip-button>svg{
1554
+ .video-js.skin_news button.vjs-skip-button>svg{
1573
1555
  height: 20px;
1574
1556
  }
1575
- .video-js.skin_news_live button.vjs-big-play-button {
1557
+ .video-js.skin_news button.vjs-big-play-button {
1576
1558
  width: 50px !important;
1577
1559
  height: 50px !important;
1578
1560
  font-size: 2.1rem !important;
@@ -1582,17 +1564,17 @@
1582
1564
  width: 24px;
1583
1565
  height: 24px;
1584
1566
  }
1585
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1567
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1586
1568
  margin: 0 12px 0 12px;
1587
1569
  }
1588
- .video-js.skin_news_live .vjs-seek-to-live-text{
1570
+ .video-js.skin_news .vjs-seek-to-live-text{
1589
1571
  font-size: 12px;
1590
1572
  }
1591
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1573
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1592
1574
  margin: 0 12px 0 12px;
1593
1575
  }
1594
1576
  }
1595
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1577
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1596
1578
  width: 90px;
1597
1579
  height: 90px;
1598
1580
  display: flex;
@@ -1609,7 +1591,7 @@
1609
1591
  line-height: 1.4em;
1610
1592
  }
1611
1593
 
1612
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1594
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1613
1595
  display: flex;
1614
1596
  justify-content: center;
1615
1597
  align-items: center;
@@ -1617,22 +1599,29 @@
1617
1599
  transition: width 0.1s;
1618
1600
  }
1619
1601
 
1620
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1602
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1621
1603
  display: flex;
1622
1604
  justify-content: center;
1623
1605
  align-items: center;
1624
1606
  height: 100%;
1625
1607
  transition: width 0.1s;
1626
1608
  }
1627
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1609
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1628
1610
  display: none !important;
1629
1611
  }
1612
+ .video-js.skin_news .ssai-ad-container{
1613
+ position: absolute;
1614
+ bottom: 14px;
1615
+ }
1630
1616
 
1631
1617
  @media (max-width: 576px) {
1632
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1618
+ .video-js.skin_news .ssai-ad-container{
1619
+ bottom: 2px;
1620
+ }
1621
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1633
1622
  height: 5px !important;
1634
1623
  }
1635
- .video-js.skin_news_live button.vjs-big-play-button {
1624
+ .video-js.skin_news button.vjs-big-play-button {
1636
1625
  width: 50px !important;
1637
1626
  height: 50px !important;
1638
1627
  font-size: 2.1rem !important;
@@ -1641,59 +1630,70 @@
1641
1630
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1642
1631
  display: none;
1643
1632
  }
1644
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1633
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1645
1634
  bottom: 2.4em !important;
1646
1635
  right: -1em;
1647
1636
  z-index: 1;
1648
1637
  }
1649
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1638
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1650
1639
  display: none !important;
1651
1640
  }
1652
1641
 
1653
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1642
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1654
1643
  color: white !important;
1655
1644
  font-size: 13px !important;
1656
1645
  background-color: black !important;
1657
1646
  }
1658
1647
  }
1659
1648
 
1660
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1661
- width: 100% !important;
1662
- }
1663
-
1664
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1649
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1665
1650
  color: white !important;
1666
1651
  font-size: 16px !important;
1667
1652
  background-color: black !important;
1668
1653
  }
1669
1654
 
1670
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1655
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1671
1656
  margin-bottom: 2rem !important;
1672
1657
  }
1673
1658
 
1674
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1659
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1675
1660
  font-size: 18px !important;
1676
1661
  }
1677
1662
 
1678
1663
 
1679
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1680
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1664
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1665
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1681
1666
  font-size: 1.2em !important;
1682
1667
  line-height: 1.5em !important;
1683
1668
  padding: 0.2em 0.8em !important;
1684
1669
  }
1685
1670
 
1686
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1671
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1687
1672
  content: none !important;
1688
1673
  fill: none !important;
1689
1674
  filter: none !important;
1690
1675
  }
1691
1676
 
1692
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1677
+ /* svg icons opacity and hover effect */
1678
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1679
+ opacity: 0.7 !important;
1680
+ }
1681
+
1682
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1683
+ opacity: 1 !important;
1684
+ }
1685
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1686
+ opacity: 0.7 !important;
1687
+ }
1688
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1689
+ opacity: 1 !important;
1690
+ }
1691
+
1692
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1693
1693
  color: rgba(255, 255, 2555, 0.7)!important;
1694
1694
  }
1695
1695
 
1696
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1696
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1697
1697
  color: rgba(255, 255, 2555, 1)!important;
1698
1698
  }
1699
1699
 
@@ -1961,7 +1961,6 @@
1961
1961
 
1962
1962
 
1963
1963
 
1964
-
1965
1964
  .vjs-custom-big-mute.vjs-control{
1966
1965
  position: absolute;
1967
1966
  align-items: center;
@@ -2010,6 +2009,7 @@
2010
2009
  width: 22px;
2011
2010
  }
2012
2011
 
2012
+
2013
2013
  /* nextep */
2014
2014
  .next-ep-preview{
2015
2015
  position: absolute;
@@ -2085,38 +2085,6 @@
2085
2085
  margin-left: 8px;
2086
2086
  }
2087
2087
  }
2088
- /* a wrapper element that tracks the mouse vertically */
2089
- .vjs-thumbnail-holder {
2090
- position: absolute;
2091
- left: -1000px;
2092
- }
2093
-
2094
- /* the thumbnail image itself */
2095
- .vjs-thumbnail {
2096
- position: absolute;
2097
- left: 0;
2098
- bottom: 1.3em;
2099
- opacity: 0;
2100
- transition: opacity .2s ease;
2101
- -webkit-transition: opacity .2s ease;
2102
- -moz-transition: opacity .2s ease;
2103
- -mz-transition: opacity .2s ease;
2104
- }
2105
-
2106
- /* fade in the thumbnail when hovering over the progress bar */
2107
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2108
- .vjs-progress-control:hover .vjs-thumbnail,
2109
- .vjs-progress-control.fake-active .vjs-thumbnail,
2110
- .vjs-progress-control:active .vjs-thumbnail {
2111
- opacity: 1;
2112
- }
2113
-
2114
- /* ... but hide the thumbnail when hovering directly over it */
2115
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2116
- .vjs-progress-control:active .vjs-thumbnail:active {
2117
- opacity: 0;
2118
- }
2119
-
2120
2088
  .video-js.vjs-quality-menu {
2121
2089
  display: block;
2122
2090
  }
@@ -2187,6 +2155,38 @@
2187
2155
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2188
2156
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2189
2157
  }
2158
+ /* a wrapper element that tracks the mouse vertically */
2159
+ .vjs-thumbnail-holder {
2160
+ position: absolute;
2161
+ left: -1000px;
2162
+ }
2163
+
2164
+ /* the thumbnail image itself */
2165
+ .vjs-thumbnail {
2166
+ position: absolute;
2167
+ left: 0;
2168
+ bottom: 1.3em;
2169
+ opacity: 0;
2170
+ transition: opacity .2s ease;
2171
+ -webkit-transition: opacity .2s ease;
2172
+ -moz-transition: opacity .2s ease;
2173
+ -mz-transition: opacity .2s ease;
2174
+ }
2175
+
2176
+ /* fade in the thumbnail when hovering over the progress bar */
2177
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2178
+ .vjs-progress-control:hover .vjs-thumbnail,
2179
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2180
+ .vjs-progress-control:active .vjs-thumbnail {
2181
+ opacity: 1;
2182
+ }
2183
+
2184
+ /* ... but hide the thumbnail when hovering directly over it */
2185
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2186
+ .vjs-progress-control:active .vjs-thumbnail:active {
2187
+ opacity: 0;
2188
+ }
2189
+
2190
2190
  .vjs-poster {
2191
2191
  display: inline-block;
2192
2192
  vertical-align: middle;