@viewlift/player-backup 2.0.208-backup → 2.0.209-backup

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