@viewlift/player-backup 2.0.271-backup → 2.0.273-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-f6948193.js → autoNextVideo-0de0c99f.js} +1 -1
  2. package/cjs/bundle.css +580 -580
  3. package/cjs/{features-96f82a11.js → features-37a04894.js} +1 -1
  4. package/cjs/{generic-b88d9902.js → generic-ae574c9a.js} +1 -1
  5. package/cjs/{index-f84db362.js → index-1a998ebc.js} +1 -1
  6. package/cjs/{index-9334bcfb.js → index-752fb705.js} +1 -1
  7. package/cjs/index.js +1 -1
  8. package/cjs/{multicamv2-a91630a3.js → multicamv2-ae7ad18b.js} +1 -1
  9. package/cjs/{multicamv2-567c42aa.js → multicamv2-b929ee52.js} +1 -1
  10. package/cjs/{nextEpisodeButton-f8dbf122.js → nextEpisodeButton-9c276bae.js} +1 -1
  11. package/cjs/{playlist-859e992e.js → playlist-cbca04c1.js} +1 -1
  12. package/cjs/{series-e4c15432.js → series-ff8ba498.js} +1 -1
  13. package/cjs/{series-v2-3a4b4de8.js → series-v2-67043b16.js} +1 -1
  14. package/cjs/{series-v2-30127cc1.js → series-v2-d10e780c.js} +1 -1
  15. package/cjs/{skin-bebf8ab8.js → skin-34188947.js} +1 -1
  16. package/cjs/{skin-d53f493c.js → skin-479b7ff2.js} +1 -1
  17. package/cjs/{skin-b4033ee3.js → skin-67a053be.js} +1 -1
  18. package/cjs/{skin-45fa1017.js → skin-743ea67a.js} +1 -1
  19. package/cjs/{skin-01e8b937.js → skin-a57ec2d4.js} +1 -1
  20. package/cjs/{skin-eb76b6c2.js → skin-dbd0eb85.js} +1 -1
  21. package/cjs/{skin-5bfadcc7.js → skin-ee093670.js} +1 -1
  22. package/cjs/{skin-663efe23.js → skin-f0acf681.js} +1 -1
  23. package/cjs/{skin-d449945c.js → skin-f8d0355f.js} +1 -1
  24. package/cjs/{util-8494ff95.js → util-bdbdb756.js} +1 -1
  25. package/cjs/{videoSelector-a2fb671d.js → videoSelector-69edac48.js} +1 -1
  26. package/cjs/{videoSelector-6b5a8b9d.js → videoSelector-f5ed50a7.js} +1 -1
  27. package/esm/{autoNextVideo-5edbb399.js → autoNextVideo-b5a0e7f2.js} +1 -1
  28. package/esm/bundle.css +580 -580
  29. package/esm/{features-c86717cb.js → features-6789d00a.js} +1 -1
  30. package/esm/{generic-7018a35f.js → generic-33a5f6db.js} +1 -1
  31. package/esm/{index-12f33a04.js → index-21baa8fb.js} +1 -1
  32. package/esm/{index-1a2804e4.js → index-367f32c7.js} +1 -1
  33. package/esm/index.js +1 -1
  34. package/esm/{multicamv2-107925a8.js → multicamv2-38526af8.js} +1 -1
  35. package/esm/{multicamv2-8b3b63f8.js → multicamv2-63c414c7.js} +1 -1
  36. package/esm/{nextEpisodeButton-9340ef4c.js → nextEpisodeButton-6f748f3c.js} +1 -1
  37. package/esm/{playlist-aa0ab582.js → playlist-0354b5d9.js} +1 -1
  38. package/esm/{series-7e9b8ad9.js → series-9ae8159d.js} +1 -1
  39. package/esm/{series-v2-2a5e43be.js → series-v2-0cc8f758.js} +1 -1
  40. package/esm/{series-v2-534909ec.js → series-v2-70023e34.js} +1 -1
  41. package/esm/{skin-22491664.js → skin-272c9ee0.js} +1 -1
  42. package/esm/{skin-5d9d338d.js → skin-30aad0cd.js} +1 -1
  43. package/esm/{skin-fc386a0b.js → skin-584ab22b.js} +1 -1
  44. package/esm/{skin-d5be7e2e.js → skin-5dcf4810.js} +1 -1
  45. package/esm/{skin-35cb85a4.js → skin-8d8c5654.js} +1 -1
  46. package/esm/{skin-3563964e.js → skin-a29e48d8.js} +1 -1
  47. package/esm/{skin-d7b5d047.js → skin-b3b3b287.js} +1 -1
  48. package/esm/{skin-063713b5.js → skin-b67cc4f1.js} +1 -1
  49. package/esm/{skin-b2696d32.js → skin-fa83e953.js} +1 -1
  50. package/esm/{util-5b0950d3.js → util-66a380dd.js} +1 -1
  51. package/esm/{videoSelector-1aeef366.js → videoSelector-26401bd6.js} +1 -1
  52. package/esm/{videoSelector-06052b84.js → videoSelector-df3d0d5d.js} +1 -1
  53. package/package.json +2 -2
package/cjs/bundle.css CHANGED
@@ -1,32 +1,31 @@
1
1
 
2
2
 
3
3
 
4
-
5
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
4
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
6
5
  font-size: 2.2em;
7
6
  line-height: 2.6;
8
7
  }
9
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
10
- background: #fcb700;
8
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
+ background: white;
11
10
  }
12
- .video-js.skin_news_live .vjs-control-bar{
11
+ .video-js.skin_news .vjs-control-bar{
13
12
  z-index: 1 !important;
14
13
  height: 5em !important;
15
14
  background: black !important;
16
15
  }
17
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
16
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
18
17
  display: flex;
19
18
  align-items: center;
20
19
  justify-content: center;
21
20
  }
22
21
 
23
- .video-js.skin_news_live .vjs-fade>* {
22
+ .video-js.skin_news .vjs-fade>* {
24
23
  visibility: hidden !important;
25
24
  opacity: 0 !important;
26
25
  transition: visibility 1s, opacity 1s !important;
27
26
  }
28
27
 
29
- .video-js.skin_news_live .custom-spaced-progress-bar {
28
+ .video-js.skin_news .custom-spaced-progress-bar {
30
29
  position: absolute;
31
30
  width: 100%;
32
31
  display: flex;
@@ -34,7 +33,7 @@
34
33
  top: -0.5em;
35
34
  }
36
35
 
37
- .video-js.skin_news_live .vjs-progress-control {
36
+ .video-js.skin_news .vjs-progress-control {
38
37
  /* left: -6px; */
39
38
  position: relative;
40
39
  width: 100%;
@@ -42,25 +41,22 @@
42
41
  transition: height 0.1s, top 0.1s;
43
42
  }
44
43
 
45
- .video-js.skin_news_live .vjs-volume-panel{
46
- min-width: 5.3em;
47
- }
48
44
 
49
45
 
50
46
 
51
- .video-js.skin_news_live .vjs-custom-control-spacer {
52
- /* display: block; */
53
- /* flex: 1 1 auto; */
47
+ .video-js.skin_news .vjs-custom-control-spacer {
48
+ display: block;
49
+ flex: 1 1 auto;
54
50
  }
55
51
 
56
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
52
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
57
53
  margin: 0 0px 0 0px;
58
54
  }
59
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
55
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
60
56
  display: none;
61
57
  }
62
58
 
63
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
59
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
64
60
  font-size: 14px;
65
61
  font-weight: 500;
66
62
  align-self: center;
@@ -69,30 +65,30 @@
69
65
  border-radius: 8px;
70
66
  }
71
67
 
72
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
68
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
73
69
  height: 6px !important;
74
70
  }
75
71
 
76
- .video-js.skin_news_live .vjs-play-progress:before {
72
+ .video-js.skin_news .vjs-play-progress:before {
77
73
  font-size: 1.5em;
78
74
  line-height: unset;
79
75
  top: -0.3333333333em;
80
76
  }
81
77
 
82
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
78
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
83
79
  display: none !important;
84
80
  }
85
81
 
86
82
  /* */
87
- .video-js.skin_news_live .vjs-mouse-display{
83
+ .video-js.skin_news .vjs-mouse-display{
88
84
  font-size: 1.6666666667em;
89
85
  }
90
86
 
91
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
87
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
92
88
  font-size: 1em !important;
93
89
  }
94
90
 
95
- .video-js.skin_news_live .vjs-button{
91
+ .video-js.skin_news .vjs-button{
96
92
  width: 5.3em;
97
93
  display: flex;
98
94
  align-items: center;
@@ -100,71 +96,63 @@
100
96
  }
101
97
 
102
98
 
103
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
99
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
104
100
  .icon-maximize {
105
101
  display: block;
106
102
  height: 32px;
107
103
  }
108
104
 
109
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
105
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
110
106
  line-height: 4;
111
107
  }
112
108
 
113
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
109
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
114
110
  .icon-minimize {
115
111
  display: none;
116
112
  height: 32px;
117
113
  }
118
114
 
119
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
115
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
120
116
  outline: none !important;
121
- /* flex: 1; */
122
- }
123
- .video-js.skin_news_live .vjs-play-toggle-container{
124
- display: flex;
125
- flex: 1;
126
- justify-content: center;
127
117
  }
128
-
129
-
130
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
118
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
131
119
  .vjs-icon-fullscreen-enter:before {
132
120
  /* content: '' !important; */
133
121
  }
134
122
 
135
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
123
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
136
124
  display: flex;
137
125
  justify-content: center;
138
126
  align-items: center;
139
127
  /* transform: rotate(90deg); */
140
128
  }
141
129
 
142
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
130
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
143
131
  display: none;
144
132
  }
145
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
133
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
146
134
  margin-left: -10px;
147
135
  }
148
136
 
149
- .video-js.skin_news_live .skipbtn:hover{
137
+ .video-js.skin_news .skipbtn:hover{
150
138
  cursor: pointer;
151
139
  }
152
140
 
153
- .video-js.skin_news_live .rewindbtn:hover{
141
+ .video-js.skin_news .rewindbtn:hover{
154
142
  cursor: pointer;
155
143
  }
156
144
 
157
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
145
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
158
146
  position: relative;
159
147
  padding-left: 0;
160
148
  }
161
149
 
162
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
150
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
163
151
  display: none !important;
164
152
  }
165
153
 
166
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
167
- /* width: 90px;
154
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
+ width: 90px;
168
156
  height: 90px;
169
157
  display: flex;
170
158
  justify-content: center;
@@ -179,20 +167,19 @@
179
167
  font-size: 6em;
180
168
  line-height: 1.4em;
181
169
  border: 0.05em solid;
182
- color: inherit; */
183
- display: none !important;
170
+ color: inherit;
184
171
  }
185
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
172
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
186
173
  font-weight: bold;
187
174
  }
188
175
 
189
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
176
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
190
177
  bottom: 2.4em !important;
191
178
  right: -1em;
192
179
  z-index: 1;
193
180
  }
194
181
 
195
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
182
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
196
183
  width: 24px !important;
197
184
  height: 24px !important;
198
185
  }
@@ -202,34 +189,34 @@
202
189
  }
203
190
 
204
191
 
205
- .video-js.skin_news_live button.vjs-rewind-button{
192
+ .video-js.skin_news button.vjs-rewind-button{
206
193
  cursor: pointer;
207
194
  }
208
195
 
209
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
196
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
210
197
  padding-right: 0;
211
- display: none;
212
198
  }
213
199
 
214
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
200
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
215
201
  padding-left: 0;
216
- display: none;
217
202
  }
218
203
 
219
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
204
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
220
205
  padding-left: 0;
221
206
  padding-right: 0;
222
- display: none;
207
+ display: flex;
208
+ justify-content: center;
209
+ width: min-content;
223
210
  }
224
211
 
225
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
212
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
226
213
  display: none
227
214
  }
228
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
215
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
229
216
  display: none
230
217
  }
231
218
 
232
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
219
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
233
220
  display: flex;
234
221
  align-items: center;
235
222
  font-weight: 700;
@@ -237,26 +224,26 @@
237
224
  min-width: 1.2em;
238
225
  }
239
226
 
240
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
227
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
241
228
  display: none;
242
229
  font-size: 11px;
243
230
  justify-content: center;
244
231
  align-items: center;
245
232
  user-select: none;
246
233
  }
247
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
234
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
248
235
  display: none;
249
236
  }
250
237
 
251
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
238
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
252
239
  height: min-content;
253
240
  width: min-content;
254
241
  }
255
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
242
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
256
243
  width: 6em;
257
244
  }
258
245
 
259
- .video-js.skin_news_live .content{
246
+ .video-js.skin_news .content{
260
247
  bottom: 3.4rem !important;
261
248
  right: -4rem !important;
262
249
  }
@@ -275,16 +262,15 @@
275
262
  pointer-events:none
276
263
  }
277
264
 
278
- .video-js.skin_news_live iframe{
265
+ .video-js.skin_news iframe{
279
266
  width: 100%;
280
267
  height: 100%;
281
268
  }
282
269
 
283
- .video-js.skin_news_live .vjs-live-control{
270
+ .video-js.skin_news .vjs-live-control{
284
271
  align-items: center;
285
- display: none;
286
272
  }
287
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
273
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
288
274
  height: 2.2em;
289
275
  display: flex;
290
276
  align-items: center;
@@ -295,22 +281,43 @@
295
281
  margin: 4px 0px 4px 12px;
296
282
  }
297
283
 
298
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
284
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
299
285
  text-shadow: none;
300
286
  }
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
+ }
301
291
 
302
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
303
- display: flex;
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; */
304
297
  justify-content: center;
305
- min-width: 5.3em;
306
- pointer-events: none;
307
- user-select: none;
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";
308
312
  }
309
313
 
310
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
311
- color: white;
314
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
+ opacity: 1;
312
316
  }
313
317
 
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
+ }
314
321
 
315
322
  .settings-selection.vjs-control.vjs-button{
316
323
  display: flex !important;
@@ -327,57 +334,57 @@
327
334
  .tvProviderImage{
328
335
  display: none
329
336
  }
330
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
337
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
331
338
  .icon-maximize {
332
339
  height: 30px !important;
333
340
  }
334
341
 
335
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
342
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
336
343
  .icon-minimize {
337
344
  height: 30px !important;
338
345
  }
339
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
346
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
340
347
  width: 4.5em;
341
348
  }
342
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
349
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
343
350
  height: min-content;
344
351
  }
345
352
 
346
- .video-js.skin_news_live button.vjs-slowmo-button{
353
+ .video-js.skin_news button.vjs-slowmo-button{
347
354
  display: none;
348
355
  }
349
- .video-js.skin_news_live button.vjs-rewind-button{
356
+ .video-js.skin_news button.vjs-rewind-button{
350
357
  display: none;
351
358
  }
352
- .video-js.skin_news_live button.vjs-rewind-button>svg{
359
+ .video-js.skin_news button.vjs-rewind-button>svg{
353
360
  height: 20px;
354
361
  }
355
- .video-js.skin_news_live .vjs-button{
362
+ .video-js.skin_news .vjs-button{
356
363
  width: 4.8em;
357
364
  }
358
- .video-js.skin_news_live .widget-selection{
365
+ .video-js.skin_news .widget-selection{
359
366
  display: none;
360
367
  }
361
- .video-js.skin_news_live .container{
368
+ .video-js.skin_news .container{
362
369
  display: none !important;
363
370
  }
364
- .video-js.skin_news_live .vjs-control-bar{
371
+ .video-js.skin_news .vjs-control-bar{
365
372
  height: 4em !important;
366
373
  }
367
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
374
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
368
375
  font-size: 2.5em;
369
376
  line-height: 1.5;
370
377
  }
371
- .video-js.skin_news_live .vjs-play-progress:before {
378
+ .video-js.skin_news .vjs-play-progress:before {
372
379
  font-size: 1.2em;
373
380
  position: absolute;
374
381
  right: -0.5em;
375
382
  z-index: 1;
376
383
  }
377
- .video-js.skin_news_live button.vjs-skip-button>svg{
384
+ .video-js.skin_news button.vjs-skip-button>svg{
378
385
  height: 20px;
379
386
  }
380
- .video-js.skin_news_live button.vjs-big-play-button {
387
+ .video-js.skin_news button.vjs-big-play-button {
381
388
  width: 50px !important;
382
389
  height: 50px !important;
383
390
  font-size: 2.1rem !important;
@@ -387,17 +394,17 @@
387
394
  width: 24px;
388
395
  height: 24px;
389
396
  }
390
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
397
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
391
398
  margin: 0 12px 0 12px;
392
399
  }
393
- .video-js.skin_news_live .vjs-seek-to-live-text{
400
+ .video-js.skin_news .vjs-seek-to-live-text{
394
401
  font-size: 12px;
395
402
  }
396
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
403
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
397
404
  margin: 0 12px 0 12px;
398
405
  }
399
406
  }
400
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
407
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
401
408
  width: 90px;
402
409
  height: 90px;
403
410
  display: flex;
@@ -414,7 +421,7 @@
414
421
  line-height: 1.4em;
415
422
  }
416
423
 
417
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
418
425
  display: flex;
419
426
  justify-content: center;
420
427
  align-items: center;
@@ -422,22 +429,29 @@
422
429
  transition: width 0.1s;
423
430
  }
424
431
 
425
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
432
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
426
433
  display: flex;
427
434
  justify-content: center;
428
435
  align-items: center;
429
436
  height: 100%;
430
437
  transition: width 0.1s;
431
438
  }
432
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
439
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
433
440
  display: none !important;
434
441
  }
442
+ .video-js.skin_news .ssai-ad-container{
443
+ position: absolute;
444
+ bottom: 14px;
445
+ }
435
446
 
436
447
  @media (max-width: 576px) {
437
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
448
+ .video-js.skin_news .ssai-ad-container{
449
+ bottom: 2px;
450
+ }
451
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
438
452
  height: 5px !important;
439
453
  }
440
- .video-js.skin_news_live button.vjs-big-play-button {
454
+ .video-js.skin_news button.vjs-big-play-button {
441
455
  width: 50px !important;
442
456
  height: 50px !important;
443
457
  font-size: 2.1rem !important;
@@ -446,63 +460,73 @@
446
460
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
447
461
  display: none;
448
462
  }
449
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
463
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
450
464
  bottom: 2.4em !important;
451
465
  right: -1em;
452
466
  z-index: 1;
453
467
  }
454
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
468
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
455
469
  display: none !important;
456
470
  }
457
471
 
458
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
472
+ .video-js.skin_news .vjs-text-track-display-ttml span {
459
473
  color: white !important;
460
474
  font-size: 13px !important;
461
475
  background-color: black !important;
462
476
  }
463
477
  }
464
478
 
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 {
479
+ .video-js.skin_news .vjs-text-track-display-ttml span {
470
480
  color: white !important;
471
481
  font-size: 16px !important;
472
482
  background-color: black !important;
473
483
  }
474
484
 
475
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
485
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
476
486
  margin-bottom: 2rem !important;
477
487
  }
478
488
 
479
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
489
+ .video-js.skin_news .vjs-text-track-display-ttml p {
480
490
  font-size: 18px !important;
481
491
  }
482
492
 
483
493
 
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 {
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 {
486
496
  font-size: 1.2em !important;
487
497
  line-height: 1.5em !important;
488
498
  padding: 0.2em 0.8em !important;
489
499
  }
490
500
 
491
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
501
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
492
502
  content: none !important;
493
503
  fill: none !important;
494
504
  filter: none !important;
495
505
  }
496
506
 
497
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
498
- color: rgba(255, 255, 2555, 0.7)!important;
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;
499
510
  }
500
511
 
501
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
502
- color: rgba(255, 255, 2555, 1)!important;
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 {
523
+ color: rgba(255, 255, 2555, 0.7)!important;
524
+ }
525
+
526
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
527
+ color: rgba(255, 255, 2555, 1)!important;
503
528
  }
504
529
 
505
-
506
530
 
507
531
 
508
532
 
@@ -702,26 +726,31 @@
702
726
  }
703
727
  }
704
728
 
705
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
729
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
706
730
  font-size: 2.2em;
707
731
  line-height: 2.6;
708
732
  }
709
- .video-js.skin_mini{
710
- overflow: hidden;
733
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
734
+ background: #fcb700;
711
735
  }
712
- .video-js.skin_mini .vjs-control-bar{
736
+ .video-js.skin_news_live .vjs-control-bar{
713
737
  z-index: 1 !important;
714
- height: 4em !important;
738
+ height: 5em !important;
715
739
  background: black !important;
716
740
  }
741
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
742
+ display: flex;
743
+ align-items: center;
744
+ justify-content: center;
745
+ }
717
746
 
718
- .video-js.skin_mini .vjs-fade>* {
747
+ .video-js.skin_news_live .vjs-fade>* {
719
748
  visibility: hidden !important;
720
749
  opacity: 0 !important;
721
750
  transition: visibility 1s, opacity 1s !important;
722
751
  }
723
752
 
724
- .video-js.skin_mini .custom-spaced-progress-bar {
753
+ .video-js.skin_news_live .custom-spaced-progress-bar {
725
754
  position: absolute;
726
755
  width: 100%;
727
756
  display: flex;
@@ -729,7 +758,7 @@
729
758
  top: -0.5em;
730
759
  }
731
760
 
732
- .video-js.skin_mini .vjs-progress-control {
761
+ .video-js.skin_news_live .vjs-progress-control {
733
762
  /* left: -6px; */
734
763
  position: relative;
735
764
  width: 100%;
@@ -737,22 +766,25 @@
737
766
  transition: height 0.1s, top 0.1s;
738
767
  }
739
768
 
769
+ .video-js.skin_news_live .vjs-volume-panel{
770
+ min-width: 5.3em;
771
+ }
740
772
 
741
773
 
742
774
 
743
- .video-js.skin_mini .vjs-custom-control-spacer {
744
- display: block;
745
- flex: 1 1 auto;
775
+ .video-js.skin_news_live .vjs-custom-control-spacer {
776
+ /* display: block; */
777
+ /* flex: 1 1 auto; */
746
778
  }
747
779
 
748
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
780
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
749
781
  margin: 0 0px 0 0px;
750
782
  }
751
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
783
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
752
784
  display: none;
753
785
  }
754
786
 
755
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
787
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
756
788
  font-size: 14px;
757
789
  font-weight: 500;
758
790
  align-self: center;
@@ -761,207 +793,199 @@
761
793
  border-radius: 8px;
762
794
  }
763
795
 
764
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
765
- height: 5px !important;
796
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
797
+ height: 6px !important;
766
798
  }
767
799
 
768
- .video-js.skin_mini .vjs-play-progress:before {
769
- font-size: 1.3em;
800
+ .video-js.skin_news_live .vjs-play-progress:before {
801
+ font-size: 1.5em;
770
802
  line-height: unset;
771
803
  top: -0.3333333333em;
772
804
  }
773
805
 
774
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
806
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
775
807
  display: none !important;
776
808
  }
777
809
 
778
810
  /* */
779
- .video-js.skin_mini .vjs-mouse-display{
811
+ .video-js.skin_news_live .vjs-mouse-display{
780
812
  font-size: 1.6666666667em;
781
813
  }
782
814
 
783
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
815
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
784
816
  font-size: 1em !important;
785
817
  }
786
818
 
787
- .video-js.skin_mini .vjs-button{
788
- width: 3em;
819
+ .video-js.skin_news_live .vjs-button{
820
+ width: 5.3em;
789
821
  display: flex;
790
822
  align-items: center;
791
823
  justify-content: center;
792
824
  }
793
825
 
794
826
 
795
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
827
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
796
828
  .icon-maximize {
797
829
  display: block;
798
830
  height: 32px;
799
831
  }
800
832
 
801
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
833
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
802
834
  line-height: 4;
803
835
  }
804
836
 
805
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
837
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
806
838
  .icon-minimize {
807
839
  display: none;
808
840
  height: 32px;
809
841
  }
810
842
 
811
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
843
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
812
844
  outline: none !important;
845
+ /* flex: 1; */
813
846
  }
814
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
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,
815
855
  .vjs-icon-fullscreen-enter:before {
816
856
  /* content: '' !important; */
817
857
  }
818
858
 
819
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
859
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
820
860
  display: flex;
821
861
  justify-content: center;
822
862
  align-items: center;
823
863
  /* transform: rotate(90deg); */
824
864
  }
825
865
 
826
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
866
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
827
867
  display: none;
828
868
  }
829
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
869
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
830
870
  margin-left: -10px;
831
- display: none;
832
- }
833
-
834
- .video-js.skin_mini .vjs-loading-spinner {
835
- position: absolute;
836
- top: 50%;
837
- left: 50%;
838
- transform: translate(-50%, -50%);
839
- opacity: .85;
840
- text-align: left;
841
- border: .2em solid rgba(43, 51, 63, .7);
842
- box-sizing: border-box;
843
- background-clip: padding-box;
844
- width: 3em;
845
- height: 3em;
846
- border-radius: 50%;
847
- visibility: hidden;
848
871
  }
849
872
 
850
- .video-js.skin_mini .skipbtn:hover{
873
+ .video-js.skin_news_live .skipbtn:hover{
851
874
  cursor: pointer;
852
875
  }
853
876
 
854
- .video-js.skin_mini .rewindbtn:hover{
877
+ .video-js.skin_news_live .rewindbtn:hover{
855
878
  cursor: pointer;
856
879
  }
857
880
 
858
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
881
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
859
882
  position: relative;
860
883
  padding-left: 0;
861
884
  }
862
885
 
863
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
864
- width: 40px;
865
- height: 40px;
866
- display: flex;
867
- justify-content: center;
868
- align-items: center;
869
- border: none;
870
- position: absolute;
871
- top: 0;
872
- left: 0;
873
- right: 0;
874
- bottom: 0;
875
- margin: auto;
876
- font-size: 3em;
877
- line-height: 1.3em;
878
- transform: none !important;
879
- border-radius: 1.3em;
886
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
887
+ display: none !important;
880
888
  }
881
889
 
882
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
890
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
891
+ /* width: 90px;
892
+ height: 90px;
893
+ display: flex;
894
+ justify-content: center;
895
+ align-items: center;
896
+ border-radius: 50%;
897
+ position: absolute;
898
+ top: 0;
899
+ left: 0;
900
+ right: 0;
901
+ bottom: 0;
902
+ margin: auto;
903
+ font-size: 6em;
904
+ line-height: 1.4em;
905
+ border: 0.05em solid;
906
+ color: inherit; */
907
+ display: none !important;
908
+ }
909
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
883
910
  font-weight: bold;
884
911
  }
885
912
 
886
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
887
- bottom: 1.1em !important;
888
- right: 1em;
913
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
914
+ bottom: 2.4em !important;
915
+ right: -1em;
889
916
  z-index: 1;
890
- font-size: 10px;
891
917
  }
892
918
 
893
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
919
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
894
920
  width: 24px !important;
895
921
  height: 24px !important;
896
922
  }
897
- .video-js.skin_mini .settings-selector-icon>svg{
923
+ .settings-selector-icon>svg{
898
924
  height: 19px !important;
899
925
  width: 19px !important;
900
926
  }
901
927
 
902
928
 
903
- .video-js.skin_mini button.vjs-rewind-button{
929
+ .video-js.skin_news_live button.vjs-rewind-button{
904
930
  cursor: pointer;
905
931
  }
906
932
 
907
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
933
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
908
934
  padding-right: 0;
935
+ display: none;
909
936
  }
910
937
 
911
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
938
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
912
939
  padding-left: 0;
940
+ display: none;
913
941
  }
914
942
 
915
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
943
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
916
944
  padding-left: 0;
917
945
  padding-right: 0;
918
- display: flex;
919
- justify-content: center;
920
- width: min-content;
946
+ display: none;
921
947
  }
922
948
 
923
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
949
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
924
950
  display: none
925
951
  }
926
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
952
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
927
953
  display: none
928
954
  }
929
955
 
930
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
931
- display: flex;
932
- align-items: center;
933
- font-weight: 700;
934
- font-size: 9px;
935
- min-width: 0.8em;
936
- padding-left: 0;
956
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
957
+ display: flex;
958
+ align-items: center;
959
+ font-weight: 700;
960
+ font-size: 12px;
961
+ min-width: 1.2em;
937
962
  }
938
963
 
939
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
964
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
940
965
  display: none;
941
966
  font-size: 11px;
942
967
  justify-content: center;
943
968
  align-items: center;
944
969
  user-select: none;
945
970
  }
946
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
971
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
947
972
  display: none;
948
973
  }
949
974
 
950
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
975
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
951
976
  height: min-content;
952
977
  width: min-content;
953
978
  }
954
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
955
- width: 3em;
956
- margin-right: 4px;
979
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
980
+ width: 6em;
957
981
  }
958
982
 
959
- .video-js.skin_mini .content{
983
+ .video-js.skin_news_live .content{
960
984
  bottom: 3.4rem !important;
961
985
  right: -4rem !important;
962
986
  }
963
987
 
964
- .video-js.skin_mini .setting-icon > svg{
988
+ .setting-icon > svg{
965
989
  height:18px !important;
966
990
  }
967
991
 
@@ -975,16 +999,16 @@
975
999
  pointer-events:none
976
1000
  }
977
1001
 
978
- .video-js.skin_mini iframe{
1002
+ .video-js.skin_news_live iframe{
979
1003
  width: 100%;
980
1004
  height: 100%;
981
1005
  }
982
1006
 
983
- .video-js.skin_mini .vjs-live-control{
1007
+ .video-js.skin_news_live .vjs-live-control{
984
1008
  align-items: center;
985
- max-width: 5em;
1009
+ display: none;
986
1010
  }
987
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1011
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
988
1012
  height: 2.2em;
989
1013
  display: flex;
990
1014
  align-items: center;
@@ -992,210 +1016,240 @@
992
1016
  width: 4em;
993
1017
  justify-content: center;
994
1018
  background: red;
995
- margin: 4px 0px 4px 2px;
1019
+ margin: 4px 0px 4px 12px;
996
1020
  }
997
1021
 
998
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1022
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
999
1023
  text-shadow: none;
1000
1024
  }
1001
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1002
- display: none;
1003
- font-size: 12px;
1004
- }
1005
1025
 
1006
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1007
- height: 1.8em;
1008
- display: inline-flex;
1009
- align-items: center;
1010
- font-family: monospace;
1026
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1027
+ display: flex;
1011
1028
  justify-content: center;
1012
- border: 1.5px solid;
1013
- margin: 4px 0px 4px 2px;
1014
- white-space: pre;
1015
- padding: 2px 4px;
1016
- font-size: 1.2em;
1017
- font-weight: 500;
1018
- color: rgba(255, 255, 2555, 0.7);
1029
+ min-width: 5.3em;
1030
+ pointer-events: none;
1031
+ user-select: none;
1019
1032
  }
1020
1033
 
1021
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1022
- content: "NOT LIVE";
1023
- word-spacing: -4px;
1034
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1035
+ color: white;
1024
1036
  }
1025
1037
 
1026
1038
 
1027
- @media(max-width:600px){
1028
- .tvProviderImage{
1029
- display: none
1030
- }
1031
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1032
- .icon-maximize {
1033
- height: 30px !important;
1034
- }
1039
+ .settings-selection.vjs-control.vjs-button{
1040
+ display: flex !important;
1041
+ }
1035
1042
 
1036
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1043
+ @media(max-width:576px){
1044
+ .settings-selection.vjs-control.vjs-button{
1045
+ display: none !important;
1046
+ }
1047
+ }
1048
+
1049
+
1050
+ @media(max-width:576px){
1051
+ .tvProviderImage{
1052
+ display: none
1053
+ }
1054
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1055
+ .icon-maximize {
1056
+ height: 30px !important;
1057
+ }
1058
+
1059
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1037
1060
  .icon-minimize {
1038
1061
  height: 30px !important;
1039
1062
  }
1040
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1041
- width: 3.5em;
1063
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1064
+ width: 4.5em;
1042
1065
  }
1043
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1066
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1044
1067
  height: min-content;
1045
1068
  }
1046
1069
 
1047
- .video-js.skin_mini button.vjs-slowmo-button{
1070
+ .video-js.skin_news_live button.vjs-slowmo-button{
1048
1071
  display: none;
1049
1072
  }
1050
- .video-js.skin_mini button.vjs-rewind-button{
1073
+ .video-js.skin_news_live button.vjs-rewind-button{
1051
1074
  display: none;
1052
1075
  }
1053
- .video-js.skin_mini button.vjs-rewind-button>svg{
1076
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1054
1077
  height: 20px;
1055
1078
  }
1056
- .video-js.skin_mini .vjs-button{
1057
- width: 3em;
1079
+ .video-js.skin_news_live .vjs-button{
1080
+ width: 4.8em;
1058
1081
  }
1059
- .video-js.skin_mini .widget-selection{
1082
+ .video-js.skin_news_live .widget-selection{
1060
1083
  display: none;
1061
1084
  }
1062
- .video-js.skin_mini .container{
1085
+ .video-js.skin_news_live .container{
1063
1086
  display: none !important;
1064
1087
  }
1065
- .video-js.skin_mini .vjs-control-bar{
1088
+ .video-js.skin_news_live .vjs-control-bar{
1066
1089
  height: 4em !important;
1067
1090
  }
1068
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1091
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1069
1092
  font-size: 2.5em;
1070
1093
  line-height: 1.5;
1071
1094
  }
1072
- .video-js.skin_mini .vjs-play-progress:before {
1095
+ .video-js.skin_news_live .vjs-play-progress:before {
1073
1096
  font-size: 1.2em;
1074
1097
  position: absolute;
1075
1098
  right: -0.5em;
1076
1099
  z-index: 1;
1077
1100
  }
1078
- .video-js.skin_mini button.vjs-skip-button>svg{
1101
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1079
1102
  height: 20px;
1080
1103
  }
1104
+ .video-js.skin_news_live button.vjs-big-play-button {
1105
+ width: 50px !important;
1106
+ height: 50px !important;
1107
+ font-size: 2.1rem !important;
1108
+ }
1081
1109
 
1082
1110
  .stream-selector-icon>svg{
1083
1111
  width: 24px;
1084
1112
  height: 24px;
1085
1113
  }
1086
- .video-js.skin_mini .vjs-seek-to-live-text{
1087
- font-size: 12px;
1114
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1115
+ margin: 0 12px 0 12px;
1088
1116
  }
1089
-
1090
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1091
- color: white !important;
1092
- font-size: 16px !important;
1093
- background-color: rgba(0,0,0,0.2) !important;
1094
- }
1117
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1118
+ font-size: 12px;
1095
1119
  }
1096
-
1097
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1098
- color: white !important;
1099
- font-size: 16px !important;
1100
- background-color: rgba(0,0,0,0.2) !important;
1120
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1121
+ margin: 0 12px 0 12px;
1101
1122
  }
1102
-
1103
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1104
- font-size: 18px !important;
1105
1123
  }
1106
-
1107
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1108
- margin-bottom: 1rem !important;
1124
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1125
+ width: 90px;
1126
+ height: 90px;
1127
+ display: flex;
1128
+ justify-content: center;
1129
+ align-items: center;
1130
+ border-radius: 50%;
1131
+ position: absolute;
1132
+ top: 0;
1133
+ left: 0;
1134
+ right: 0;
1135
+ bottom: 0;
1136
+ margin: auto;
1137
+ font-size: 6em;
1138
+ line-height: 1.4em;
1109
1139
  }
1110
1140
 
1111
-
1112
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1141
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1113
1142
  display: flex;
1114
1143
  justify-content: center;
1115
1144
  align-items: center;
1116
1145
  height: 100%;
1117
1146
  transition: width 0.1s;
1118
1147
  }
1119
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1120
- margin: 2px;
1121
- }
1122
1148
 
1123
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1149
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1124
1150
  display: flex;
1125
1151
  justify-content: center;
1126
1152
  align-items: center;
1127
1153
  height: 100%;
1128
1154
  transition: width 0.1s;
1129
1155
  }
1130
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1131
- display: grid;
1132
- font-size: 10px;
1133
- grid-template-columns: 1fr;
1134
- grid-template-rows: 1fr;
1135
- padding: 1px 0px 0 0px;
1136
- margin: 0;
1156
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1157
+ display: none !important;
1137
1158
  }
1138
1159
 
1139
- @media (max-width: 600px) {
1140
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1160
+ @media (max-width: 576px) {
1161
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1141
1162
  height: 5px !important;
1142
1163
  }
1164
+ .video-js.skin_news_live button.vjs-big-play-button {
1165
+ width: 50px !important;
1166
+ height: 50px !important;
1167
+ font-size: 2.1rem !important;
1168
+ }
1143
1169
 
1144
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1170
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1145
1171
  display: none;
1146
1172
  }
1173
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1174
+ bottom: 2.4em !important;
1175
+ right: -1em;
1176
+ z-index: 1;
1177
+ }
1178
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1179
+ display: none !important;
1180
+ }
1147
1181
 
1182
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1183
+ color: white !important;
1184
+ font-size: 13px !important;
1185
+ background-color: black !important;
1186
+ }
1148
1187
  }
1149
1188
 
1150
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1151
- content: none !important;
1152
- fill: none !important;
1153
- filter: none !important;
1189
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1190
+ width: 100% !important;
1154
1191
  }
1155
1192
 
1156
- /* svg icons opacity and hover effect */
1157
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1158
- opacity: 0.7 !important;
1193
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1194
+ color: white !important;
1195
+ font-size: 16px !important;
1196
+ background-color: black !important;
1159
1197
  }
1160
1198
 
1161
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1162
- opacity: 1 !important;
1199
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1200
+ margin-bottom: 2rem !important;
1163
1201
  }
1164
1202
 
1165
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1203
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1204
+ font-size: 18px !important;
1205
+ }
1206
+
1207
+
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 {
1210
+ font-size: 1.2em !important;
1211
+ line-height: 1.5em !important;
1212
+ padding: 0.2em 0.8em !important;
1213
+ }
1214
+
1215
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1216
+ content: none !important;
1217
+ fill: none !important;
1218
+ filter: none !important;
1219
+ }
1220
+
1221
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1166
1222
  color: rgba(255, 255, 2555, 0.7)!important;
1167
1223
  }
1168
1224
 
1169
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1225
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1170
1226
  color: rgba(255, 255, 2555, 1)!important;
1171
1227
  }
1172
1228
 
1173
1229
 
1174
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1230
+
1231
+
1232
+
1233
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1175
1234
  font-size: 2.2em;
1176
1235
  line-height: 2.6;
1177
1236
  }
1178
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1179
- background: white;
1237
+ .video-js.skin_mini{
1238
+ overflow: hidden;
1180
1239
  }
1181
- .video-js.skin_news .vjs-control-bar{
1240
+ .video-js.skin_mini .vjs-control-bar{
1182
1241
  z-index: 1 !important;
1183
- height: 5em !important;
1242
+ height: 4em !important;
1184
1243
  background: black !important;
1185
1244
  }
1186
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1187
- display: flex;
1188
- align-items: center;
1189
- justify-content: center;
1190
- }
1191
1245
 
1192
- .video-js.skin_news .vjs-fade>* {
1246
+ .video-js.skin_mini .vjs-fade>* {
1193
1247
  visibility: hidden !important;
1194
1248
  opacity: 0 !important;
1195
1249
  transition: visibility 1s, opacity 1s !important;
1196
1250
  }
1197
1251
 
1198
- .video-js.skin_news .custom-spaced-progress-bar {
1252
+ .video-js.skin_mini .custom-spaced-progress-bar {
1199
1253
  position: absolute;
1200
1254
  width: 100%;
1201
1255
  display: flex;
@@ -1203,7 +1257,7 @@
1203
1257
  top: -0.5em;
1204
1258
  }
1205
1259
 
1206
- .video-js.skin_news .vjs-progress-control {
1260
+ .video-js.skin_mini .vjs-progress-control {
1207
1261
  /* left: -6px; */
1208
1262
  position: relative;
1209
1263
  width: 100%;
@@ -1214,19 +1268,19 @@
1214
1268
 
1215
1269
 
1216
1270
 
1217
- .video-js.skin_news .vjs-custom-control-spacer {
1271
+ .video-js.skin_mini .vjs-custom-control-spacer {
1218
1272
  display: block;
1219
1273
  flex: 1 1 auto;
1220
1274
  }
1221
1275
 
1222
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1276
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1223
1277
  margin: 0 0px 0 0px;
1224
1278
  }
1225
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1279
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1226
1280
  display: none;
1227
1281
  }
1228
1282
 
1229
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1283
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1230
1284
  font-size: 14px;
1231
1285
  font-weight: 500;
1232
1286
  align-self: center;
@@ -1235,143 +1289,158 @@
1235
1289
  border-radius: 8px;
1236
1290
  }
1237
1291
 
1238
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1239
- height: 6px !important;
1292
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1293
+ height: 5px !important;
1240
1294
  }
1241
1295
 
1242
- .video-js.skin_news .vjs-play-progress:before {
1243
- font-size: 1.5em;
1296
+ .video-js.skin_mini .vjs-play-progress:before {
1297
+ font-size: 1.3em;
1244
1298
  line-height: unset;
1245
1299
  top: -0.3333333333em;
1246
1300
  }
1247
1301
 
1248
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1302
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1249
1303
  display: none !important;
1250
1304
  }
1251
1305
 
1252
1306
  /* */
1253
- .video-js.skin_news .vjs-mouse-display{
1307
+ .video-js.skin_mini .vjs-mouse-display{
1254
1308
  font-size: 1.6666666667em;
1255
1309
  }
1256
1310
 
1257
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1311
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1258
1312
  font-size: 1em !important;
1259
1313
  }
1260
1314
 
1261
- .video-js.skin_news .vjs-button{
1262
- width: 5.3em;
1315
+ .video-js.skin_mini .vjs-button{
1316
+ width: 3em;
1263
1317
  display: flex;
1264
1318
  align-items: center;
1265
1319
  justify-content: center;
1266
1320
  }
1267
1321
 
1268
1322
 
1269
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1323
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1270
1324
  .icon-maximize {
1271
1325
  display: block;
1272
1326
  height: 32px;
1273
1327
  }
1274
1328
 
1275
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1329
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1276
1330
  line-height: 4;
1277
1331
  }
1278
1332
 
1279
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1333
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1280
1334
  .icon-minimize {
1281
1335
  display: none;
1282
1336
  height: 32px;
1283
1337
  }
1284
1338
 
1285
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1339
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1286
1340
  outline: none !important;
1287
1341
  }
1288
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1342
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1289
1343
  .vjs-icon-fullscreen-enter:before {
1290
1344
  /* content: '' !important; */
1291
1345
  }
1292
1346
 
1293
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1347
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1294
1348
  display: flex;
1295
1349
  justify-content: center;
1296
1350
  align-items: center;
1297
1351
  /* transform: rotate(90deg); */
1298
1352
  }
1299
1353
 
1300
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1354
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1301
1355
  display: none;
1302
1356
  }
1303
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1357
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1304
1358
  margin-left: -10px;
1359
+ display: none;
1305
1360
  }
1306
1361
 
1307
- .video-js.skin_news .skipbtn:hover{
1362
+ .video-js.skin_mini .vjs-loading-spinner {
1363
+ position: absolute;
1364
+ top: 50%;
1365
+ left: 50%;
1366
+ transform: translate(-50%, -50%);
1367
+ opacity: .85;
1368
+ text-align: left;
1369
+ border: .2em solid rgba(43, 51, 63, .7);
1370
+ box-sizing: border-box;
1371
+ background-clip: padding-box;
1372
+ width: 3em;
1373
+ height: 3em;
1374
+ border-radius: 50%;
1375
+ visibility: hidden;
1376
+ }
1377
+
1378
+ .video-js.skin_mini .skipbtn:hover{
1308
1379
  cursor: pointer;
1309
1380
  }
1310
1381
 
1311
- .video-js.skin_news .rewindbtn:hover{
1382
+ .video-js.skin_mini .rewindbtn:hover{
1312
1383
  cursor: pointer;
1313
1384
  }
1314
1385
 
1315
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1386
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1316
1387
  position: relative;
1317
1388
  padding-left: 0;
1318
1389
  }
1319
1390
 
1320
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1321
- display: none !important;
1391
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1392
+ width: 40px;
1393
+ height: 40px;
1394
+ display: flex;
1395
+ justify-content: center;
1396
+ align-items: center;
1397
+ border: none;
1398
+ position: absolute;
1399
+ top: 0;
1400
+ left: 0;
1401
+ right: 0;
1402
+ bottom: 0;
1403
+ margin: auto;
1404
+ font-size: 3em;
1405
+ line-height: 1.3em;
1406
+ transform: none !important;
1407
+ border-radius: 1.3em;
1322
1408
  }
1323
1409
 
1324
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1325
- width: 90px;
1326
- height: 90px;
1327
- display: flex;
1328
- justify-content: center;
1329
- align-items: center;
1330
- border-radius: 50%;
1331
- position: absolute;
1332
- top: 0;
1333
- left: 0;
1334
- right: 0;
1335
- bottom: 0;
1336
- margin: auto;
1337
- font-size: 6em;
1338
- line-height: 1.4em;
1339
- border: 0.05em solid;
1340
- color: inherit;
1341
- }
1342
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1410
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1343
1411
  font-weight: bold;
1344
1412
  }
1345
1413
 
1346
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1347
- bottom: 2.4em !important;
1348
- right: -1em;
1414
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1415
+ bottom: 1.1em !important;
1416
+ right: 1em;
1349
1417
  z-index: 1;
1418
+ font-size: 10px;
1350
1419
  }
1351
1420
 
1352
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1421
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1353
1422
  width: 24px !important;
1354
1423
  height: 24px !important;
1355
1424
  }
1356
- .settings-selector-icon>svg{
1425
+ .video-js.skin_mini .settings-selector-icon>svg{
1357
1426
  height: 19px !important;
1358
1427
  width: 19px !important;
1359
1428
  }
1360
1429
 
1361
1430
 
1362
- .video-js.skin_news button.vjs-rewind-button{
1431
+ .video-js.skin_mini button.vjs-rewind-button{
1363
1432
  cursor: pointer;
1364
1433
  }
1365
1434
 
1366
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1435
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1367
1436
  padding-right: 0;
1368
1437
  }
1369
1438
 
1370
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1439
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1371
1440
  padding-left: 0;
1372
1441
  }
1373
1442
 
1374
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1443
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1375
1444
  padding-left: 0;
1376
1445
  padding-right: 0;
1377
1446
  display: flex;
@@ -1379,46 +1448,48 @@
1379
1448
  width: min-content;
1380
1449
  }
1381
1450
 
1382
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1451
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1383
1452
  display: none
1384
1453
  }
1385
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1454
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1386
1455
  display: none
1387
1456
  }
1388
1457
 
1389
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1390
- display: flex;
1391
- align-items: center;
1392
- font-weight: 700;
1393
- font-size: 12px;
1394
- min-width: 1.2em;
1458
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1459
+ display: flex;
1460
+ align-items: center;
1461
+ font-weight: 700;
1462
+ font-size: 9px;
1463
+ min-width: 0.8em;
1464
+ padding-left: 0;
1395
1465
  }
1396
1466
 
1397
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1467
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1398
1468
  display: none;
1399
1469
  font-size: 11px;
1400
1470
  justify-content: center;
1401
1471
  align-items: center;
1402
1472
  user-select: none;
1403
1473
  }
1404
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1474
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1405
1475
  display: none;
1406
1476
  }
1407
1477
 
1408
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1478
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1409
1479
  height: min-content;
1410
1480
  width: min-content;
1411
1481
  }
1412
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1413
- width: 6em;
1482
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1483
+ width: 3em;
1484
+ margin-right: 4px;
1414
1485
  }
1415
1486
 
1416
- .video-js.skin_news .content{
1487
+ .video-js.skin_mini .content{
1417
1488
  bottom: 3.4rem !important;
1418
1489
  right: -4rem !important;
1419
1490
  }
1420
1491
 
1421
- .setting-icon > svg{
1492
+ .video-js.skin_mini .setting-icon > svg{
1422
1493
  height:18px !important;
1423
1494
  }
1424
1495
 
@@ -1432,15 +1503,16 @@
1432
1503
  pointer-events:none
1433
1504
  }
1434
1505
 
1435
- .video-js.skin_news iframe{
1506
+ .video-js.skin_mini iframe{
1436
1507
  width: 100%;
1437
1508
  height: 100%;
1438
1509
  }
1439
1510
 
1440
- .video-js.skin_news .vjs-live-control{
1511
+ .video-js.skin_mini .vjs-live-control{
1441
1512
  align-items: center;
1513
+ max-width: 5em;
1442
1514
  }
1443
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1515
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1444
1516
  height: 2.2em;
1445
1517
  display: flex;
1446
1518
  align-items: center;
@@ -1448,257 +1520,185 @@
1448
1520
  width: 4em;
1449
1521
  justify-content: center;
1450
1522
  background: red;
1451
- margin: 4px 0px 4px 12px;
1523
+ margin: 4px 0px 4px 2px;
1452
1524
  }
1453
1525
 
1454
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1526
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1455
1527
  text-shadow: none;
1456
1528
  }
1457
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1529
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1458
1530
  display: none;
1459
1531
  font-size: 12px;
1460
1532
  }
1461
1533
 
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; */
1467
- justify-content: center;
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";
1482
- }
1483
-
1484
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1485
- opacity: 1;
1486
- }
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
- }
1491
-
1492
- .settings-selection.vjs-control.vjs-button{
1493
- display: flex !important;
1534
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1535
+ height: 1.8em;
1536
+ display: inline-flex;
1537
+ align-items: center;
1538
+ font-family: monospace;
1539
+ justify-content: center;
1540
+ border: 1.5px solid;
1541
+ margin: 4px 0px 4px 2px;
1542
+ white-space: pre;
1543
+ padding: 2px 4px;
1544
+ font-size: 1.2em;
1545
+ font-weight: 500;
1546
+ color: rgba(255, 255, 2555, 0.7);
1494
1547
  }
1495
1548
 
1496
- @media(max-width:576px){
1497
- .settings-selection.vjs-control.vjs-button{
1498
- display: none !important;
1499
- }
1549
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1550
+ content: "NOT LIVE";
1551
+ word-spacing: -4px;
1500
1552
  }
1501
1553
 
1502
1554
 
1503
- @media(max-width:576px){
1555
+ @media(max-width:600px){
1504
1556
  .tvProviderImage{
1505
1557
  display: none
1506
1558
  }
1507
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1559
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1508
1560
  .icon-maximize {
1509
1561
  height: 30px !important;
1510
1562
  }
1511
1563
 
1512
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1564
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1513
1565
  .icon-minimize {
1514
1566
  height: 30px !important;
1515
1567
  }
1516
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1517
- width: 4.5em;
1568
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1569
+ width: 3.5em;
1518
1570
  }
1519
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1571
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1520
1572
  height: min-content;
1521
1573
  }
1522
1574
 
1523
- .video-js.skin_news button.vjs-slowmo-button{
1575
+ .video-js.skin_mini button.vjs-slowmo-button{
1524
1576
  display: none;
1525
1577
  }
1526
- .video-js.skin_news button.vjs-rewind-button{
1578
+ .video-js.skin_mini button.vjs-rewind-button{
1527
1579
  display: none;
1528
1580
  }
1529
- .video-js.skin_news button.vjs-rewind-button>svg{
1581
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1530
1582
  height: 20px;
1531
1583
  }
1532
- .video-js.skin_news .vjs-button{
1533
- width: 4.8em;
1584
+ .video-js.skin_mini .vjs-button{
1585
+ width: 3em;
1534
1586
  }
1535
- .video-js.skin_news .widget-selection{
1587
+ .video-js.skin_mini .widget-selection{
1536
1588
  display: none;
1537
1589
  }
1538
- .video-js.skin_news .container{
1590
+ .video-js.skin_mini .container{
1539
1591
  display: none !important;
1540
1592
  }
1541
- .video-js.skin_news .vjs-control-bar{
1593
+ .video-js.skin_mini .vjs-control-bar{
1542
1594
  height: 4em !important;
1543
1595
  }
1544
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1596
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1545
1597
  font-size: 2.5em;
1546
1598
  line-height: 1.5;
1547
1599
  }
1548
- .video-js.skin_news .vjs-play-progress:before {
1600
+ .video-js.skin_mini .vjs-play-progress:before {
1549
1601
  font-size: 1.2em;
1550
1602
  position: absolute;
1551
1603
  right: -0.5em;
1552
1604
  z-index: 1;
1553
1605
  }
1554
- .video-js.skin_news button.vjs-skip-button>svg{
1606
+ .video-js.skin_mini button.vjs-skip-button>svg{
1555
1607
  height: 20px;
1556
1608
  }
1557
- .video-js.skin_news button.vjs-big-play-button {
1558
- width: 50px !important;
1559
- height: 50px !important;
1560
- font-size: 2.1rem !important;
1561
- }
1562
1609
 
1563
1610
  .stream-selector-icon>svg{
1564
1611
  width: 24px;
1565
1612
  height: 24px;
1566
1613
  }
1567
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1568
- margin: 0 12px 0 12px;
1569
- }
1570
- .video-js.skin_news .vjs-seek-to-live-text{
1614
+ .video-js.skin_mini .vjs-seek-to-live-text{
1571
1615
  font-size: 12px;
1572
1616
  }
1573
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1574
- margin: 0 12px 0 12px;
1617
+
1618
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1619
+ color: white !important;
1620
+ font-size: 16px !important;
1621
+ background-color: rgba(0,0,0,0.2) !important;
1622
+ }
1575
1623
  }
1624
+
1625
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1626
+ color: white !important;
1627
+ font-size: 16px !important;
1628
+ background-color: rgba(0,0,0,0.2) !important;
1576
1629
  }
1577
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1578
- width: 90px;
1579
- height: 90px;
1580
- display: flex;
1581
- justify-content: center;
1582
- align-items: center;
1583
- border-radius: 50%;
1584
- position: absolute;
1585
- top: 0;
1586
- left: 0;
1587
- right: 0;
1588
- bottom: 0;
1589
- margin: auto;
1590
- font-size: 6em;
1591
- line-height: 1.4em;
1630
+
1631
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1632
+ font-size: 18px !important;
1592
1633
  }
1593
1634
 
1594
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1635
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1636
+ margin-bottom: 1rem !important;
1637
+ }
1638
+
1639
+
1640
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1595
1641
  display: flex;
1596
1642
  justify-content: center;
1597
1643
  align-items: center;
1598
1644
  height: 100%;
1599
1645
  transition: width 0.1s;
1600
1646
  }
1647
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1648
+ margin: 2px;
1649
+ }
1601
1650
 
1602
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1651
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1603
1652
  display: flex;
1604
1653
  justify-content: center;
1605
1654
  align-items: center;
1606
1655
  height: 100%;
1607
1656
  transition: width 0.1s;
1608
1657
  }
1609
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1610
- display: none !important;
1611
- }
1612
- .video-js.skin_news .ssai-ad-container{
1613
- position: absolute;
1614
- bottom: 14px;
1658
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1659
+ display: grid;
1660
+ font-size: 10px;
1661
+ grid-template-columns: 1fr;
1662
+ grid-template-rows: 1fr;
1663
+ padding: 1px 0px 0 0px;
1664
+ margin: 0;
1615
1665
  }
1616
1666
 
1617
- @media (max-width: 576px) {
1618
- .video-js.skin_news .ssai-ad-container{
1619
- bottom: 2px;
1620
- }
1621
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1667
+ @media (max-width: 600px) {
1668
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1622
1669
  height: 5px !important;
1623
1670
  }
1624
- .video-js.skin_news button.vjs-big-play-button {
1625
- width: 50px !important;
1626
- height: 50px !important;
1627
- font-size: 2.1rem !important;
1628
- }
1629
1671
 
1630
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1672
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1631
1673
  display: none;
1632
1674
  }
1633
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1634
- bottom: 2.4em !important;
1635
- right: -1em;
1636
- z-index: 1;
1637
- }
1638
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1639
- display: none !important;
1640
- }
1641
-
1642
- .video-js.skin_news .vjs-text-track-display-ttml span {
1643
- color: white !important;
1644
- font-size: 13px !important;
1645
- background-color: black !important;
1646
- }
1647
- }
1648
-
1649
- .video-js.skin_news .vjs-text-track-display-ttml span {
1650
- color: white !important;
1651
- font-size: 16px !important;
1652
- background-color: black !important;
1653
- }
1654
-
1655
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1656
- margin-bottom: 2rem !important;
1657
- }
1658
-
1659
- .video-js.skin_news .vjs-text-track-display-ttml p {
1660
- font-size: 18px !important;
1661
- }
1662
-
1663
1675
 
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 {
1666
- font-size: 1.2em !important;
1667
- line-height: 1.5em !important;
1668
- padding: 0.2em 0.8em !important;
1669
1676
  }
1670
1677
 
1671
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1678
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1672
1679
  content: none !important;
1673
1680
  fill: none !important;
1674
1681
  filter: none !important;
1675
1682
  }
1676
1683
 
1677
1684
  /* svg icons opacity and hover effect */
1678
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1685
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1679
1686
  opacity: 0.7 !important;
1680
1687
  }
1681
1688
 
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
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1689
1690
  opacity: 1 !important;
1690
1691
  }
1691
1692
 
1692
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1693
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1693
1694
  color: rgba(255, 255, 2555, 0.7)!important;
1694
1695
  }
1695
1696
 
1696
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1697
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1697
1698
  color: rgba(255, 255, 2555, 1)!important;
1698
1699
  }
1699
1700
 
1700
1701
 
1701
-
1702
1702
  /* CSS for videojs-dvr-seekbar */
1703
1703
 
1704
1704
  .video-js.vjs-dvr-seekbar {
@@ -1879,6 +1879,8 @@
1879
1879
 
1880
1880
 
1881
1881
 
1882
+
1883
+
1882
1884
  .video-js .multicamera-parent.default{
1883
1885
  height: 345px;
1884
1886
  position: absolute;
@@ -1960,7 +1962,6 @@
1960
1962
 
1961
1963
 
1962
1964
 
1963
-
1964
1965
  .vjs-custom-big-mute.vjs-control{
1965
1966
  position: absolute;
1966
1967
  align-items: center;
@@ -2009,7 +2010,6 @@
2009
2010
  width: 22px;
2010
2011
  }
2011
2012
 
2012
-
2013
2013
  /* nextep */
2014
2014
  .next-ep-preview{
2015
2015
  position: absolute;
@@ -2085,6 +2085,38 @@
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
+
2088
2120
  .video-js.vjs-quality-menu {
2089
2121
  display: block;
2090
2122
  }
@@ -2155,38 +2187,6 @@
2155
2187
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2156
2188
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2157
2189
  }
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;