@viewlift/player-backup 2.0.235-backup → 2.0.237-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 (55) hide show
  1. package/cjs/{autoNextVideo-8f3a28e5.js → autoNextVideo-f783324d.js} +1 -1
  2. package/cjs/bundle.css +904 -904
  3. package/cjs/{features-9d4f3d3b.js → features-72ab769f.js} +1 -1
  4. package/cjs/{generic-5c9cfadb.js → generic-f2bef4cb.js} +1 -1
  5. package/cjs/{index-88031af6.js → index-818f8cad.js} +1 -1
  6. package/cjs/{index-50a630cc.js → index-aeb1cd4f.js} +1 -1
  7. package/cjs/{index-a98f8a8e.js → index-ca815fbe.js} +1 -1
  8. package/cjs/index.js +1 -1
  9. package/cjs/{multicamv2-bdbdc567.js → multicamv2-70620c3c.js} +1 -1
  10. package/cjs/{multicamv2-8215855b.js → multicamv2-d61a1bf2.js} +1 -1
  11. package/cjs/{nextEpisodeButton-8d1f76fa.js → nextEpisodeButton-7878baec.js} +1 -1
  12. package/cjs/{playlist-8f169ddf.js → playlist-f2756872.js} +1 -1
  13. package/cjs/{series-2df91838.js → series-8cb2e0f0.js} +1 -1
  14. package/cjs/{series-v2-34b98030.js → series-v2-83b87fbb.js} +1 -1
  15. package/cjs/{series-v2-00f10af5.js → series-v2-d5821f09.js} +1 -1
  16. package/cjs/{skin-4ec6103a.js → skin-1c4105e8.js} +1 -1
  17. package/cjs/{skin-f8d7f636.js → skin-26529824.js} +1 -1
  18. package/cjs/{skin-f400d75f.js → skin-50a53ee0.js} +1 -1
  19. package/cjs/{skin-f41d4c28.js → skin-5ce58094.js} +1 -1
  20. package/cjs/{skin-b7201912.js → skin-95f44d34.js} +1 -1
  21. package/cjs/{skin-126015c7.js → skin-a67e78a0.js} +1 -1
  22. package/cjs/{skin-b3ebcd05.js → skin-a8d3ac64.js} +1 -1
  23. package/cjs/{skin-71ed022b.js → skin-ac4462d7.js} +1 -1
  24. package/cjs/{skin-f1b4c941.js → skin-c859061f.js} +1 -1
  25. package/cjs/{util-084dc6e6.js → util-8e46246a.js} +1 -1
  26. package/cjs/{videoSelector-ce5e52fb.js → videoSelector-4fae8fec.js} +1 -1
  27. package/cjs/{videoSelector-397d3ce1.js → videoSelector-cf31469c.js} +1 -1
  28. package/esm/{autoNextVideo-7a081ac0.js → autoNextVideo-35f21f9d.js} +1 -1
  29. package/esm/bundle.css +904 -904
  30. package/esm/{features-0ec74be5.js → features-ea5a3ed5.js} +1 -1
  31. package/esm/{generic-3fd5b593.js → generic-b351fcc7.js} +1 -1
  32. package/esm/{index-f7880cd2.js → index-2fa7e316.js} +1 -1
  33. package/esm/{index-27a8c03f.js → index-3ca9656c.js} +1 -1
  34. package/esm/{index-9dc99578.js → index-95bb9edd.js} +1 -1
  35. package/esm/index.js +1 -1
  36. package/esm/{multicamv2-91571dc8.js → multicamv2-8184a35a.js} +1 -1
  37. package/esm/{multicamv2-11420b04.js → multicamv2-c9d15737.js} +1 -1
  38. package/esm/{nextEpisodeButton-9254011d.js → nextEpisodeButton-43b2fa06.js} +1 -1
  39. package/esm/{playlist-81c63171.js → playlist-a3aff4bd.js} +1 -1
  40. package/esm/{series-8964a9f7.js → series-da12926e.js} +1 -1
  41. package/esm/{series-v2-8a7befeb.js → series-v2-7dc2b208.js} +1 -1
  42. package/esm/{series-v2-2d269b3d.js → series-v2-8682ee70.js} +1 -1
  43. package/esm/{skin-444caab4.js → skin-04cadb21.js} +1 -1
  44. package/esm/{skin-b8b08a6e.js → skin-5c37473b.js} +1 -1
  45. package/esm/{skin-07c33e9f.js → skin-746026dd.js} +1 -1
  46. package/esm/{skin-a28c1180.js → skin-91ec0935.js} +1 -1
  47. package/esm/{skin-bb738923.js → skin-94145770.js} +1 -1
  48. package/esm/{skin-8d24d7ad.js → skin-9724bc34.js} +1 -1
  49. package/esm/{skin-bf85cd04.js → skin-b28d2214.js} +1 -1
  50. package/esm/{skin-12b6253f.js → skin-c1422cc2.js} +1 -1
  51. package/esm/{skin-98367934.js → skin-c539de4b.js} +1 -1
  52. package/esm/{util-c1e003dd.js → util-de1939e2.js} +1 -1
  53. package/esm/{videoSelector-b384cba5.js → videoSelector-72b9f07b.js} +1 -1
  54. package/esm/{videoSelector-d1379d30.js → videoSelector-f1881b04.js} +1 -1
  55. package/package.json +1 -1
package/esm/bundle.css CHANGED
@@ -2,223 +2,471 @@
2
2
 
3
3
 
4
4
 
5
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
6
+ height: 0.7em;
7
+ position: absolute;
8
+ top: -0.7em;
9
+ width: 100%;
10
+ }
5
11
 
6
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
7
- font-size: 2.2em;
8
- line-height: 2.6;
12
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
13
+ height: 100%;
9
14
  }
10
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
11
- background: white;
15
+
16
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
17
+ line-height: 2.5;
12
18
  }
13
- .video-js.skin_news .vjs-control-bar{
14
- z-index: 1 !important;
15
- height: 5em !important;
16
- background: black !important;
19
+
20
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
21
+ height: 19px;
22
+ width: 19px;
23
+ cursor: pointer;
17
24
  }
18
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
19
- display: flex;
20
- align-items: center;
21
- justify-content: center;
25
+ .video-js.skin_vlone .vjs-control {
26
+ user-select: none;
22
27
  }
23
-
24
- .video-js.skin_news .vjs-fade>* {
25
- visibility: hidden !important;
26
- opacity: 0 !important;
27
- transition: visibility 1s, opacity 1s !important;
28
+ .video-js.skin_vlone .vjs-custom-control-spacer{
29
+ user-select: none;
28
30
  }
29
31
 
30
- .video-js.skin_news .custom-spaced-progress-bar {
31
- position: absolute;
32
- width: 100%;
33
- display: flex;
34
- height: 0.5em;
35
- top: -0.5em;
32
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
33
+ height: 19px;
34
+ width: 19px;
35
+ cursor: pointer;
36
36
  }
37
37
 
38
- .video-js.skin_news .vjs-progress-control {
39
- /* left: -6px; */
40
- position: relative;
41
- width: 100%;
42
- height: 0.5em;
43
- transition: height 0.1s, top 0.1s;
38
+ .video-js.skin_vlone .vjs-play-progress:before {
39
+ display: none !important;
44
40
  }
45
41
 
42
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
43
+ margin: 0 !important;
46
44
 
45
+ }
47
46
 
48
47
 
49
- .video-js.skin_news .vjs-custom-control-spacer {
50
- display: block;
51
- flex: 1 1 auto;
48
+ .video-js.skin_vlone .vjs-custom-control-spacer {
49
+ display: block;
50
+ flex: 1 1 auto;
52
51
  }
53
52
 
54
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
55
- margin: 0 0px 0 0px;
56
- }
57
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
58
- display: none;
53
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
54
+ z-index: 1;
59
55
  }
60
56
 
61
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
62
- font-size: 14px;
63
- font-weight: 500;
64
- align-self: center;
65
- height: min-content;
66
- padding: 5px 2px;
67
- border-radius: 8px;
68
- }
69
57
 
70
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
71
- height: 6px !important;
58
+ .video-js.skin_vlone .vjs-control-bar {
59
+ height: 40px;
72
60
  }
73
61
 
74
- .video-js.skin_news .vjs-play-progress:before {
75
- font-size: 1.5em;
76
- line-height: unset;
77
- top: -0.3333333333em;
62
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
63
+ .vjs-button>.vjs-icon-placeholder:before {
64
+ position: relative !important;
78
65
  }
79
-
80
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
81
- display: none !important;
66
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
67
+ display: flex;
68
+ left: 0px;
69
+ top: -1px;
82
70
  }
83
71
 
84
- /* */
85
- .video-js.skin_news .vjs-mouse-display{
86
- font-size: 1.6666666667em;
72
+ .vjs-button>.vjs-icon-placeholder:before {
73
+ font-size: 2em !important;
87
74
  }
88
75
 
89
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
90
- font-size: 1em !important;
76
+ .video-js.skin_vlone .vjs-control {
77
+ width: 4.3em;
91
78
  }
92
79
 
93
- .video-js.skin_news .vjs-button{
94
- width: 5.3em;
95
- display: flex;
96
- align-items: center;
97
- justify-content: center;
80
+ .vjs-menu-button-popup .vjs-menu {
81
+ bottom: 10px !important;
98
82
  }
99
83
 
100
84
 
101
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
102
- .icon-maximize {
103
- display: block;
104
- height: 32px;
85
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
86
+ height: 1.3em;
87
+ position: absolute;
88
+ top: -1.3em;
89
+ transition: height 0.3s, top 0.3s;
105
90
  }
106
91
 
107
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
108
- line-height: 4;
92
+
93
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
94
+ display: none !important;
109
95
  }
110
96
 
111
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
112
- .icon-minimize {
97
+ .video-js.skin_vlone .vjs-time-control {
98
+ display: block;
99
+ }
100
+ .video-js.skin_vlone .vjs-remaining-time {
113
101
  display: none;
114
- height: 32px;
115
102
  }
116
103
 
117
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
118
- outline: none !important;
119
- }
120
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
121
- .vjs-icon-fullscreen-enter:before {
122
- /* content: '' !important; */
104
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
105
+ line-height: 3.5em;
106
+ font-size: 1.1em;
107
+ min-width: 4em;
123
108
  }
124
109
 
125
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
126
- display: flex;
127
- justify-content: center;
128
- align-items: center;
129
- /* transform: rotate(90deg); */
110
+ .video-js.skin_vlone .vjs-time-divider > div{
111
+ display: flex;
112
+ justify-content: center;
130
113
  }
131
114
 
132
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
133
- display: none;
115
+ .video-js.skin_vlone .vjs-live-control{
116
+ align-items: center;
134
117
  }
135
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
136
- margin-left: -10px;
118
+ .video-js.skin_vlone .vjs-live-display{
119
+ height: 2.2em;
120
+ display: flex;
121
+ align-items: center;
122
+ font-family: monospace;
123
+ width: 4em;
124
+ justify-content: center;
125
+ background: red;
126
+ margin: 4px 0px 4px 12px;
137
127
  }
138
-
139
- .video-js.skin_news .skipbtn:hover{
140
- cursor: pointer;
128
+ .video-js.skin_vlone .vjs-live-display:hover{
129
+ cursor: pointer;
141
130
  }
142
131
 
143
- .video-js.skin_news .rewindbtn:hover{
144
- cursor: pointer;
132
+ .video-js.skin_vlone .vjs-time-control {
133
+ line-height: 3.5em !important;
134
+ font-size: 1.1em !important;
135
+ width: min-content !important;
136
+ min-width: 1.5em;
137
+ padding: 0 !important;
138
+ user-select: none;
145
139
  }
146
140
 
147
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
148
- position: relative;
149
- padding-left: 0;
141
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
142
+ margin-left: 16px !important;
150
143
  }
151
144
 
152
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
153
- display: none !important;
145
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
146
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
147
+ font-size: 1.2em !important;
148
+ line-height: 1.5em !important;
149
+ padding: 0.2em 0.8em !important;
154
150
  }
155
151
 
156
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
157
- width: 90px;
158
- height: 90px;
152
+
153
+ /* Big play */
154
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
155
+ width: 80px;
156
+ height: 80px;
159
157
  display: flex;
160
158
  justify-content: center;
161
159
  align-items: center;
162
- border-radius: 50%;
160
+ border: none;
163
161
  position: absolute;
164
162
  top: 0;
165
163
  left: 0;
166
164
  right: 0;
167
165
  bottom: 0;
168
166
  margin: auto;
169
- font-size: 6em;
170
- line-height: 1.4em;
171
- border: 0.05em solid;
172
- color: inherit;
173
- }
174
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
175
- font-weight: bold;
167
+ font-size: 5em;
168
+ line-height: 1.3em;
169
+ transform: none !important;
170
+ border-radius: 1.3em;
176
171
  }
177
-
178
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
179
- bottom: 2.4em !important;
180
- right: -1em;
181
- z-index: 1;
172
+ .video-js.skin_vlone .ssai-ad-container{
173
+ position: absolute;
174
+ bottom: 4px;
182
175
  }
176
+
177
+ @media(max-width:600px){
178
+ .video-js.skin_vlone button.vjs-big-play-button {
179
+ width: 50px !important;
180
+ height: 50px !important;
181
+ font-size: 2.1rem !important;
182
+ }
183
183
 
184
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
185
- width: 24px !important;
186
- height: 24px !important;
184
+ .video-js.skin_vlone .ssai-ad-container {
185
+ position: absolute;
186
+ bottom: 2px;
187
187
  }
188
- .settings-selector-icon>svg{
189
- height: 19px !important;
190
- width: 19px !important;
188
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
189
+ display: none;
191
190
  }
192
191
 
193
-
194
- .video-js.skin_news button.vjs-rewind-button{
195
- cursor: pointer;
192
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
193
+ display: none;
196
194
  }
197
195
 
198
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
199
- padding-right: 0;
196
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
197
+ display: none;
200
198
  }
201
-
202
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
203
- padding-left: 0;
204
199
  }
200
+
205
201
 
206
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
207
- padding-left: 0;
208
- padding-right: 0;
202
+
203
+ .video-js .content {
204
+ border-radius: 0;
205
+ background-color: rgba(43, 51, 63, 0.7);
206
+ }
207
+ .video-js .resolution {
208
+ min-width: 100px;
209
+ }
210
+ .video-js .content .resolution .title {
211
+ display: none;
212
+ }
213
+ .video-js .resolution .rendition{
214
+ display: flex;
215
+ list-style: none;
216
+ margin: 0;
217
+ line-height: 1.4em;
218
+ font-size: 12px;
219
+ text-align: center;
220
+ }
221
+ .video-js .rendition {
222
+ padding: 4px 20px;
223
+ }
224
+ .video-js .rendition span {
225
+ background: none;
226
+ }
227
+ .video-js .resolution .renditions .relative:hover {
228
+ background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
229
+ }
230
+ .video-js .resolution .renditions .relative .rendition.selected {
231
+ background-color: #fff;
232
+ color: #2B333F;
233
+ font-weight: normal;
234
+ }
235
+
236
+ .video-js .resolution .renditions .relative .rendition.selected span{
237
+ color: #2B333F;
238
+ font-weight: bold
239
+ }
240
+
241
+
242
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
243
+ font-size: 2.2em;
244
+ line-height: 2.6;
245
+ }
246
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
247
+ background: #fcb700;
248
+ }
249
+ .video-js.skin_news_live .vjs-control-bar{
250
+ z-index: 1 !important;
251
+ height: 5em !important;
252
+ background: black !important;
253
+ }
254
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
209
255
  display: flex;
256
+ align-items: center;
210
257
  justify-content: center;
211
- width: min-content;
212
258
  }
213
259
 
214
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
260
+ .video-js.skin_news_live .vjs-fade>* {
261
+ visibility: hidden !important;
262
+ opacity: 0 !important;
263
+ transition: visibility 1s, opacity 1s !important;
264
+ }
265
+
266
+ .video-js.skin_news_live .custom-spaced-progress-bar {
267
+ position: absolute;
268
+ width: 100%;
269
+ display: flex;
270
+ height: 0.5em;
271
+ top: -0.5em;
272
+ }
273
+
274
+ .video-js.skin_news_live .vjs-progress-control {
275
+ /* left: -6px; */
276
+ position: relative;
277
+ width: 100%;
278
+ height: 0.5em;
279
+ transition: height 0.1s, top 0.1s;
280
+ }
281
+
282
+ .video-js.skin_news_live .vjs-volume-panel{
283
+ min-width: 5.3em;
284
+ }
285
+
286
+
287
+
288
+ .video-js.skin_news_live .vjs-custom-control-spacer {
289
+ /* display: block; */
290
+ /* flex: 1 1 auto; */
291
+ }
292
+
293
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
294
+ margin: 0 0px 0 0px;
295
+ }
296
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
297
+ display: none;
298
+ }
299
+
300
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
301
+ font-size: 14px;
302
+ font-weight: 500;
303
+ align-self: center;
304
+ height: min-content;
305
+ padding: 5px 2px;
306
+ border-radius: 8px;
307
+ }
308
+
309
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
310
+ height: 6px !important;
311
+ }
312
+
313
+ .video-js.skin_news_live .vjs-play-progress:before {
314
+ font-size: 1.5em;
315
+ line-height: unset;
316
+ top: -0.3333333333em;
317
+ }
318
+
319
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
320
+ display: none !important;
321
+ }
322
+
323
+ /* */
324
+ .video-js.skin_news_live .vjs-mouse-display{
325
+ font-size: 1.6666666667em;
326
+ }
327
+
328
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
329
+ font-size: 1em !important;
330
+ }
331
+
332
+ .video-js.skin_news_live .vjs-button{
333
+ width: 5.3em;
334
+ display: flex;
335
+ align-items: center;
336
+ justify-content: center;
337
+ }
338
+
339
+
340
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
341
+ .icon-maximize {
342
+ display: block;
343
+ height: 32px;
344
+ }
345
+
346
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
347
+ line-height: 4;
348
+ }
349
+
350
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
351
+ .icon-minimize {
352
+ display: none;
353
+ height: 32px;
354
+ }
355
+
356
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
357
+ outline: none !important;
358
+ /* flex: 1; */
359
+ }
360
+ .video-js.skin_news_live .vjs-play-toggle-container{
361
+ display: flex;
362
+ flex: 1;
363
+ justify-content: center;
364
+ }
365
+
366
+
367
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
368
+ .vjs-icon-fullscreen-enter:before {
369
+ /* content: '' !important; */
370
+ }
371
+
372
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
373
+ display: flex;
374
+ justify-content: center;
375
+ align-items: center;
376
+ /* transform: rotate(90deg); */
377
+ }
378
+
379
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
380
+ display: none;
381
+ }
382
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
383
+ margin-left: -10px;
384
+ }
385
+
386
+ .video-js.skin_news_live .skipbtn:hover{
387
+ cursor: pointer;
388
+ }
389
+
390
+ .video-js.skin_news_live .rewindbtn:hover{
391
+ cursor: pointer;
392
+ }
393
+
394
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
395
+ position: relative;
396
+ padding-left: 0;
397
+ }
398
+
399
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
400
+ display: none !important;
401
+ }
402
+
403
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
404
+ /* width: 90px;
405
+ height: 90px;
406
+ display: flex;
407
+ justify-content: center;
408
+ align-items: center;
409
+ border-radius: 50%;
410
+ position: absolute;
411
+ top: 0;
412
+ left: 0;
413
+ right: 0;
414
+ bottom: 0;
415
+ margin: auto;
416
+ font-size: 6em;
417
+ line-height: 1.4em;
418
+ border: 0.05em solid;
419
+ color: inherit; */
420
+ display: none !important;
421
+ }
422
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
423
+ font-weight: bold;
424
+ }
425
+
426
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
427
+ bottom: 2.4em !important;
428
+ right: -1em;
429
+ z-index: 1;
430
+ }
431
+
432
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
433
+ width: 24px !important;
434
+ height: 24px !important;
435
+ }
436
+ .settings-selector-icon>svg{
437
+ height: 19px !important;
438
+ width: 19px !important;
439
+ }
440
+
441
+
442
+ .video-js.skin_news_live button.vjs-rewind-button{
443
+ cursor: pointer;
444
+ }
445
+
446
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
447
+ padding-right: 0;
448
+ display: none;
449
+ }
450
+
451
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
452
+ padding-left: 0;
453
+ display: none;
454
+ }
455
+
456
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
457
+ padding-left: 0;
458
+ padding-right: 0;
459
+ display: none;
460
+ }
461
+
462
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
215
463
  display: none
216
464
  }
217
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
465
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
218
466
  display: none
219
467
  }
220
468
 
221
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
469
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
222
470
  display: flex;
223
471
  align-items: center;
224
472
  font-weight: 700;
@@ -226,26 +474,26 @@
226
474
  min-width: 1.2em;
227
475
  }
228
476
 
229
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
477
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
230
478
  display: none;
231
479
  font-size: 11px;
232
480
  justify-content: center;
233
481
  align-items: center;
234
482
  user-select: none;
235
483
  }
236
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
484
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
237
485
  display: none;
238
486
  }
239
487
 
240
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
488
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
241
489
  height: min-content;
242
490
  width: min-content;
243
491
  }
244
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
492
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
245
493
  width: 6em;
246
494
  }
247
495
 
248
- .video-js.skin_news .content{
496
+ .video-js.skin_news_live .content{
249
497
  bottom: 3.4rem !important;
250
498
  right: -4rem !important;
251
499
  }
@@ -269,10 +517,11 @@ iframe{
269
517
  height: 100%;
270
518
  }
271
519
 
272
- .video-js.skin_news .vjs-live-control{
520
+ .video-js.skin_news_live .vjs-live-control{
273
521
  align-items: center;
522
+ display: none;
274
523
  }
275
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
524
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
276
525
  height: 2.2em;
277
526
  display: flex;
278
527
  align-items: center;
@@ -283,43 +532,22 @@ iframe{
283
532
  margin: 4px 0px 4px 12px;
284
533
  }
285
534
 
286
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
535
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
287
536
  text-shadow: none;
288
537
  }
289
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
290
- display: none;
291
- font-size: 12px;
292
- }
293
538
 
294
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
295
- height: 2.2em;
296
- display: inline-flex;
297
- align-items: center;
298
- /* font-family: monospace; */
539
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
540
+ display: flex;
299
541
  justify-content: center;
300
- border: 2px solid;
301
- margin: 4px 0px 4px 6px;
302
- white-space: pre;
303
- padding: 0px 6px;
304
- font-size: 1.2em;
305
- font-weight: 500;
306
- color: rgba(255, 255, 2555, 0.7);
307
-
308
- letter-spacing: -.1px;
309
- line-height: normal;
310
- text-transform: uppercase;
311
- color: #FFFFFF;
312
- opacity: .7;
313
- font-family: "Proxima Nova";
542
+ min-width: 5.3em;
543
+ pointer-events: none;
544
+ user-select: none;
314
545
  }
315
546
 
316
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
317
- opacity: 1;
547
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
548
+ color: white;
318
549
  }
319
550
 
320
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
321
- content: "NOT LIVE";
322
- }
323
551
 
324
552
  .settings-selection.vjs-control.vjs-button{
325
553
  display: flex !important;
@@ -336,57 +564,57 @@ iframe{
336
564
  .tvProviderImage{
337
565
  display: none
338
566
  }
339
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
567
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
340
568
  .icon-maximize {
341
569
  height: 30px !important;
342
570
  }
343
571
 
344
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
572
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
345
573
  .icon-minimize {
346
574
  height: 30px !important;
347
575
  }
348
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
576
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
349
577
  width: 4.5em;
350
578
  }
351
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
579
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
352
580
  height: min-content;
353
581
  }
354
582
 
355
- .video-js.skin_news button.vjs-slowmo-button{
583
+ .video-js.skin_news_live button.vjs-slowmo-button{
356
584
  display: none;
357
585
  }
358
- .video-js.skin_news button.vjs-rewind-button{
586
+ .video-js.skin_news_live button.vjs-rewind-button{
359
587
  display: none;
360
588
  }
361
- .video-js.skin_news button.vjs-rewind-button>svg{
589
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
362
590
  height: 20px;
363
591
  }
364
- .video-js.skin_news .vjs-button{
592
+ .video-js.skin_news_live .vjs-button{
365
593
  width: 4.8em;
366
594
  }
367
- .video-js.skin_news .widget-selection{
595
+ .video-js.skin_news_live .widget-selection{
368
596
  display: none;
369
597
  }
370
- .video-js.skin_news .container{
598
+ .video-js.skin_news_live .container{
371
599
  display: none !important;
372
600
  }
373
- .video-js.skin_news .vjs-control-bar{
601
+ .video-js.skin_news_live .vjs-control-bar{
374
602
  height: 4em !important;
375
603
  }
376
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
604
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
377
605
  font-size: 2.5em;
378
606
  line-height: 1.5;
379
607
  }
380
- .video-js.skin_news .vjs-play-progress:before {
608
+ .video-js.skin_news_live .vjs-play-progress:before {
381
609
  font-size: 1.2em;
382
610
  position: absolute;
383
611
  right: -0.5em;
384
612
  z-index: 1;
385
613
  }
386
- .video-js.skin_news button.vjs-skip-button>svg{
614
+ .video-js.skin_news_live button.vjs-skip-button>svg{
387
615
  height: 20px;
388
616
  }
389
- .video-js.skin_news button.vjs-big-play-button {
617
+ .video-js.skin_news_live button.vjs-big-play-button {
390
618
  width: 50px !important;
391
619
  height: 50px !important;
392
620
  font-size: 2.1rem !important;
@@ -396,402 +624,144 @@ iframe{
396
624
  width: 24px;
397
625
  height: 24px;
398
626
  }
399
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
400
- margin: 0 12px 0 12px;
401
- }
402
- .video-js.skin_news .vjs-seek-to-live-text{
403
- font-size: 12px;
404
- }
405
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
406
- margin: 0 12px 0 12px;
407
- }
408
- }
409
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
410
- width: 90px;
411
- height: 90px;
412
- display: flex;
413
- justify-content: center;
414
- align-items: center;
415
- border-radius: 50%;
416
- position: absolute;
417
- top: 0;
418
- left: 0;
419
- right: 0;
420
- bottom: 0;
421
- margin: auto;
422
- font-size: 6em;
423
- line-height: 1.4em;
424
- }
425
-
426
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
427
- display: flex;
428
- justify-content: center;
429
- align-items: center;
430
- height: 100%;
431
- transition: width 0.1s;
432
- }
433
-
434
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
435
- display: flex;
436
- justify-content: center;
437
- align-items: center;
438
- height: 100%;
439
- transition: width 0.1s;
440
- }
441
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
442
- display: none !important;
443
- }
444
- .video-js.skin_news .ssai-ad-container{
445
- position: absolute;
446
- bottom: 14px;
447
- }
448
-
449
- @media (max-width: 576px) {
450
- .video-js.skin_news .ssai-ad-container{
451
- bottom: 2px;
452
- }
453
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
454
- height: 5px !important;
455
- }
456
- .video-js.skin_news button.vjs-big-play-button {
457
- width: 50px !important;
458
- height: 50px !important;
459
- font-size: 2.1rem !important;
460
- }
461
-
462
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
463
- display: none;
464
- }
465
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
466
- bottom: 2.4em !important;
467
- right: -1em;
468
- z-index: 1;
469
- }
470
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
471
- display: none !important;
472
- }
473
-
474
- .video-js.skin_news .vjs-text-track-display-ttml span {
475
- color: white !important;
476
- font-size: 13px !important;
477
- background-color: black !important;
478
- }
479
- }
480
-
481
- .video-js.skin_news .vjs-text-track-display-ttml span {
482
- color: white !important;
483
- font-size: 16px !important;
484
- background-color: black !important;
485
- }
486
-
487
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
488
- margin-bottom: 2rem !important;
489
- }
490
-
491
- .video-js.skin_news .vjs-text-track-display-ttml p {
492
- font-size: 18px !important;
493
- }
494
-
495
-
496
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
497
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
498
- font-size: 1.2em !important;
499
- line-height: 1.5em !important;
500
- padding: 0.2em 0.8em !important;
501
- }
502
-
503
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
504
- content: none !important;
505
- fill: none !important;
506
- filter: none !important;
507
- }
508
-
509
- /* svg icons opacity and hover effect */
510
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
511
- opacity: 0.7 !important;
512
- }
513
-
514
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
515
- opacity: 1 !important;
516
- }
517
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
518
- opacity: 0.7 !important;
519
- }
520
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
521
- opacity: 1 !important;
522
- }
523
-
524
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
525
- color: rgba(255, 255, 2555, 0.7)!important;
526
- }
527
-
528
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
529
- color: rgba(255, 255, 2555, 1)!important;
530
- }
531
-
532
-
533
-
534
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
535
- height: 0.7em;
536
- position: absolute;
537
- top: -0.7em;
538
- width: 100%;
539
- }
540
-
541
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
542
- height: 100%;
543
- }
544
-
545
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
546
- line-height: 2.5;
547
- }
548
-
549
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
550
- height: 19px;
551
- width: 19px;
552
- cursor: pointer;
553
- }
554
- .video-js.skin_vlone .vjs-control {
555
- user-select: none;
556
- }
557
- .video-js.skin_vlone .vjs-custom-control-spacer{
558
- user-select: none;
559
- }
560
-
561
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
562
- height: 19px;
563
- width: 19px;
564
- cursor: pointer;
565
- }
566
-
567
- .video-js.skin_vlone .vjs-play-progress:before {
568
- display: none !important;
569
- }
570
-
571
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
572
- margin: 0 !important;
573
-
574
- }
575
-
576
-
577
- .video-js.skin_vlone .vjs-custom-control-spacer {
578
- display: block;
579
- flex: 1 1 auto;
627
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
628
+ margin: 0 12px 0 12px;
580
629
  }
581
-
582
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
583
- z-index: 1;
630
+ .video-js.skin_news_live .vjs-seek-to-live-text{
631
+ font-size: 12px;
584
632
  }
585
-
586
-
587
- .video-js.skin_vlone .vjs-control-bar {
588
- height: 40px;
633
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
634
+ margin: 0 12px 0 12px;
589
635
  }
590
-
591
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
592
- .vjs-button>.vjs-icon-placeholder:before {
593
- position: relative !important;
594
636
  }
595
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
596
- display: flex;
597
- left: 0px;
598
- top: -1px;
637
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
638
+ width: 90px;
639
+ height: 90px;
640
+ display: flex;
641
+ justify-content: center;
642
+ align-items: center;
643
+ border-radius: 50%;
644
+ position: absolute;
645
+ top: 0;
646
+ left: 0;
647
+ right: 0;
648
+ bottom: 0;
649
+ margin: auto;
650
+ font-size: 6em;
651
+ line-height: 1.4em;
599
652
  }
600
653
 
601
- .vjs-button>.vjs-icon-placeholder:before {
602
- font-size: 2em !important;
654
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
655
+ display: flex;
656
+ justify-content: center;
657
+ align-items: center;
658
+ height: 100%;
659
+ transition: width 0.1s;
603
660
  }
604
661
 
605
- .video-js.skin_vlone .vjs-control {
606
- width: 4.3em;
662
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
663
+ display: flex;
664
+ justify-content: center;
665
+ align-items: center;
666
+ height: 100%;
667
+ transition: width 0.1s;
607
668
  }
608
-
609
- .vjs-menu-button-popup .vjs-menu {
610
- bottom: 10px !important;
669
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
670
+ display: none !important;
611
671
  }
612
672
 
673
+ @media (max-width: 576px) {
674
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
675
+ height: 5px !important;
676
+ }
677
+ .video-js.skin_news_live button.vjs-big-play-button {
678
+ width: 50px !important;
679
+ height: 50px !important;
680
+ font-size: 2.1rem !important;
681
+ }
613
682
 
614
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
615
- height: 1.3em;
616
- position: absolute;
617
- top: -1.3em;
618
- transition: height 0.3s, top 0.3s;
683
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
684
+ display: none;
685
+ }
686
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
687
+ bottom: 2.4em !important;
688
+ right: -1em;
689
+ z-index: 1;
619
690
  }
620
-
621
-
622
- .video-js.skin_vlone.vjs-live .vjs-time-control{
691
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
623
692
  display: none !important;
624
- }
693
+ }
625
694
 
626
- .video-js.skin_vlone .vjs-time-control {
627
- display: block;
628
- }
629
- .video-js.skin_vlone .vjs-remaining-time {
630
- display: none;
695
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
696
+ color: white !important;
697
+ font-size: 13px !important;
698
+ background-color: black !important;
699
+ }
631
700
  }
632
701
 
633
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
634
- line-height: 3.5em;
635
- font-size: 1.1em;
636
- min-width: 4em;
702
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
703
+ width: 100% !important;
637
704
  }
638
705
 
639
- .video-js.skin_vlone .vjs-time-divider > div{
640
- display: flex;
641
- justify-content: center;
706
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
707
+ color: white !important;
708
+ font-size: 16px !important;
709
+ background-color: black !important;
642
710
  }
643
711
 
644
- .video-js.skin_vlone .vjs-live-control{
645
- align-items: center;
646
- }
647
- .video-js.skin_vlone .vjs-live-display{
648
- height: 2.2em;
649
- display: flex;
650
- align-items: center;
651
- font-family: monospace;
652
- width: 4em;
653
- justify-content: center;
654
- background: red;
655
- margin: 4px 0px 4px 12px;
656
- }
657
- .video-js.skin_vlone .vjs-live-display:hover{
658
- cursor: pointer;
712
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
713
+ margin-bottom: 2rem !important;
659
714
  }
660
715
 
661
- .video-js.skin_vlone .vjs-time-control {
662
- line-height: 3.5em !important;
663
- font-size: 1.1em !important;
664
- width: min-content !important;
665
- min-width: 1.5em;
666
- padding: 0 !important;
667
- user-select: none;
716
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
717
+ font-size: 18px !important;
668
718
  }
669
719
 
670
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
671
- margin-left: 16px !important;
672
- }
673
720
 
674
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
675
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
721
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
722
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
676
723
  font-size: 1.2em !important;
677
724
  line-height: 1.5em !important;
678
725
  padding: 0.2em 0.8em !important;
679
726
  }
680
727
 
681
-
682
- /* Big play */
683
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
684
- width: 80px;
685
- height: 80px;
686
- display: flex;
687
- justify-content: center;
688
- align-items: center;
689
- border: none;
690
- position: absolute;
691
- top: 0;
692
- left: 0;
693
- right: 0;
694
- bottom: 0;
695
- margin: auto;
696
- font-size: 5em;
697
- line-height: 1.3em;
698
- transform: none !important;
699
- border-radius: 1.3em;
700
- }
701
- .video-js.skin_vlone .ssai-ad-container{
702
- position: absolute;
703
- bottom: 4px;
704
- }
705
-
706
- @media(max-width:600px){
707
- .video-js.skin_vlone button.vjs-big-play-button {
708
- width: 50px !important;
709
- height: 50px !important;
710
- font-size: 2.1rem !important;
711
- }
712
-
713
- .video-js.skin_vlone .ssai-ad-container {
714
- position: absolute;
715
- bottom: 2px;
716
- }
717
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
718
- display: none;
728
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
729
+ content: none !important;
730
+ fill: none !important;
731
+ filter: none !important;
719
732
  }
720
733
 
721
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
722
- display: none;
734
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
735
+ color: rgba(255, 255, 2555, 0.7)!important;
723
736
  }
724
737
 
725
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
726
- display: none;
727
- }
738
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
739
+ color: rgba(255, 255, 2555, 1)!important;
728
740
  }
729
-
730
741
 
731
742
 
732
- .video-js .content {
733
- border-radius: 0;
734
- background-color: rgba(43, 51, 63, 0.7);
735
- }
736
- .video-js .resolution {
737
- min-width: 100px;
738
- }
739
- .video-js .content .resolution .title {
740
- display: none;
741
- }
742
- .video-js .resolution .rendition{
743
- display: flex;
744
- list-style: none;
745
- margin: 0;
746
- line-height: 1.4em;
747
- font-size: 12px;
748
- text-align: center;
749
- }
750
- .video-js .rendition {
751
- padding: 4px 20px;
752
- }
753
- .video-js .rendition span {
754
- background: none;
755
- }
756
- .video-js .resolution .renditions .relative:hover {
757
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
758
- }
759
- .video-js .resolution .renditions .relative .rendition.selected {
760
- background-color: #fff;
761
- color: #2B333F;
762
- font-weight: normal;
763
- }
764
743
 
765
- .video-js .resolution .renditions .relative .rendition.selected span{
766
- color: #2B333F;
767
- font-weight: bold
768
- }
769
744
 
770
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
745
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
771
746
  font-size: 2.2em;
772
747
  line-height: 2.6;
773
748
  }
774
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
775
- background: #fcb700;
749
+ .video-js.skin_mini{
750
+ overflow: hidden;
776
751
  }
777
- .video-js.skin_news_live .vjs-control-bar{
752
+ .video-js.skin_mini .vjs-control-bar{
778
753
  z-index: 1 !important;
779
- height: 5em !important;
754
+ height: 4em !important;
780
755
  background: black !important;
781
756
  }
782
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
783
- display: flex;
784
- align-items: center;
785
- justify-content: center;
786
- }
787
757
 
788
- .video-js.skin_news_live .vjs-fade>* {
758
+ .video-js.skin_mini .vjs-fade>* {
789
759
  visibility: hidden !important;
790
760
  opacity: 0 !important;
791
761
  transition: visibility 1s, opacity 1s !important;
792
762
  }
793
763
 
794
- .video-js.skin_news_live .custom-spaced-progress-bar {
764
+ .video-js.skin_mini .custom-spaced-progress-bar {
795
765
  position: absolute;
796
766
  width: 100%;
797
767
  display: flex;
@@ -799,7 +769,7 @@ iframe{
799
769
  top: -0.5em;
800
770
  }
801
771
 
802
- .video-js.skin_news_live .vjs-progress-control {
772
+ .video-js.skin_mini .vjs-progress-control {
803
773
  /* left: -6px; */
804
774
  position: relative;
805
775
  width: 100%;
@@ -807,25 +777,22 @@ iframe{
807
777
  transition: height 0.1s, top 0.1s;
808
778
  }
809
779
 
810
- .video-js.skin_news_live .vjs-volume-panel{
811
- min-width: 5.3em;
812
- }
813
780
 
814
781
 
815
782
 
816
- .video-js.skin_news_live .vjs-custom-control-spacer {
817
- /* display: block; */
818
- /* flex: 1 1 auto; */
783
+ .video-js.skin_mini .vjs-custom-control-spacer {
784
+ display: block;
785
+ flex: 1 1 auto;
819
786
  }
820
787
 
821
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
788
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
822
789
  margin: 0 0px 0 0px;
823
790
  }
824
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
791
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
825
792
  display: none;
826
793
  }
827
794
 
828
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
795
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
829
796
  font-size: 14px;
830
797
  font-weight: 500;
831
798
  align-self: center;
@@ -834,199 +801,207 @@ iframe{
834
801
  border-radius: 8px;
835
802
  }
836
803
 
837
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
838
- height: 6px !important;
804
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
805
+ height: 5px !important;
839
806
  }
840
807
 
841
- .video-js.skin_news_live .vjs-play-progress:before {
842
- font-size: 1.5em;
808
+ .video-js.skin_mini .vjs-play-progress:before {
809
+ font-size: 1.3em;
843
810
  line-height: unset;
844
811
  top: -0.3333333333em;
845
812
  }
846
813
 
847
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
814
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
848
815
  display: none !important;
849
816
  }
850
817
 
851
818
  /* */
852
- .video-js.skin_news_live .vjs-mouse-display{
819
+ .video-js.skin_mini .vjs-mouse-display{
853
820
  font-size: 1.6666666667em;
854
821
  }
855
822
 
856
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
823
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
857
824
  font-size: 1em !important;
858
825
  }
859
826
 
860
- .video-js.skin_news_live .vjs-button{
861
- width: 5.3em;
827
+ .video-js.skin_mini .vjs-button{
828
+ width: 3em;
862
829
  display: flex;
863
830
  align-items: center;
864
831
  justify-content: center;
865
832
  }
866
833
 
867
834
 
868
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
835
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
869
836
  .icon-maximize {
870
837
  display: block;
871
838
  height: 32px;
872
839
  }
873
840
 
874
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
841
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
875
842
  line-height: 4;
876
843
  }
877
844
 
878
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
845
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
879
846
  .icon-minimize {
880
847
  display: none;
881
848
  height: 32px;
882
849
  }
883
850
 
884
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
851
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
885
852
  outline: none !important;
886
- /* flex: 1; */
887
- }
888
- .video-js.skin_news_live .vjs-play-toggle-container{
889
- display: flex;
890
- flex: 1;
891
- justify-content: center;
892
853
  }
893
-
894
-
895
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
854
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
896
855
  .vjs-icon-fullscreen-enter:before {
897
856
  /* content: '' !important; */
898
857
  }
899
858
 
900
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
859
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
901
860
  display: flex;
902
861
  justify-content: center;
903
862
  align-items: center;
904
863
  /* transform: rotate(90deg); */
905
864
  }
906
865
 
907
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
866
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
908
867
  display: none;
909
868
  }
910
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
869
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
911
870
  margin-left: -10px;
871
+ display: none;
912
872
  }
913
873
 
914
- .video-js.skin_news_live .skipbtn:hover{
874
+ .video-js.skin_mini .vjs-loading-spinner {
875
+ position: absolute;
876
+ top: 50%;
877
+ left: 50%;
878
+ transform: translate(-50%, -50%);
879
+ opacity: .85;
880
+ text-align: left;
881
+ border: .2em solid rgba(43, 51, 63, .7);
882
+ box-sizing: border-box;
883
+ background-clip: padding-box;
884
+ width: 3em;
885
+ height: 3em;
886
+ border-radius: 50%;
887
+ visibility: hidden;
888
+ }
889
+
890
+ .video-js.skin_mini .skipbtn:hover{
915
891
  cursor: pointer;
916
892
  }
917
893
 
918
- .video-js.skin_news_live .rewindbtn:hover{
894
+ .video-js.skin_mini .rewindbtn:hover{
919
895
  cursor: pointer;
920
896
  }
921
897
 
922
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
898
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
923
899
  position: relative;
924
900
  padding-left: 0;
925
901
  }
926
902
 
927
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
928
- display: none !important;
903
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
904
+ width: 40px;
905
+ height: 40px;
906
+ display: flex;
907
+ justify-content: center;
908
+ align-items: center;
909
+ border: none;
910
+ position: absolute;
911
+ top: 0;
912
+ left: 0;
913
+ right: 0;
914
+ bottom: 0;
915
+ margin: auto;
916
+ font-size: 3em;
917
+ line-height: 1.3em;
918
+ transform: none !important;
919
+ border-radius: 1.3em;
929
920
  }
930
921
 
931
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
932
- /* width: 90px;
933
- height: 90px;
934
- display: flex;
935
- justify-content: center;
936
- align-items: center;
937
- border-radius: 50%;
938
- position: absolute;
939
- top: 0;
940
- left: 0;
941
- right: 0;
942
- bottom: 0;
943
- margin: auto;
944
- font-size: 6em;
945
- line-height: 1.4em;
946
- border: 0.05em solid;
947
- color: inherit; */
948
- display: none !important;
949
- }
950
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
922
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
951
923
  font-weight: bold;
952
924
  }
953
925
 
954
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
955
- bottom: 2.4em !important;
956
- right: -1em;
926
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
927
+ bottom: 1.1em !important;
928
+ right: 1em;
957
929
  z-index: 1;
930
+ font-size: 10px;
958
931
  }
959
932
 
960
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
933
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
961
934
  width: 24px !important;
962
935
  height: 24px !important;
963
936
  }
964
- .settings-selector-icon>svg{
937
+ .video-js.skin_mini .settings-selector-icon>svg{
965
938
  height: 19px !important;
966
939
  width: 19px !important;
967
940
  }
968
941
 
969
942
 
970
- .video-js.skin_news_live button.vjs-rewind-button{
943
+ .video-js.skin_mini button.vjs-rewind-button{
971
944
  cursor: pointer;
972
945
  }
973
946
 
974
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
947
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
975
948
  padding-right: 0;
976
- display: none;
977
949
  }
978
950
 
979
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
951
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
980
952
  padding-left: 0;
981
- display: none;
982
953
  }
983
954
 
984
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
955
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
985
956
  padding-left: 0;
986
957
  padding-right: 0;
987
- display: none;
958
+ display: flex;
959
+ justify-content: center;
960
+ width: min-content;
988
961
  }
989
962
 
990
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
963
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
991
964
  display: none
992
965
  }
993
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
966
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
994
967
  display: none
995
968
  }
996
969
 
997
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
998
- display: flex;
999
- align-items: center;
1000
- font-weight: 700;
1001
- font-size: 12px;
1002
- min-width: 1.2em;
970
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
971
+ display: flex;
972
+ align-items: center;
973
+ font-weight: 700;
974
+ font-size: 9px;
975
+ min-width: 0.8em;
976
+ padding-left: 0;
1003
977
  }
1004
978
 
1005
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
979
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1006
980
  display: none;
1007
981
  font-size: 11px;
1008
982
  justify-content: center;
1009
983
  align-items: center;
1010
984
  user-select: none;
1011
985
  }
1012
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
986
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1013
987
  display: none;
1014
988
  }
1015
989
 
1016
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
990
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1017
991
  height: min-content;
1018
992
  width: min-content;
1019
993
  }
1020
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1021
- width: 6em;
994
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
995
+ width: 3em;
996
+ margin-right: 4px;
1022
997
  }
1023
998
 
1024
- .video-js.skin_news_live .content{
999
+ .video-js.skin_mini .content{
1025
1000
  bottom: 3.4rem !important;
1026
1001
  right: -4rem !important;
1027
1002
  }
1028
1003
 
1029
- .setting-icon > svg{
1004
+ .video-js.skin_mini .setting-icon > svg{
1030
1005
  height:18px !important;
1031
1006
  }
1032
1007
 
@@ -1045,11 +1020,11 @@ iframe{
1045
1020
  height: 100%;
1046
1021
  }
1047
1022
 
1048
- .video-js.skin_news_live .vjs-live-control{
1023
+ .video-js.skin_mini .vjs-live-control{
1049
1024
  align-items: center;
1050
- display: none;
1025
+ max-width: 5em;
1051
1026
  }
1052
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1027
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1053
1028
  height: 2.2em;
1054
1029
  display: flex;
1055
1030
  align-items: center;
@@ -1057,238 +1032,210 @@ iframe{
1057
1032
  width: 4em;
1058
1033
  justify-content: center;
1059
1034
  background: red;
1060
- margin: 4px 0px 4px 12px;
1035
+ margin: 4px 0px 4px 2px;
1061
1036
  }
1062
1037
 
1063
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1038
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1064
1039
  text-shadow: none;
1065
1040
  }
1066
-
1067
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1068
- display: flex;
1069
- justify-content: center;
1070
- min-width: 5.3em;
1071
- pointer-events: none;
1072
- user-select: none;
1073
- }
1074
-
1075
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1076
- color: white;
1041
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1042
+ display: none;
1043
+ font-size: 12px;
1077
1044
  }
1078
1045
 
1079
-
1080
- .settings-selection.vjs-control.vjs-button{
1081
- display: flex !important;
1046
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1047
+ height: 1.8em;
1048
+ display: inline-flex;
1049
+ align-items: center;
1050
+ font-family: monospace;
1051
+ justify-content: center;
1052
+ border: 1.5px solid;
1053
+ margin: 4px 0px 4px 2px;
1054
+ white-space: pre;
1055
+ padding: 2px 4px;
1056
+ font-size: 1.2em;
1057
+ font-weight: 500;
1058
+ color: rgba(255, 255, 2555, 0.7);
1082
1059
  }
1083
1060
 
1084
- @media(max-width:576px){
1085
- .settings-selection.vjs-control.vjs-button{
1086
- display: none !important;
1087
- }
1061
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1062
+ content: "NOT LIVE";
1063
+ word-spacing: -4px;
1088
1064
  }
1089
1065
 
1090
1066
 
1091
- @media(max-width:576px){
1067
+ @media(max-width:600px){
1092
1068
  .tvProviderImage{
1093
1069
  display: none
1094
1070
  }
1095
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1071
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1096
1072
  .icon-maximize {
1097
1073
  height: 30px !important;
1098
1074
  }
1099
1075
 
1100
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1076
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1101
1077
  .icon-minimize {
1102
1078
  height: 30px !important;
1103
1079
  }
1104
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1105
- width: 4.5em;
1080
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1081
+ width: 3.5em;
1106
1082
  }
1107
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1083
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1108
1084
  height: min-content;
1109
1085
  }
1110
1086
 
1111
- .video-js.skin_news_live button.vjs-slowmo-button{
1087
+ .video-js.skin_mini button.vjs-slowmo-button{
1112
1088
  display: none;
1113
1089
  }
1114
- .video-js.skin_news_live button.vjs-rewind-button{
1090
+ .video-js.skin_mini button.vjs-rewind-button{
1115
1091
  display: none;
1116
1092
  }
1117
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1093
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1118
1094
  height: 20px;
1119
1095
  }
1120
- .video-js.skin_news_live .vjs-button{
1121
- width: 4.8em;
1096
+ .video-js.skin_mini .vjs-button{
1097
+ width: 3em;
1122
1098
  }
1123
- .video-js.skin_news_live .widget-selection{
1099
+ .video-js.skin_mini .widget-selection{
1124
1100
  display: none;
1125
1101
  }
1126
- .video-js.skin_news_live .container{
1102
+ .video-js.skin_mini .container{
1127
1103
  display: none !important;
1128
1104
  }
1129
- .video-js.skin_news_live .vjs-control-bar{
1105
+ .video-js.skin_mini .vjs-control-bar{
1130
1106
  height: 4em !important;
1131
1107
  }
1132
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1108
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1133
1109
  font-size: 2.5em;
1134
1110
  line-height: 1.5;
1135
1111
  }
1136
- .video-js.skin_news_live .vjs-play-progress:before {
1112
+ .video-js.skin_mini .vjs-play-progress:before {
1137
1113
  font-size: 1.2em;
1138
1114
  position: absolute;
1139
1115
  right: -0.5em;
1140
1116
  z-index: 1;
1141
1117
  }
1142
- .video-js.skin_news_live button.vjs-skip-button>svg{
1143
- height: 20px;
1144
- }
1145
- .video-js.skin_news_live button.vjs-big-play-button {
1146
- width: 50px !important;
1147
- height: 50px !important;
1148
- font-size: 2.1rem !important;
1118
+ .video-js.skin_mini button.vjs-skip-button>svg{
1119
+ height: 20px;
1149
1120
  }
1150
1121
 
1151
1122
  .stream-selector-icon>svg{
1152
1123
  width: 24px;
1153
1124
  height: 24px;
1154
1125
  }
1155
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1156
- margin: 0 12px 0 12px;
1157
- }
1158
- .video-js.skin_news_live .vjs-seek-to-live-text{
1126
+ .video-js.skin_mini .vjs-seek-to-live-text{
1159
1127
  font-size: 12px;
1160
1128
  }
1161
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1162
- margin: 0 12px 0 12px;
1129
+
1130
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1131
+ color: white !important;
1132
+ font-size: 16px !important;
1133
+ background-color: rgba(0,0,0,0.2) !important;
1134
+ }
1163
1135
  }
1136
+
1137
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1138
+ color: white !important;
1139
+ font-size: 16px !important;
1140
+ background-color: rgba(0,0,0,0.2) !important;
1164
1141
  }
1165
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1166
- width: 90px;
1167
- height: 90px;
1168
- display: flex;
1169
- justify-content: center;
1170
- align-items: center;
1171
- border-radius: 50%;
1172
- position: absolute;
1173
- top: 0;
1174
- left: 0;
1175
- right: 0;
1176
- bottom: 0;
1177
- margin: auto;
1178
- font-size: 6em;
1179
- line-height: 1.4em;
1142
+
1143
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1144
+ font-size: 18px !important;
1180
1145
  }
1181
1146
 
1182
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1147
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1148
+ margin-bottom: 1rem !important;
1149
+ }
1150
+
1151
+
1152
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1183
1153
  display: flex;
1184
1154
  justify-content: center;
1185
1155
  align-items: center;
1186
1156
  height: 100%;
1187
1157
  transition: width 0.1s;
1188
1158
  }
1159
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1160
+ margin: 2px;
1161
+ }
1189
1162
 
1190
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1163
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1191
1164
  display: flex;
1192
1165
  justify-content: center;
1193
1166
  align-items: center;
1194
1167
  height: 100%;
1195
1168
  transition: width 0.1s;
1196
1169
  }
1197
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1198
- display: none !important;
1170
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1171
+ display: grid;
1172
+ font-size: 10px;
1173
+ grid-template-columns: 1fr;
1174
+ grid-template-rows: 1fr;
1175
+ padding: 1px 0px 0 0px;
1176
+ margin: 0;
1199
1177
  }
1200
1178
 
1201
- @media (max-width: 576px) {
1202
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1179
+ @media (max-width: 600px) {
1180
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1203
1181
  height: 5px !important;
1204
1182
  }
1205
- .video-js.skin_news_live button.vjs-big-play-button {
1206
- width: 50px !important;
1207
- height: 50px !important;
1208
- font-size: 2.1rem !important;
1209
- }
1210
1183
 
1211
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1184
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1212
1185
  display: none;
1213
1186
  }
1214
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1215
- bottom: 2.4em !important;
1216
- right: -1em;
1217
- z-index: 1;
1218
- }
1219
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1220
- display: none !important;
1221
- }
1222
-
1223
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1224
- color: white !important;
1225
- font-size: 13px !important;
1226
- background-color: black !important;
1227
- }
1228
- }
1229
-
1230
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1231
- width: 100% !important;
1232
- }
1233
1187
 
1234
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1235
- color: white !important;
1236
- font-size: 16px !important;
1237
- background-color: black !important;
1238
- }
1239
-
1240
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1241
- margin-bottom: 2rem !important;
1242
1188
  }
1243
1189
 
1244
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1245
- font-size: 18px !important;
1190
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1191
+ content: none !important;
1192
+ fill: none !important;
1193
+ filter: none !important;
1246
1194
  }
1247
1195
 
1248
-
1249
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1250
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1251
- font-size: 1.2em !important;
1252
- line-height: 1.5em !important;
1253
- padding: 0.2em 0.8em !important;
1196
+ /* svg icons opacity and hover effect */
1197
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1198
+ opacity: 0.7 !important;
1254
1199
  }
1255
1200
 
1256
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1257
- content: none !important;
1258
- fill: none !important;
1259
- filter: none !important;
1201
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1202
+ opacity: 1 !important;
1260
1203
  }
1261
1204
 
1262
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1205
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1263
1206
  color: rgba(255, 255, 2555, 0.7)!important;
1264
1207
  }
1265
1208
 
1266
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1209
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1267
1210
  color: rgba(255, 255, 2555, 1)!important;
1268
1211
  }
1269
1212
 
1270
1213
 
1271
-
1272
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1214
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1273
1215
  font-size: 2.2em;
1274
1216
  line-height: 2.6;
1275
1217
  }
1276
- .video-js.skin_mini{
1277
- overflow: hidden;
1218
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1219
+ background: white;
1278
1220
  }
1279
- .video-js.skin_mini .vjs-control-bar{
1221
+ .video-js.skin_news .vjs-control-bar{
1280
1222
  z-index: 1 !important;
1281
- height: 4em !important;
1223
+ height: 5em !important;
1282
1224
  background: black !important;
1283
1225
  }
1226
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1227
+ display: flex;
1228
+ align-items: center;
1229
+ justify-content: center;
1230
+ }
1284
1231
 
1285
- .video-js.skin_mini .vjs-fade>* {
1232
+ .video-js.skin_news .vjs-fade>* {
1286
1233
  visibility: hidden !important;
1287
1234
  opacity: 0 !important;
1288
1235
  transition: visibility 1s, opacity 1s !important;
1289
1236
  }
1290
1237
 
1291
- .video-js.skin_mini .custom-spaced-progress-bar {
1238
+ .video-js.skin_news .custom-spaced-progress-bar {
1292
1239
  position: absolute;
1293
1240
  width: 100%;
1294
1241
  display: flex;
@@ -1296,7 +1243,7 @@ iframe{
1296
1243
  top: -0.5em;
1297
1244
  }
1298
1245
 
1299
- .video-js.skin_mini .vjs-progress-control {
1246
+ .video-js.skin_news .vjs-progress-control {
1300
1247
  /* left: -6px; */
1301
1248
  position: relative;
1302
1249
  width: 100%;
@@ -1307,19 +1254,19 @@ iframe{
1307
1254
 
1308
1255
 
1309
1256
 
1310
- .video-js.skin_mini .vjs-custom-control-spacer {
1257
+ .video-js.skin_news .vjs-custom-control-spacer {
1311
1258
  display: block;
1312
1259
  flex: 1 1 auto;
1313
1260
  }
1314
1261
 
1315
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1262
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1316
1263
  margin: 0 0px 0 0px;
1317
1264
  }
1318
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1265
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1319
1266
  display: none;
1320
1267
  }
1321
1268
 
1322
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1269
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1323
1270
  font-size: 14px;
1324
1271
  font-weight: 500;
1325
1272
  align-self: center;
@@ -1328,158 +1275,143 @@ iframe{
1328
1275
  border-radius: 8px;
1329
1276
  }
1330
1277
 
1331
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1332
- height: 5px !important;
1278
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1279
+ height: 6px !important;
1333
1280
  }
1334
1281
 
1335
- .video-js.skin_mini .vjs-play-progress:before {
1336
- font-size: 1.3em;
1282
+ .video-js.skin_news .vjs-play-progress:before {
1283
+ font-size: 1.5em;
1337
1284
  line-height: unset;
1338
1285
  top: -0.3333333333em;
1339
1286
  }
1340
1287
 
1341
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1288
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1342
1289
  display: none !important;
1343
1290
  }
1344
1291
 
1345
1292
  /* */
1346
- .video-js.skin_mini .vjs-mouse-display{
1293
+ .video-js.skin_news .vjs-mouse-display{
1347
1294
  font-size: 1.6666666667em;
1348
1295
  }
1349
1296
 
1350
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1297
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1351
1298
  font-size: 1em !important;
1352
1299
  }
1353
1300
 
1354
- .video-js.skin_mini .vjs-button{
1355
- width: 3em;
1301
+ .video-js.skin_news .vjs-button{
1302
+ width: 5.3em;
1356
1303
  display: flex;
1357
1304
  align-items: center;
1358
1305
  justify-content: center;
1359
1306
  }
1360
1307
 
1361
1308
 
1362
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1309
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1363
1310
  .icon-maximize {
1364
1311
  display: block;
1365
1312
  height: 32px;
1366
1313
  }
1367
1314
 
1368
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1315
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1369
1316
  line-height: 4;
1370
1317
  }
1371
1318
 
1372
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1319
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1373
1320
  .icon-minimize {
1374
1321
  display: none;
1375
1322
  height: 32px;
1376
1323
  }
1377
1324
 
1378
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1325
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1379
1326
  outline: none !important;
1380
1327
  }
1381
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1328
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1382
1329
  .vjs-icon-fullscreen-enter:before {
1383
1330
  /* content: '' !important; */
1384
1331
  }
1385
1332
 
1386
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1333
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1387
1334
  display: flex;
1388
1335
  justify-content: center;
1389
1336
  align-items: center;
1390
1337
  /* transform: rotate(90deg); */
1391
1338
  }
1392
1339
 
1393
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1340
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1394
1341
  display: none;
1395
1342
  }
1396
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1343
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1397
1344
  margin-left: -10px;
1398
- display: none;
1399
- }
1400
-
1401
- .video-js.skin_mini .vjs-loading-spinner {
1402
- position: absolute;
1403
- top: 50%;
1404
- left: 50%;
1405
- transform: translate(-50%, -50%);
1406
- opacity: .85;
1407
- text-align: left;
1408
- border: .2em solid rgba(43, 51, 63, .7);
1409
- box-sizing: border-box;
1410
- background-clip: padding-box;
1411
- width: 3em;
1412
- height: 3em;
1413
- border-radius: 50%;
1414
- visibility: hidden;
1415
1345
  }
1416
1346
 
1417
- .video-js.skin_mini .skipbtn:hover{
1347
+ .video-js.skin_news .skipbtn:hover{
1418
1348
  cursor: pointer;
1419
1349
  }
1420
1350
 
1421
- .video-js.skin_mini .rewindbtn:hover{
1351
+ .video-js.skin_news .rewindbtn:hover{
1422
1352
  cursor: pointer;
1423
1353
  }
1424
1354
 
1425
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1355
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1426
1356
  position: relative;
1427
1357
  padding-left: 0;
1428
1358
  }
1429
1359
 
1430
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1431
- width: 40px;
1432
- height: 40px;
1433
- display: flex;
1434
- justify-content: center;
1435
- align-items: center;
1436
- border: none;
1437
- position: absolute;
1438
- top: 0;
1439
- left: 0;
1440
- right: 0;
1441
- bottom: 0;
1442
- margin: auto;
1443
- font-size: 3em;
1444
- line-height: 1.3em;
1445
- transform: none !important;
1446
- border-radius: 1.3em;
1360
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1361
+ display: none !important;
1447
1362
  }
1448
1363
 
1449
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1364
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1365
+ width: 90px;
1366
+ height: 90px;
1367
+ display: flex;
1368
+ justify-content: center;
1369
+ align-items: center;
1370
+ border-radius: 50%;
1371
+ position: absolute;
1372
+ top: 0;
1373
+ left: 0;
1374
+ right: 0;
1375
+ bottom: 0;
1376
+ margin: auto;
1377
+ font-size: 6em;
1378
+ line-height: 1.4em;
1379
+ border: 0.05em solid;
1380
+ color: inherit;
1381
+ }
1382
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1450
1383
  font-weight: bold;
1451
1384
  }
1452
1385
 
1453
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1454
- bottom: 1.1em !important;
1455
- right: 1em;
1386
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1387
+ bottom: 2.4em !important;
1388
+ right: -1em;
1456
1389
  z-index: 1;
1457
- font-size: 10px;
1458
1390
  }
1459
1391
 
1460
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1392
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1461
1393
  width: 24px !important;
1462
1394
  height: 24px !important;
1463
1395
  }
1464
- .video-js.skin_mini .settings-selector-icon>svg{
1396
+ .settings-selector-icon>svg{
1465
1397
  height: 19px !important;
1466
1398
  width: 19px !important;
1467
1399
  }
1468
1400
 
1469
1401
 
1470
- .video-js.skin_mini button.vjs-rewind-button{
1402
+ .video-js.skin_news button.vjs-rewind-button{
1471
1403
  cursor: pointer;
1472
1404
  }
1473
1405
 
1474
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1406
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1475
1407
  padding-right: 0;
1476
1408
  }
1477
1409
 
1478
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1410
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1479
1411
  padding-left: 0;
1480
1412
  }
1481
1413
 
1482
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1414
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1483
1415
  padding-left: 0;
1484
1416
  padding-right: 0;
1485
1417
  display: flex;
@@ -1487,48 +1419,46 @@ iframe{
1487
1419
  width: min-content;
1488
1420
  }
1489
1421
 
1490
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1422
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1491
1423
  display: none
1492
1424
  }
1493
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1425
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1494
1426
  display: none
1495
1427
  }
1496
1428
 
1497
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1498
- display: flex;
1499
- align-items: center;
1500
- font-weight: 700;
1501
- font-size: 9px;
1502
- min-width: 0.8em;
1503
- padding-left: 0;
1429
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
1430
+ display: flex;
1431
+ align-items: center;
1432
+ font-weight: 700;
1433
+ font-size: 12px;
1434
+ min-width: 1.2em;
1504
1435
  }
1505
1436
 
1506
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1437
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1507
1438
  display: none;
1508
1439
  font-size: 11px;
1509
1440
  justify-content: center;
1510
1441
  align-items: center;
1511
1442
  user-select: none;
1512
1443
  }
1513
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1444
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1514
1445
  display: none;
1515
1446
  }
1516
1447
 
1517
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1448
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1518
1449
  height: min-content;
1519
1450
  width: min-content;
1520
1451
  }
1521
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1522
- width: 3em;
1523
- margin-right: 4px;
1452
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1453
+ width: 6em;
1524
1454
  }
1525
1455
 
1526
- .video-js.skin_mini .content{
1456
+ .video-js.skin_news .content{
1527
1457
  bottom: 3.4rem !important;
1528
1458
  right: -4rem !important;
1529
1459
  }
1530
1460
 
1531
- .video-js.skin_mini .setting-icon > svg{
1461
+ .setting-icon > svg{
1532
1462
  height:18px !important;
1533
1463
  }
1534
1464
 
@@ -1547,11 +1477,10 @@ iframe{
1547
1477
  height: 100%;
1548
1478
  }
1549
1479
 
1550
- .video-js.skin_mini .vjs-live-control{
1480
+ .video-js.skin_news .vjs-live-control{
1551
1481
  align-items: center;
1552
- max-width: 5em;
1553
1482
  }
1554
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1483
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1555
1484
  height: 2.2em;
1556
1485
  display: flex;
1557
1486
  align-items: center;
@@ -1559,181 +1488,252 @@ iframe{
1559
1488
  width: 4em;
1560
1489
  justify-content: center;
1561
1490
  background: red;
1562
- margin: 4px 0px 4px 2px;
1491
+ margin: 4px 0px 4px 12px;
1563
1492
  }
1564
1493
 
1565
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1494
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1566
1495
  text-shadow: none;
1567
1496
  }
1568
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1497
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1569
1498
  display: none;
1570
1499
  font-size: 12px;
1571
1500
  }
1572
1501
 
1573
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1574
- height: 1.8em;
1502
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1503
+ height: 2.2em;
1575
1504
  display: inline-flex;
1576
1505
  align-items: center;
1577
- font-family: monospace;
1506
+ /* font-family: monospace; */
1578
1507
  justify-content: center;
1579
- border: 1.5px solid;
1580
- margin: 4px 0px 4px 2px;
1508
+ border: 2px solid;
1509
+ margin: 4px 0px 4px 6px;
1581
1510
  white-space: pre;
1582
- padding: 2px 4px;
1511
+ padding: 0px 6px;
1583
1512
  font-size: 1.2em;
1584
1513
  font-weight: 500;
1585
1514
  color: rgba(255, 255, 2555, 0.7);
1515
+
1516
+ letter-spacing: -.1px;
1517
+ line-height: normal;
1518
+ text-transform: uppercase;
1519
+ color: #FFFFFF;
1520
+ opacity: .7;
1521
+ font-family: "Proxima Nova";
1586
1522
  }
1587
1523
 
1588
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1524
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1525
+ opacity: 1;
1526
+ }
1527
+
1528
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1589
1529
  content: "NOT LIVE";
1590
- word-spacing: -4px;
1530
+ }
1531
+
1532
+ .settings-selection.vjs-control.vjs-button{
1533
+ display: flex !important;
1534
+ }
1535
+
1536
+ @media(max-width:576px){
1537
+ .settings-selection.vjs-control.vjs-button{
1538
+ display: none !important;
1539
+ }
1591
1540
  }
1592
1541
 
1593
1542
 
1594
- @media(max-width:600px){
1543
+ @media(max-width:576px){
1595
1544
  .tvProviderImage{
1596
1545
  display: none
1597
1546
  }
1598
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1547
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1599
1548
  .icon-maximize {
1600
1549
  height: 30px !important;
1601
1550
  }
1602
1551
 
1603
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1552
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1604
1553
  .icon-minimize {
1605
1554
  height: 30px !important;
1606
1555
  }
1607
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1608
- width: 3.5em;
1556
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1557
+ width: 4.5em;
1609
1558
  }
1610
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1559
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1611
1560
  height: min-content;
1612
1561
  }
1613
1562
 
1614
- .video-js.skin_mini button.vjs-slowmo-button{
1563
+ .video-js.skin_news button.vjs-slowmo-button{
1615
1564
  display: none;
1616
1565
  }
1617
- .video-js.skin_mini button.vjs-rewind-button{
1566
+ .video-js.skin_news button.vjs-rewind-button{
1618
1567
  display: none;
1619
1568
  }
1620
- .video-js.skin_mini button.vjs-rewind-button>svg{
1569
+ .video-js.skin_news button.vjs-rewind-button>svg{
1621
1570
  height: 20px;
1622
1571
  }
1623
- .video-js.skin_mini .vjs-button{
1624
- width: 3em;
1572
+ .video-js.skin_news .vjs-button{
1573
+ width: 4.8em;
1625
1574
  }
1626
- .video-js.skin_mini .widget-selection{
1575
+ .video-js.skin_news .widget-selection{
1627
1576
  display: none;
1628
1577
  }
1629
- .video-js.skin_mini .container{
1578
+ .video-js.skin_news .container{
1630
1579
  display: none !important;
1631
1580
  }
1632
- .video-js.skin_mini .vjs-control-bar{
1581
+ .video-js.skin_news .vjs-control-bar{
1633
1582
  height: 4em !important;
1634
1583
  }
1635
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1584
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1636
1585
  font-size: 2.5em;
1637
1586
  line-height: 1.5;
1638
1587
  }
1639
- .video-js.skin_mini .vjs-play-progress:before {
1588
+ .video-js.skin_news .vjs-play-progress:before {
1640
1589
  font-size: 1.2em;
1641
1590
  position: absolute;
1642
1591
  right: -0.5em;
1643
1592
  z-index: 1;
1644
1593
  }
1645
- .video-js.skin_mini button.vjs-skip-button>svg{
1594
+ .video-js.skin_news button.vjs-skip-button>svg{
1646
1595
  height: 20px;
1647
1596
  }
1597
+ .video-js.skin_news button.vjs-big-play-button {
1598
+ width: 50px !important;
1599
+ height: 50px !important;
1600
+ font-size: 2.1rem !important;
1601
+ }
1648
1602
 
1649
1603
  .stream-selector-icon>svg{
1650
1604
  width: 24px;
1651
1605
  height: 24px;
1652
1606
  }
1653
- .video-js.skin_mini .vjs-seek-to-live-text{
1654
- font-size: 12px;
1607
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1608
+ margin: 0 12px 0 12px;
1655
1609
  }
1656
-
1657
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1658
- color: white !important;
1659
- font-size: 16px !important;
1660
- background-color: rgba(0,0,0,0.2) !important;
1661
- }
1610
+ .video-js.skin_news .vjs-seek-to-live-text{
1611
+ font-size: 12px;
1662
1612
  }
1663
-
1664
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1665
- color: white !important;
1666
- font-size: 16px !important;
1667
- background-color: rgba(0,0,0,0.2) !important;
1613
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1614
+ margin: 0 12px 0 12px;
1668
1615
  }
1669
-
1670
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1671
- font-size: 18px !important;
1672
1616
  }
1673
-
1674
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1675
- margin-bottom: 1rem !important;
1617
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1618
+ width: 90px;
1619
+ height: 90px;
1620
+ display: flex;
1621
+ justify-content: center;
1622
+ align-items: center;
1623
+ border-radius: 50%;
1624
+ position: absolute;
1625
+ top: 0;
1626
+ left: 0;
1627
+ right: 0;
1628
+ bottom: 0;
1629
+ margin: auto;
1630
+ font-size: 6em;
1631
+ line-height: 1.4em;
1676
1632
  }
1677
1633
 
1678
-
1679
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1634
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1680
1635
  display: flex;
1681
1636
  justify-content: center;
1682
1637
  align-items: center;
1683
1638
  height: 100%;
1684
1639
  transition: width 0.1s;
1685
1640
  }
1686
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1687
- margin: 2px;
1688
- }
1689
1641
 
1690
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1642
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1691
1643
  display: flex;
1692
1644
  justify-content: center;
1693
1645
  align-items: center;
1694
1646
  height: 100%;
1695
1647
  transition: width 0.1s;
1696
1648
  }
1697
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1698
- display: grid;
1699
- font-size: 10px;
1700
- grid-template-columns: 1fr;
1701
- grid-template-rows: 1fr;
1702
- padding: 1px 0px 0 0px;
1703
- margin: 0;
1649
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1650
+ display: none !important;
1651
+ }
1652
+ .video-js.skin_news .ssai-ad-container{
1653
+ position: absolute;
1654
+ bottom: 14px;
1704
1655
  }
1705
1656
 
1706
- @media (max-width: 600px) {
1707
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1657
+ @media (max-width: 576px) {
1658
+ .video-js.skin_news .ssai-ad-container{
1659
+ bottom: 2px;
1660
+ }
1661
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1708
1662
  height: 5px !important;
1709
1663
  }
1664
+ .video-js.skin_news button.vjs-big-play-button {
1665
+ width: 50px !important;
1666
+ height: 50px !important;
1667
+ font-size: 2.1rem !important;
1668
+ }
1710
1669
 
1711
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1670
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1712
1671
  display: none;
1713
1672
  }
1673
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1674
+ bottom: 2.4em !important;
1675
+ right: -1em;
1676
+ z-index: 1;
1677
+ }
1678
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1679
+ display: none !important;
1680
+ }
1681
+
1682
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1683
+ color: white !important;
1684
+ font-size: 13px !important;
1685
+ background-color: black !important;
1686
+ }
1687
+ }
1714
1688
 
1689
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1690
+ color: white !important;
1691
+ font-size: 16px !important;
1692
+ background-color: black !important;
1715
1693
  }
1716
1694
 
1717
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1695
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1696
+ margin-bottom: 2rem !important;
1697
+ }
1698
+
1699
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1700
+ font-size: 18px !important;
1701
+ }
1702
+
1703
+
1704
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1705
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1706
+ font-size: 1.2em !important;
1707
+ line-height: 1.5em !important;
1708
+ padding: 0.2em 0.8em !important;
1709
+ }
1710
+
1711
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1718
1712
  content: none !important;
1719
1713
  fill: none !important;
1720
1714
  filter: none !important;
1721
1715
  }
1722
1716
 
1723
1717
  /* svg icons opacity and hover effect */
1724
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1718
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1725
1719
  opacity: 0.7 !important;
1726
1720
  }
1727
1721
 
1728
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1722
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1723
+ opacity: 1 !important;
1724
+ }
1725
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1726
+ opacity: 0.7 !important;
1727
+ }
1728
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1729
1729
  opacity: 1 !important;
1730
1730
  }
1731
1731
 
1732
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1732
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
1733
  color: rgba(255, 255, 2555, 0.7)!important;
1734
1734
  }
1735
1735
 
1736
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1736
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
1737
  color: rgba(255, 255, 2555, 1)!important;
1738
1738
  }
1739
1739
 
@@ -1920,6 +1920,7 @@ iframe{
1920
1920
 
1921
1921
 
1922
1922
 
1923
+
1923
1924
  .video-js .multicamera-parent.default{
1924
1925
  height: 345px;
1925
1926
  position: absolute;
@@ -2001,7 +2002,6 @@ iframe{
2001
2002
 
2002
2003
 
2003
2004
 
2004
-
2005
2005
  .vjs-custom-big-mute.vjs-control{
2006
2006
  position: absolute;
2007
2007
  align-items: center;