@viewlift/player-backup 2.0.273-backup → 2.0.275-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 (74) hide show
  1. package/cjs/{autoNextVideo-0de0c99f.js → autoNextVideo-1794b788.js} +1 -1
  2. package/cjs/bundle.css +260 -260
  3. package/cjs/{features-37a04894.js → features-d3baf5d9.js} +1 -1
  4. package/cjs/generic-19eead80.js +1 -0
  5. package/cjs/{index-752fb705.js → index-4beab557.js} +1 -1
  6. package/cjs/{index-1a998ebc.js → index-8269a890.js} +1 -1
  7. package/cjs/index.js +1 -1
  8. package/cjs/{multicamv2-ae7ad18b.js → multicamv2-c917d820.js} +1 -1
  9. package/cjs/{multicamv2-b929ee52.js → multicamv2-f34a3e39.js} +1 -1
  10. package/cjs/{nextEpisodeButton-9c276bae.js → nextEpisodeButton-c8f1efd7.js} +1 -1
  11. package/cjs/{playlist-cbca04c1.js → playlist-c0a0170b.js} +1 -1
  12. package/cjs/{series-ff8ba498.js → series-2e528555.js} +1 -1
  13. package/cjs/{series-v2-67043b16.js → series-v2-b0b5cd9b.js} +1 -1
  14. package/cjs/{series-v2-d10e780c.js → series-v2-b17766c3.js} +1 -1
  15. package/cjs/skin-0877d248.js +1 -0
  16. package/cjs/skin-0d14f786.js +1 -0
  17. package/cjs/{skin-f0acf681.js → skin-2e365879.js} +1 -1
  18. package/cjs/{skin-dbd0eb85.js → skin-31044cbc.js} +1 -1
  19. package/cjs/{skin-743ea67a.js → skin-43f83728.js} +1 -1
  20. package/cjs/{skin-479b7ff2.js → skin-79e572a1.js} +1 -1
  21. package/cjs/{skin-f8d0355f.js → skin-7e1fdb53.js} +1 -1
  22. package/cjs/{skin-67a053be.js → skin-803a1a7e.js} +1 -1
  23. package/cjs/{skin-34188947.js → skin-8b6090c1.js} +1 -1
  24. package/cjs/{util-bdbdb756.js → util-7d9efa62.js} +1 -1
  25. package/cjs/{videoSelector-69edac48.js → videoSelector-3080cb9c.js} +1 -1
  26. package/cjs/{videoSelector-f5ed50a7.js → videoSelector-8020153f.js} +1 -1
  27. package/esm/autoNextVideo-9a8932fe.js +1 -0
  28. package/esm/bundle.css +260 -260
  29. package/esm/components/transmit/constants.d.ts +42 -0
  30. package/esm/components/transmit/index.d.ts +9 -0
  31. package/esm/components/transmit/session.d.ts +4 -0
  32. package/esm/components/transmit/transmitAd.d.ts +26 -0
  33. package/esm/components/transmit/transmitAdManager.d.ts +66 -0
  34. package/esm/components/transmit/utils.d.ts +2 -0
  35. package/esm/{features-6789d00a.js → features-4f718442.js} +1 -1
  36. package/esm/generic-5b9a9f76.js +1 -0
  37. package/esm/{index-367f32c7.js → index-03385e95.js} +1 -1
  38. package/esm/{index-21baa8fb.js → index-b2e21252.js} +1 -1
  39. package/esm/index.js +1 -1
  40. package/esm/{multicamv2-38526af8.js → multicamv2-45f785a3.js} +1 -1
  41. package/esm/{multicamv2-63c414c7.js → multicamv2-81fd9a58.js} +1 -1
  42. package/esm/{nextEpisodeButton-6f748f3c.js → nextEpisodeButton-7b1a1c73.js} +1 -1
  43. package/esm/playlist-7aa35809.js +1 -0
  44. package/esm/{series-9ae8159d.js → series-75390e7e.js} +1 -1
  45. package/esm/{series-v2-0cc8f758.js → series-v2-78e1fd20.js} +1 -1
  46. package/esm/{series-v2-70023e34.js → series-v2-ac84d790.js} +1 -1
  47. package/esm/skin-1264cc1e.js +1 -0
  48. package/esm/skin-16d011b2.js +1 -0
  49. package/esm/skin-1d68434e.js +1 -0
  50. package/esm/skin-7572f1fa.js +1 -0
  51. package/esm/skin-7908c8ed.js +1 -0
  52. package/esm/{skin-272c9ee0.js → skin-bda754fc.js} +1 -1
  53. package/esm/{skin-fa83e953.js → skin-c57c24fb.js} +1 -1
  54. package/esm/{skin-b3b3b287.js → skin-c7c62107.js} +1 -1
  55. package/esm/skin-c9583e71.js +1 -0
  56. package/esm/{util-66a380dd.js → util-e1ca0d8f.js} +1 -1
  57. package/esm/utilities/manager.d.ts +4 -0
  58. package/esm/videoSelector-38e01f05.js +1 -0
  59. package/esm/videoSelector-c9f706e4.js +1 -0
  60. package/package.json +2 -2
  61. package/cjs/generic-ae574c9a.js +0 -1
  62. package/cjs/skin-a57ec2d4.js +0 -1
  63. package/cjs/skin-ee093670.js +0 -1
  64. package/esm/autoNextVideo-b5a0e7f2.js +0 -1
  65. package/esm/generic-33a5f6db.js +0 -1
  66. package/esm/playlist-0354b5d9.js +0 -1
  67. package/esm/skin-30aad0cd.js +0 -1
  68. package/esm/skin-584ab22b.js +0 -1
  69. package/esm/skin-5dcf4810.js +0 -1
  70. package/esm/skin-8d8c5654.js +0 -1
  71. package/esm/skin-a29e48d8.js +0 -1
  72. package/esm/skin-b67cc4f1.js +0 -1
  73. package/esm/videoSelector-26401bd6.js +0 -1
  74. package/esm/videoSelector-df3d0d5d.js +0 -1
package/cjs/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,76 +446,64 @@
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
 
530
505
 
531
506
 
532
-
533
507
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
534
508
  height: 0.7em;
535
509
  position: absolute;
@@ -726,31 +700,31 @@
726
700
  }
727
701
  }
728
702
 
729
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
703
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
730
704
  font-size: 2.2em;
731
705
  line-height: 2.6;
732
706
  }
733
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
734
- background: #fcb700;
707
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
708
+ background: white;
735
709
  }
736
- .video-js.skin_news_live .vjs-control-bar{
710
+ .video-js.skin_news .vjs-control-bar{
737
711
  z-index: 1 !important;
738
712
  height: 5em !important;
739
713
  background: black !important;
740
714
  }
741
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
715
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
742
716
  display: flex;
743
717
  align-items: center;
744
718
  justify-content: center;
745
719
  }
746
720
 
747
- .video-js.skin_news_live .vjs-fade>* {
721
+ .video-js.skin_news .vjs-fade>* {
748
722
  visibility: hidden !important;
749
723
  opacity: 0 !important;
750
724
  transition: visibility 1s, opacity 1s !important;
751
725
  }
752
726
 
753
- .video-js.skin_news_live .custom-spaced-progress-bar {
727
+ .video-js.skin_news .custom-spaced-progress-bar {
754
728
  position: absolute;
755
729
  width: 100%;
756
730
  display: flex;
@@ -758,7 +732,7 @@
758
732
  top: -0.5em;
759
733
  }
760
734
 
761
- .video-js.skin_news_live .vjs-progress-control {
735
+ .video-js.skin_news .vjs-progress-control {
762
736
  /* left: -6px; */
763
737
  position: relative;
764
738
  width: 100%;
@@ -766,25 +740,22 @@
766
740
  transition: height 0.1s, top 0.1s;
767
741
  }
768
742
 
769
- .video-js.skin_news_live .vjs-volume-panel{
770
- min-width: 5.3em;
771
- }
772
743
 
773
744
 
774
745
 
775
- .video-js.skin_news_live .vjs-custom-control-spacer {
776
- /* display: block; */
777
- /* flex: 1 1 auto; */
746
+ .video-js.skin_news .vjs-custom-control-spacer {
747
+ display: block;
748
+ flex: 1 1 auto;
778
749
  }
779
750
 
780
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
751
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
781
752
  margin: 0 0px 0 0px;
782
753
  }
783
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
754
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
784
755
  display: none;
785
756
  }
786
757
 
787
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
758
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
788
759
  font-size: 14px;
789
760
  font-weight: 500;
790
761
  align-self: center;
@@ -793,30 +764,30 @@
793
764
  border-radius: 8px;
794
765
  }
795
766
 
796
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
767
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
797
768
  height: 6px !important;
798
769
  }
799
770
 
800
- .video-js.skin_news_live .vjs-play-progress:before {
771
+ .video-js.skin_news .vjs-play-progress:before {
801
772
  font-size: 1.5em;
802
773
  line-height: unset;
803
774
  top: -0.3333333333em;
804
775
  }
805
776
 
806
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
777
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
807
778
  display: none !important;
808
779
  }
809
780
 
810
781
  /* */
811
- .video-js.skin_news_live .vjs-mouse-display{
782
+ .video-js.skin_news .vjs-mouse-display{
812
783
  font-size: 1.6666666667em;
813
784
  }
814
785
 
815
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
786
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
816
787
  font-size: 1em !important;
817
788
  }
818
789
 
819
- .video-js.skin_news_live .vjs-button{
790
+ .video-js.skin_news .vjs-button{
820
791
  width: 5.3em;
821
792
  display: flex;
822
793
  align-items: center;
@@ -824,71 +795,63 @@
824
795
  }
825
796
 
826
797
 
827
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
798
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
828
799
  .icon-maximize {
829
800
  display: block;
830
801
  height: 32px;
831
802
  }
832
803
 
833
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
804
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
834
805
  line-height: 4;
835
806
  }
836
807
 
837
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
808
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
838
809
  .icon-minimize {
839
810
  display: none;
840
811
  height: 32px;
841
812
  }
842
813
 
843
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
814
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
844
815
  outline: none !important;
845
- /* flex: 1; */
846
816
  }
847
- .video-js.skin_news_live .vjs-play-toggle-container{
848
- display: flex;
849
- flex: 1;
850
- justify-content: center;
851
- }
852
-
853
-
854
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
817
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
855
818
  .vjs-icon-fullscreen-enter:before {
856
819
  /* content: '' !important; */
857
820
  }
858
821
 
859
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
822
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
860
823
  display: flex;
861
824
  justify-content: center;
862
825
  align-items: center;
863
826
  /* transform: rotate(90deg); */
864
827
  }
865
828
 
866
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
829
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
867
830
  display: none;
868
831
  }
869
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
832
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
870
833
  margin-left: -10px;
871
834
  }
872
835
 
873
- .video-js.skin_news_live .skipbtn:hover{
836
+ .video-js.skin_news .skipbtn:hover{
874
837
  cursor: pointer;
875
838
  }
876
839
 
877
- .video-js.skin_news_live .rewindbtn:hover{
840
+ .video-js.skin_news .rewindbtn:hover{
878
841
  cursor: pointer;
879
842
  }
880
843
 
881
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
844
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
882
845
  position: relative;
883
846
  padding-left: 0;
884
847
  }
885
848
 
886
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
849
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
887
850
  display: none !important;
888
851
  }
889
852
 
890
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
891
- /* width: 90px;
853
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
854
+ width: 90px;
892
855
  height: 90px;
893
856
  display: flex;
894
857
  justify-content: center;
@@ -903,20 +866,19 @@
903
866
  font-size: 6em;
904
867
  line-height: 1.4em;
905
868
  border: 0.05em solid;
906
- color: inherit; */
907
- display: none !important;
869
+ color: inherit;
908
870
  }
909
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
871
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
910
872
  font-weight: bold;
911
873
  }
912
874
 
913
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
875
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
914
876
  bottom: 2.4em !important;
915
877
  right: -1em;
916
878
  z-index: 1;
917
879
  }
918
880
 
919
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
881
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
920
882
  width: 24px !important;
921
883
  height: 24px !important;
922
884
  }
@@ -926,34 +888,34 @@
926
888
  }
927
889
 
928
890
 
929
- .video-js.skin_news_live button.vjs-rewind-button{
891
+ .video-js.skin_news button.vjs-rewind-button{
930
892
  cursor: pointer;
931
893
  }
932
894
 
933
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
895
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
934
896
  padding-right: 0;
935
- display: none;
936
897
  }
937
898
 
938
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
899
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
939
900
  padding-left: 0;
940
- display: none;
941
901
  }
942
902
 
943
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
903
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
944
904
  padding-left: 0;
945
905
  padding-right: 0;
946
- display: none;
906
+ display: flex;
907
+ justify-content: center;
908
+ width: min-content;
947
909
  }
948
910
 
949
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
911
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
950
912
  display: none
951
913
  }
952
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
914
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
953
915
  display: none
954
916
  }
955
917
 
956
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
918
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
957
919
  display: flex;
958
920
  align-items: center;
959
921
  font-weight: 700;
@@ -961,26 +923,26 @@
961
923
  min-width: 1.2em;
962
924
  }
963
925
 
964
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
926
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
965
927
  display: none;
966
928
  font-size: 11px;
967
929
  justify-content: center;
968
930
  align-items: center;
969
931
  user-select: none;
970
932
  }
971
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
933
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
972
934
  display: none;
973
935
  }
974
936
 
975
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
937
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
976
938
  height: min-content;
977
939
  width: min-content;
978
940
  }
979
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
941
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
980
942
  width: 6em;
981
943
  }
982
944
 
983
- .video-js.skin_news_live .content{
945
+ .video-js.skin_news .content{
984
946
  bottom: 3.4rem !important;
985
947
  right: -4rem !important;
986
948
  }
@@ -999,16 +961,15 @@
999
961
  pointer-events:none
1000
962
  }
1001
963
 
1002
- .video-js.skin_news_live iframe{
964
+ .video-js.skin_news iframe{
1003
965
  width: 100%;
1004
966
  height: 100%;
1005
967
  }
1006
968
 
1007
- .video-js.skin_news_live .vjs-live-control{
969
+ .video-js.skin_news .vjs-live-control{
1008
970
  align-items: center;
1009
- display: none;
1010
971
  }
1011
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
972
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1012
973
  height: 2.2em;
1013
974
  display: flex;
1014
975
  align-items: center;
@@ -1019,22 +980,43 @@
1019
980
  margin: 4px 0px 4px 12px;
1020
981
  }
1021
982
 
1022
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
983
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1023
984
  text-shadow: none;
1024
985
  }
986
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
987
+ display: none;
988
+ font-size: 12px;
989
+ }
1025
990
 
1026
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1027
- display: flex;
991
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
992
+ height: 2.2em;
993
+ display: inline-flex;
994
+ align-items: center;
995
+ /* font-family: monospace; */
1028
996
  justify-content: center;
1029
- min-width: 5.3em;
1030
- pointer-events: none;
1031
- user-select: none;
997
+ border: 2px solid;
998
+ margin: 4px 0px 4px 6px;
999
+ white-space: pre;
1000
+ padding: 0px 6px;
1001
+ font-size: 1.2em;
1002
+ font-weight: 500;
1003
+ color: rgba(255, 255, 2555, 0.7);
1004
+
1005
+ letter-spacing: -.1px;
1006
+ line-height: normal;
1007
+ text-transform: uppercase;
1008
+ color: #FFFFFF;
1009
+ opacity: .7;
1010
+ font-family: "Proxima Nova";
1032
1011
  }
1033
1012
 
1034
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1035
- color: white;
1013
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1014
+ opacity: 1;
1036
1015
  }
1037
1016
 
1017
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1018
+ content: "NOT LIVE";
1019
+ }
1038
1020
 
1039
1021
  .settings-selection.vjs-control.vjs-button{
1040
1022
  display: flex !important;
@@ -1051,57 +1033,57 @@
1051
1033
  .tvProviderImage{
1052
1034
  display: none
1053
1035
  }
1054
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1036
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1055
1037
  .icon-maximize {
1056
1038
  height: 30px !important;
1057
1039
  }
1058
1040
 
1059
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1041
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1060
1042
  .icon-minimize {
1061
1043
  height: 30px !important;
1062
1044
  }
1063
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1045
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1064
1046
  width: 4.5em;
1065
1047
  }
1066
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1048
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1067
1049
  height: min-content;
1068
1050
  }
1069
1051
 
1070
- .video-js.skin_news_live button.vjs-slowmo-button{
1052
+ .video-js.skin_news button.vjs-slowmo-button{
1071
1053
  display: none;
1072
1054
  }
1073
- .video-js.skin_news_live button.vjs-rewind-button{
1055
+ .video-js.skin_news button.vjs-rewind-button{
1074
1056
  display: none;
1075
1057
  }
1076
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1058
+ .video-js.skin_news button.vjs-rewind-button>svg{
1077
1059
  height: 20px;
1078
1060
  }
1079
- .video-js.skin_news_live .vjs-button{
1061
+ .video-js.skin_news .vjs-button{
1080
1062
  width: 4.8em;
1081
1063
  }
1082
- .video-js.skin_news_live .widget-selection{
1064
+ .video-js.skin_news .widget-selection{
1083
1065
  display: none;
1084
1066
  }
1085
- .video-js.skin_news_live .container{
1067
+ .video-js.skin_news .container{
1086
1068
  display: none !important;
1087
1069
  }
1088
- .video-js.skin_news_live .vjs-control-bar{
1070
+ .video-js.skin_news .vjs-control-bar{
1089
1071
  height: 4em !important;
1090
1072
  }
1091
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1073
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1092
1074
  font-size: 2.5em;
1093
1075
  line-height: 1.5;
1094
1076
  }
1095
- .video-js.skin_news_live .vjs-play-progress:before {
1077
+ .video-js.skin_news .vjs-play-progress:before {
1096
1078
  font-size: 1.2em;
1097
1079
  position: absolute;
1098
1080
  right: -0.5em;
1099
1081
  z-index: 1;
1100
1082
  }
1101
- .video-js.skin_news_live button.vjs-skip-button>svg{
1083
+ .video-js.skin_news button.vjs-skip-button>svg{
1102
1084
  height: 20px;
1103
1085
  }
1104
- .video-js.skin_news_live button.vjs-big-play-button {
1086
+ .video-js.skin_news button.vjs-big-play-button {
1105
1087
  width: 50px !important;
1106
1088
  height: 50px !important;
1107
1089
  font-size: 2.1rem !important;
@@ -1111,17 +1093,17 @@
1111
1093
  width: 24px;
1112
1094
  height: 24px;
1113
1095
  }
1114
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1096
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1115
1097
  margin: 0 12px 0 12px;
1116
1098
  }
1117
- .video-js.skin_news_live .vjs-seek-to-live-text{
1099
+ .video-js.skin_news .vjs-seek-to-live-text{
1118
1100
  font-size: 12px;
1119
1101
  }
1120
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1102
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1121
1103
  margin: 0 12px 0 12px;
1122
1104
  }
1123
1105
  }
1124
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1106
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1125
1107
  width: 90px;
1126
1108
  height: 90px;
1127
1109
  display: flex;
@@ -1138,7 +1120,7 @@
1138
1120
  line-height: 1.4em;
1139
1121
  }
1140
1122
 
1141
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1123
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1142
1124
  display: flex;
1143
1125
  justify-content: center;
1144
1126
  align-items: center;
@@ -1146,22 +1128,29 @@
1146
1128
  transition: width 0.1s;
1147
1129
  }
1148
1130
 
1149
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1131
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1150
1132
  display: flex;
1151
1133
  justify-content: center;
1152
1134
  align-items: center;
1153
1135
  height: 100%;
1154
1136
  transition: width 0.1s;
1155
1137
  }
1156
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1138
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1157
1139
  display: none !important;
1158
1140
  }
1141
+ .video-js.skin_news .ssai-ad-container{
1142
+ position: absolute;
1143
+ bottom: 14px;
1144
+ }
1159
1145
 
1160
1146
  @media (max-width: 576px) {
1161
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1147
+ .video-js.skin_news .ssai-ad-container{
1148
+ bottom: 2px;
1149
+ }
1150
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1162
1151
  height: 5px !important;
1163
1152
  }
1164
- .video-js.skin_news_live button.vjs-big-play-button {
1153
+ .video-js.skin_news button.vjs-big-play-button {
1165
1154
  width: 50px !important;
1166
1155
  height: 50px !important;
1167
1156
  font-size: 2.1rem !important;
@@ -1170,59 +1159,70 @@
1170
1159
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1171
1160
  display: none;
1172
1161
  }
1173
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1162
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1174
1163
  bottom: 2.4em !important;
1175
1164
  right: -1em;
1176
1165
  z-index: 1;
1177
1166
  }
1178
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1167
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1179
1168
  display: none !important;
1180
1169
  }
1181
1170
 
1182
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1171
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1183
1172
  color: white !important;
1184
1173
  font-size: 13px !important;
1185
1174
  background-color: black !important;
1186
1175
  }
1187
1176
  }
1188
1177
 
1189
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1190
- width: 100% !important;
1191
- }
1192
-
1193
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1178
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1194
1179
  color: white !important;
1195
1180
  font-size: 16px !important;
1196
1181
  background-color: black !important;
1197
1182
  }
1198
1183
 
1199
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1184
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1200
1185
  margin-bottom: 2rem !important;
1201
1186
  }
1202
1187
 
1203
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1188
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1204
1189
  font-size: 18px !important;
1205
1190
  }
1206
1191
 
1207
1192
 
1208
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1209
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1193
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1194
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1210
1195
  font-size: 1.2em !important;
1211
1196
  line-height: 1.5em !important;
1212
1197
  padding: 0.2em 0.8em !important;
1213
1198
  }
1214
1199
 
1215
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1200
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1216
1201
  content: none !important;
1217
1202
  fill: none !important;
1218
1203
  filter: none !important;
1219
1204
  }
1220
1205
 
1221
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1206
+ /* svg icons opacity and hover effect */
1207
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1208
+ opacity: 0.7 !important;
1209
+ }
1210
+
1211
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1212
+ opacity: 1 !important;
1213
+ }
1214
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1215
+ opacity: 0.7 !important;
1216
+ }
1217
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1218
+ opacity: 1 !important;
1219
+ }
1220
+
1221
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1222
1222
  color: rgba(255, 255, 2555, 0.7)!important;
1223
1223
  }
1224
1224
 
1225
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1225
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1226
1226
  color: rgba(255, 255, 2555, 1)!important;
1227
1227
  }
1228
1228
 
@@ -1880,7 +1880,6 @@
1880
1880
 
1881
1881
 
1882
1882
 
1883
-
1884
1883
  .video-js .multicamera-parent.default{
1885
1884
  height: 345px;
1886
1885
  position: absolute;
@@ -1962,6 +1961,7 @@
1962
1961
 
1963
1962
 
1964
1963
 
1964
+
1965
1965
  .vjs-custom-big-mute.vjs-control{
1966
1966
  position: absolute;
1967
1967
  align-items: center;