@viewlift/player-backup 2.0.366-backup → 2.0.368-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 (63) hide show
  1. package/cjs/{autoNextVideo-39137ea7.js → autoNextVideo-cd4cbbb9.js} +1 -1
  2. package/cjs/bundle.css +724 -724
  3. package/cjs/{features-23064295.js → features-2a288f79.js} +1 -1
  4. package/cjs/generic-1fd7c1af.js +1 -0
  5. package/cjs/{index-4d9691aa.js → index-1123dc17.js} +1 -1
  6. package/cjs/{index-8ccb921b.js → index-bc3c350b.js} +1 -1
  7. package/cjs/{index-e0705a65.js → index-e6f8f1e4.js} +1 -1
  8. package/cjs/{index-21f99efb.js → index-f1795d76.js} +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/{multicamv2-b8c17949.js → multicamv2-7578fe18.js} +1 -1
  11. package/cjs/{multicamv2-8f462e38.js → multicamv2-9a967399.js} +1 -1
  12. package/cjs/{nextEpisodeButton-d9cd5fb1.js → nextEpisodeButton-ecfa4502.js} +1 -1
  13. package/cjs/{playlist-6969c5ca.js → playlist-db64ff22.js} +1 -1
  14. package/cjs/{series-66922472.js → series-ceab0ec2.js} +1 -1
  15. package/cjs/{series-v2-d31238b9.js → series-v2-113306dc.js} +1 -1
  16. package/cjs/{series-v2-85ae7b80.js → series-v2-e008591f.js} +1 -1
  17. package/cjs/{skin-683cc0d5.js → skin-0bb339c9.js} +1 -1
  18. package/cjs/{skin-e8cb7689.js → skin-15bfa479.js} +1 -1
  19. package/cjs/{skin-e9dbdb98.js → skin-1d9cdcdf.js} +1 -1
  20. package/cjs/{skin-97f54825.js → skin-45479d96.js} +1 -1
  21. package/cjs/{skin-726761e7.js → skin-461c5101.js} +1 -1
  22. package/cjs/{skin-48e3676a.js → skin-614e9e9a.js} +1 -1
  23. package/cjs/{skin-7be222c3.js → skin-8d3254f5.js} +1 -1
  24. package/cjs/{skin-034b2cc3.js → skin-b2b39b8f.js} +1 -1
  25. package/cjs/{skin-2c0788b0.js → skin-d6c941fb.js} +1 -1
  26. package/cjs/{skin-1dbd805c.js → skin-ec8e4c42.js} +1 -1
  27. package/cjs/{videoSelector-f97158a8.js → videoSelector-86ca3f28.js} +1 -1
  28. package/cjs/{videoSelector-b4dabf14.js → videoSelector-b3c30284.js} +1 -1
  29. package/esm/{autoNextVideo-2cf2a466.js → autoNextVideo-1119f37e.js} +1 -1
  30. package/esm/bundle.css +724 -724
  31. package/esm/{features-f801ac8f.js → features-e6aab838.js} +1 -1
  32. package/esm/generic-80161db0.js +1 -0
  33. package/esm/{index-f822cbee.js → index-5b55208a.js} +1 -1
  34. package/esm/{index-02b0a133.js → index-62b477f6.js} +1 -1
  35. package/esm/{index-e8f0fd76.js → index-a8fb3837.js} +1 -1
  36. package/esm/{index-b2787475.js → index-d874b6ce.js} +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/{multicamv2-dd9f7e2e.js → multicamv2-091fba31.js} +1 -1
  39. package/esm/{multicamv2-aafe0810.js → multicamv2-b0c5daa3.js} +1 -1
  40. package/esm/{nextEpisodeButton-09890402.js → nextEpisodeButton-848dab7f.js} +1 -1
  41. package/esm/{playlist-238c7916.js → playlist-4491f5c6.js} +1 -1
  42. package/esm/{series-4995e7da.js → series-0ac0d85b.js} +1 -1
  43. package/esm/{series-v2-bfcf3143.js → series-v2-426af9af.js} +1 -1
  44. package/esm/{series-v2-497e237a.js → series-v2-bac0daf1.js} +1 -1
  45. package/esm/{skin-55d12fd9.js → skin-1e0df6ec.js} +1 -1
  46. package/esm/{skin-93b5b4e7.js → skin-1f287add.js} +1 -1
  47. package/esm/{skin-37630f8b.js → skin-58e77247.js} +1 -1
  48. package/esm/{skin-f088d573.js → skin-7b555431.js} +1 -1
  49. package/esm/{skin-e5d67823.js → skin-8d3718c7.js} +1 -1
  50. package/esm/{skin-6fe61142.js → skin-95544751.js} +1 -1
  51. package/esm/{skin-715400e8.js → skin-d4f7faf5.js} +1 -1
  52. package/esm/{skin-d3ef74e4.js → skin-d5ffda9e.js} +1 -1
  53. package/esm/{skin-ffd719f6.js → skin-e0068359.js} +1 -1
  54. package/esm/{skin-23645580.js → skin-fdf8ab0a.js} +1 -1
  55. package/esm/src/apis/index.d.ts +4 -4
  56. package/esm/src/components/chapters/timelineMapper.d.ts +4 -0
  57. package/esm/src/helpers/token.d.ts +1 -1
  58. package/esm/src/index.d.ts +1 -1
  59. package/esm/{videoSelector-a26f3b99.js → videoSelector-6faeb573.js} +1 -1
  60. package/esm/{videoSelector-23dd3316.js → videoSelector-cdee8c18.js} +1 -1
  61. package/package.json +1 -1
  62. package/cjs/generic-d59df798.js +0 -1
  63. package/esm/generic-1ec63419.js +0 -1
package/cjs/bundle.css CHANGED
@@ -3,32 +3,233 @@
3
3
 
4
4
 
5
5
 
6
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
7
+ height: 0.7em !important;
8
+ position: absolute !important;
9
+ top: -0.7em !important;
10
+ width: 100% !important;
11
+ }
6
12
 
7
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
13
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
14
+ height: 100%;
15
+ }
16
+
17
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
18
+ line-height: 2.5;
19
+ }
20
+
21
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
22
+ height: 19px;
23
+ width: 19px;
24
+ cursor: pointer;
25
+ }
26
+ .video-js.skin_vlone .vjs-control {
27
+ user-select: none;
28
+ }
29
+ .video-js.skin_vlone .vjs-custom-control-spacer{
30
+ user-select: none;
31
+ }
32
+
33
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
34
+ height: 19px;
35
+ width: 19px;
36
+ cursor: pointer;
37
+ }
38
+
39
+ .video-js.skin_vlone .vjs-play-progress:before {
40
+ display: none !important;
41
+ }
42
+
43
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
44
+ margin: 0 !important;
45
+
46
+ }
47
+
48
+
49
+ .video-js.skin_vlone .vjs-custom-control-spacer {
50
+ display: block;
51
+ flex: 1 1 auto;
52
+ }
53
+
54
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
55
+ z-index: 1;
56
+ }
57
+
58
+
59
+ .video-js.skin_vlone .vjs-control-bar {
60
+ height: 40px;
61
+ }
62
+
63
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
64
+ .vjs-button>.vjs-icon-placeholder:before {
65
+ position: relative !important;
66
+ }
67
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
68
+ display: flex;
69
+ left: 0px;
70
+ top: -1px;
71
+ }
72
+
73
+ .vjs-button>.vjs-icon-placeholder:before {
74
+ font-size: 2em !important;
75
+ }
76
+
77
+ .video-js.skin_vlone .vjs-control {
78
+ width: 4.3em;
79
+ }
80
+
81
+ .vjs-menu-button-popup .vjs-menu {
82
+ bottom: 10px !important;
83
+ }
84
+
85
+
86
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
87
+ height: 1.3em !important;
88
+ position: absolute !important;
89
+ top: -1.3em !important;
90
+ transition: height 0.3s, top 0.3s !important;
91
+ }
92
+
93
+
94
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
95
+ display: none !important;
96
+ }
97
+
98
+ .video-js.skin_vlone .vjs-time-control {
99
+ display: block;
100
+ }
101
+ .video-js.skin_vlone .vjs-remaining-time {
102
+ display: none;
103
+ }
104
+
105
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
106
+ line-height: 3.5em;
107
+ font-size: 1.1em;
108
+ min-width: 4em;
109
+ }
110
+
111
+ .video-js.skin_vlone .vjs-time-divider > div{
112
+ display: flex;
113
+ justify-content: center;
114
+ }
115
+
116
+ .video-js.skin_vlone .vjs-live-control{
117
+ align-items: center;
118
+ }
119
+ .video-js.skin_vlone .vjs-live-display{
120
+ height: 2.2em;
121
+ display: flex;
122
+ align-items: center;
123
+ font-family: monospace;
124
+ width: 4em;
125
+ justify-content: center;
126
+ background: red;
127
+ margin: 4px 0px 4px 12px;
128
+ }
129
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
130
+ background: #6b6b6b;
131
+ }
132
+ .video-js.skin_vlone .vjs-live-display:hover{
133
+ cursor: pointer;
134
+ }
135
+
136
+ .video-js.skin_vlone .vjs-time-control {
137
+ line-height: 3.5em !important;
138
+ font-size: 1.1em !important;
139
+ width: min-content !important;
140
+ min-width: 1.5em;
141
+ padding: 0 !important;
142
+ user-select: none;
143
+ }
144
+
145
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
146
+ margin-left: 16px !important;
147
+ }
148
+
149
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
150
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
151
+ font-size: 1.2em !important;
152
+ line-height: 1.5em !important;
153
+ padding: 0.2em 0.8em !important;
154
+ }
155
+
156
+
157
+ /* Big play */
158
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
159
+ width: 80px;
160
+ height: 80px;
161
+ display: flex;
162
+ justify-content: center;
163
+ align-items: center;
164
+ border: none;
165
+ position: absolute;
166
+ top: 0;
167
+ left: 0;
168
+ right: 0;
169
+ bottom: 0;
170
+ margin: auto;
171
+ font-size: 5em;
172
+ line-height: 1.3em;
173
+ transform: none !important;
174
+ border-radius: 1.3em;
175
+ }
176
+ .video-js.skin_vlone .ssai-ad-container{
177
+ position: absolute;
178
+ bottom: 4px;
179
+ }
180
+
181
+ @media(max-width:600px){
182
+ .video-js.skin_vlone button.vjs-big-play-button {
183
+ width: 50px !important;
184
+ height: 50px !important;
185
+ font-size: 2.1rem !important;
186
+ }
187
+
188
+ .video-js.skin_vlone .ssai-ad-container {
189
+ position: absolute;
190
+ bottom: 2px;
191
+ }
192
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
193
+ display: none;
194
+ }
195
+
196
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
197
+ /* display: none; */
198
+ }
199
+
200
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
201
+ /* display: none; */
202
+ }
203
+ }
204
+ .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
205
+ text-decoration: underline;
206
+ }
207
+
208
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
8
209
  font-size: 2.2em;
9
210
  line-height: 2.6;
10
211
  }
11
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
12
- background: #fcb700;
212
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
213
+ background: white;
13
214
  }
14
- .video-js.skin_news_live .vjs-control-bar{
215
+ .video-js.skin_news .vjs-control-bar{
15
216
  z-index: 1 !important;
16
217
  height: 5em !important;
17
218
  background: black !important;
18
219
  }
19
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
220
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
20
221
  display: flex;
21
222
  align-items: center;
22
223
  justify-content: center;
23
224
  }
24
225
 
25
- .video-js.skin_news_live .vjs-fade>* {
226
+ .video-js.skin_news .vjs-fade>* {
26
227
  visibility: hidden !important;
27
228
  opacity: 0 !important;
28
229
  transition: visibility 1s, opacity 1s !important;
29
230
  }
30
231
 
31
- .video-js.skin_news_live .custom-spaced-progress-bar {
232
+ .video-js.skin_news .custom-spaced-progress-bar {
32
233
  position: absolute;
33
234
  width: 100%;
34
235
  display: flex;
@@ -36,7 +237,7 @@
36
237
  top: -0.5em;
37
238
  }
38
239
 
39
- .video-js.skin_news_live .vjs-progress-control {
240
+ .video-js.skin_news .vjs-progress-control {
40
241
  /* left: -6px; */
41
242
  position: relative;
42
243
  width: 100%;
@@ -44,25 +245,22 @@
44
245
  transition: height 0.1s, top 0.1s;
45
246
  }
46
247
 
47
- .video-js.skin_news_live .vjs-volume-panel{
48
- min-width: 5.3em;
49
- }
50
248
 
51
249
 
52
250
 
53
- .video-js.skin_news_live .vjs-custom-control-spacer {
54
- /* display: block; */
55
- /* flex: 1 1 auto; */
251
+ .video-js.skin_news .vjs-custom-control-spacer {
252
+ display: block;
253
+ flex: 1 1 auto;
56
254
  }
57
255
 
58
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
256
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
59
257
  margin: 0 0px 0 0px;
60
258
  }
61
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
259
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
62
260
  display: none;
63
261
  }
64
262
 
65
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
263
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
66
264
  font-size: 14px;
67
265
  font-weight: 500;
68
266
  align-self: center;
@@ -71,30 +269,30 @@
71
269
  border-radius: 8px;
72
270
  }
73
271
 
74
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
272
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
75
273
  height: 6px !important;
76
274
  }
77
275
 
78
- .video-js.skin_news_live .vjs-play-progress:before {
276
+ .video-js.skin_news .vjs-play-progress:before {
79
277
  font-size: 1.5em;
80
278
  line-height: unset;
81
279
  top: -0.3333333333em;
82
280
  }
83
281
 
84
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
282
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
85
283
  display: none !important;
86
284
  }
87
285
 
88
286
  /* */
89
- .video-js.skin_news_live .vjs-mouse-display{
287
+ .video-js.skin_news .vjs-mouse-display{
90
288
  font-size: 1.6666666667em;
91
289
  }
92
290
 
93
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
291
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
94
292
  font-size: 1em !important;
95
293
  }
96
294
 
97
- .video-js.skin_news_live .vjs-button{
295
+ .video-js.skin_news .vjs-button{
98
296
  width: 5.3em;
99
297
  display: flex;
100
298
  align-items: center;
@@ -102,71 +300,63 @@
102
300
  }
103
301
 
104
302
 
105
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
303
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
106
304
  .icon-maximize {
107
305
  display: block;
108
306
  height: 32px;
109
307
  }
110
308
 
111
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
309
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
112
310
  line-height: 4;
113
311
  }
114
312
 
115
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
313
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
116
314
  .icon-minimize {
117
315
  display: none;
118
316
  height: 32px;
119
317
  }
120
318
 
121
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
319
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
122
320
  outline: none !important;
123
- /* flex: 1; */
124
321
  }
125
- .video-js.skin_news_live .vjs-play-toggle-container{
126
- display: flex;
127
- flex: 1;
128
- justify-content: center;
129
- }
130
-
131
-
132
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
322
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
133
323
  .vjs-icon-fullscreen-enter:before {
134
324
  /* content: '' !important; */
135
325
  }
136
326
 
137
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
327
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
138
328
  display: flex;
139
329
  justify-content: center;
140
330
  align-items: center;
141
331
  /* transform: rotate(90deg); */
142
332
  }
143
333
 
144
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
334
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
145
335
  display: none;
146
336
  }
147
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
337
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
148
338
  margin-left: -10px;
149
339
  }
150
340
 
151
- .video-js.skin_news_live .skipbtn:hover{
341
+ .video-js.skin_news .skipbtn:hover{
152
342
  cursor: pointer;
153
343
  }
154
344
 
155
- .video-js.skin_news_live .rewindbtn:hover{
345
+ .video-js.skin_news .rewindbtn:hover{
156
346
  cursor: pointer;
157
347
  }
158
348
 
159
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
349
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
160
350
  position: relative;
161
351
  padding-left: 0;
162
352
  }
163
353
 
164
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
354
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
165
355
  display: none !important;
166
356
  }
167
357
 
168
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
169
- /* width: 90px;
358
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
359
+ width: 90px;
170
360
  height: 90px;
171
361
  display: flex;
172
362
  justify-content: center;
@@ -181,20 +371,19 @@
181
371
  font-size: 6em;
182
372
  line-height: 1.4em;
183
373
  border: 0.05em solid;
184
- color: inherit; */
185
- display: none !important;
374
+ color: inherit;
186
375
  }
187
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
376
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
188
377
  font-weight: bold;
189
378
  }
190
379
 
191
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
380
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
192
381
  bottom: 2.4em !important;
193
382
  right: -1em;
194
383
  z-index: 1;
195
384
  }
196
385
 
197
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
386
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
198
387
  width: 24px !important;
199
388
  height: 24px !important;
200
389
  }
@@ -204,34 +393,34 @@
204
393
  }
205
394
 
206
395
 
207
- .video-js.skin_news_live button.vjs-rewind-button{
396
+ .video-js.skin_news button.vjs-rewind-button{
208
397
  cursor: pointer;
209
398
  }
210
399
 
211
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
400
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
212
401
  padding-right: 0;
213
- display: none;
214
402
  }
215
403
 
216
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
404
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
217
405
  padding-left: 0;
218
- display: none;
219
406
  }
220
407
 
221
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
408
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
222
409
  padding-left: 0;
223
410
  padding-right: 0;
224
- display: none;
411
+ display: flex;
412
+ justify-content: center;
413
+ width: min-content;
225
414
  }
226
415
 
227
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
416
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
228
417
  display: none
229
418
  }
230
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
419
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
231
420
  display: none
232
421
  }
233
422
 
234
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
423
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
235
424
  display: flex;
236
425
  align-items: center;
237
426
  font-weight: 700;
@@ -239,26 +428,26 @@
239
428
  min-width: 1.2em;
240
429
  }
241
430
 
242
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
431
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
243
432
  display: none;
244
433
  font-size: 11px;
245
434
  justify-content: center;
246
435
  align-items: center;
247
436
  user-select: none;
248
437
  }
249
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
438
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
250
439
  display: none;
251
440
  }
252
441
 
253
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
442
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
254
443
  height: min-content;
255
444
  width: min-content;
256
445
  }
257
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
446
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
258
447
  width: 6em;
259
448
  }
260
449
 
261
- .video-js.skin_news_live .content{
450
+ .video-js.skin_news .content{
262
451
  bottom: 3.4rem !important;
263
452
  right: -4rem !important;
264
453
  }
@@ -277,16 +466,15 @@
277
466
  pointer-events:none
278
467
  }
279
468
 
280
- .video-js.skin_news_live iframe{
469
+ .video-js.skin_news iframe{
281
470
  width: 100%;
282
471
  height: 100%;
283
472
  }
284
473
 
285
- .video-js.skin_news_live .vjs-live-control{
474
+ .video-js.skin_news .vjs-live-control{
286
475
  align-items: center;
287
- display: none;
288
476
  }
289
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
477
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
290
478
  height: 2.2em;
291
479
  display: flex;
292
480
  align-items: center;
@@ -297,22 +485,43 @@
297
485
  margin: 4px 0px 4px 12px;
298
486
  }
299
487
 
300
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
488
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
301
489
  text-shadow: none;
302
490
  }
491
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
492
+ display: none;
493
+ font-size: 12px;
494
+ }
303
495
 
304
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
305
- display: flex;
496
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
497
+ height: 2.2em;
498
+ display: inline-flex;
499
+ align-items: center;
500
+ /* font-family: monospace; */
306
501
  justify-content: center;
307
- min-width: 5.3em;
308
- pointer-events: none;
309
- user-select: none;
502
+ border: 2px solid;
503
+ margin: 4px 0px 4px 6px;
504
+ white-space: pre;
505
+ padding: 0px 6px;
506
+ font-size: 1.2em;
507
+ font-weight: 500;
508
+ color: rgba(255, 255, 2555, 0.7);
509
+
510
+ letter-spacing: -.1px;
511
+ line-height: normal;
512
+ text-transform: uppercase;
513
+ color: #FFFFFF;
514
+ opacity: .7;
515
+ font-family: "Proxima Nova";
310
516
  }
311
517
 
312
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
313
- color: white;
518
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
519
+ opacity: 1;
314
520
  }
315
521
 
522
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
523
+ content: "NOT LIVE";
524
+ }
316
525
 
317
526
  .settings-selection.vjs-control.vjs-button{
318
527
  display: flex !important;
@@ -329,57 +538,57 @@
329
538
  .tvProviderImage{
330
539
  display: none
331
540
  }
332
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
541
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
333
542
  .icon-maximize {
334
543
  height: 30px !important;
335
544
  }
336
545
 
337
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
546
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
338
547
  .icon-minimize {
339
548
  height: 30px !important;
340
549
  }
341
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
550
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
342
551
  width: 4.5em;
343
552
  }
344
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
553
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
345
554
  height: min-content;
346
555
  }
347
556
 
348
- .video-js.skin_news_live button.vjs-slowmo-button{
557
+ .video-js.skin_news button.vjs-slowmo-button{
349
558
  display: none;
350
559
  }
351
- .video-js.skin_news_live button.vjs-rewind-button{
560
+ .video-js.skin_news button.vjs-rewind-button{
352
561
  display: none;
353
562
  }
354
- .video-js.skin_news_live button.vjs-rewind-button>svg{
563
+ .video-js.skin_news button.vjs-rewind-button>svg{
355
564
  height: 20px;
356
565
  }
357
- .video-js.skin_news_live .vjs-button{
566
+ .video-js.skin_news .vjs-button{
358
567
  width: 4.8em;
359
568
  }
360
- .video-js.skin_news_live .widget-selection{
569
+ .video-js.skin_news .widget-selection{
361
570
  display: none;
362
571
  }
363
- .video-js.skin_news_live .container{
572
+ .video-js.skin_news .container{
364
573
  display: none !important;
365
574
  }
366
- .video-js.skin_news_live .vjs-control-bar{
575
+ .video-js.skin_news .vjs-control-bar{
367
576
  height: 4em !important;
368
577
  }
369
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
578
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
370
579
  font-size: 2.5em;
371
580
  line-height: 1.5;
372
581
  }
373
- .video-js.skin_news_live .vjs-play-progress:before {
582
+ .video-js.skin_news .vjs-play-progress:before {
374
583
  font-size: 1.2em;
375
584
  position: absolute;
376
585
  right: -0.5em;
377
586
  z-index: 1;
378
587
  }
379
- .video-js.skin_news_live button.vjs-skip-button>svg{
588
+ .video-js.skin_news button.vjs-skip-button>svg{
380
589
  height: 20px;
381
590
  }
382
- .video-js.skin_news_live button.vjs-big-play-button {
591
+ .video-js.skin_news button.vjs-big-play-button {
383
592
  width: 50px !important;
384
593
  height: 50px !important;
385
594
  font-size: 2.1rem !important;
@@ -389,17 +598,17 @@
389
598
  width: 24px;
390
599
  height: 24px;
391
600
  }
392
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
601
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
393
602
  margin: 0 12px 0 12px;
394
603
  }
395
- .video-js.skin_news_live .vjs-seek-to-live-text{
604
+ .video-js.skin_news .vjs-seek-to-live-text{
396
605
  font-size: 12px;
397
606
  }
398
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
607
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
399
608
  margin: 0 12px 0 12px;
400
609
  }
401
610
  }
402
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
611
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
403
612
  width: 90px;
404
613
  height: 90px;
405
614
  display: flex;
@@ -416,7 +625,7 @@
416
625
  line-height: 1.4em;
417
626
  }
418
627
 
419
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
628
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
420
629
  display: flex;
421
630
  justify-content: center;
422
631
  align-items: center;
@@ -424,22 +633,29 @@
424
633
  transition: width 0.1s;
425
634
  }
426
635
 
427
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
636
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
428
637
  display: flex;
429
638
  justify-content: center;
430
639
  align-items: center;
431
640
  height: 100%;
432
641
  transition: width 0.1s;
433
642
  }
434
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
643
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
435
644
  display: none !important;
436
645
  }
646
+ .video-js.skin_news .ssai-ad-container{
647
+ position: absolute;
648
+ bottom: 14px;
649
+ }
437
650
 
438
651
  @media (max-width: 576px) {
439
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
652
+ .video-js.skin_news .ssai-ad-container{
653
+ bottom: 2px;
654
+ }
655
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
440
656
  height: 5px !important;
441
657
  }
442
- .video-js.skin_news_live button.vjs-big-play-button {
658
+ .video-js.skin_news button.vjs-big-play-button {
443
659
  width: 50px !important;
444
660
  height: 50px !important;
445
661
  font-size: 2.1rem !important;
@@ -448,265 +664,100 @@
448
664
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
449
665
  display: none;
450
666
  }
451
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
667
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
452
668
  bottom: 2.4em !important;
453
669
  right: -1em;
454
670
  z-index: 1;
455
671
  }
456
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
672
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
457
673
  display: none !important;
458
674
  }
459
675
 
676
+ .video-js.skin_news .vjs-text-track-display-ttml span {
677
+ color: white;
678
+ font-size: 13px;
679
+ background-color: black;
680
+ }
460
681
  }
461
682
 
462
- .video-js.skin_news_live .vjs-text-track-display-ttml {
463
- width: 100% !important;
683
+ .video-js.skin_news .vjs-text-track-display-ttml span {
684
+ color: white;
685
+ font-size: 16px;
686
+ background-color: black;
464
687
  }
465
688
 
466
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
467
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
689
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
690
+ margin-bottom: 2rem !important;
691
+ }
692
+
693
+ .video-js.skin_news .vjs-text-track-display-ttml p {
694
+ font-size: 18px !important;
695
+ }
696
+
697
+
698
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
699
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
468
700
  font-size: 1.2em !important;
469
701
  line-height: 1.5em !important;
470
702
  padding: 0.2em 0.8em !important;
471
703
  }
472
704
 
473
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
705
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
474
706
  content: none !important;
475
707
  fill: none !important;
476
708
  filter: none !important;
477
709
  }
478
710
 
479
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
480
- color: rgba(255, 255, 2555, 0.7)!important;
481
- }
482
-
483
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
484
- color: rgba(255, 255, 2555, 1)!important;
485
- }
486
-
487
-
488
-
489
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
490
- height: 0.7em !important;
491
- position: absolute !important;
492
- top: -0.7em !important;
493
- width: 100% !important;
494
- }
495
-
496
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
497
- height: 100%;
498
- }
499
-
500
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
501
- line-height: 2.5;
502
- }
503
-
504
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
505
- height: 19px;
506
- width: 19px;
507
- cursor: pointer;
508
- }
509
- .video-js.skin_vlone .vjs-control {
510
- user-select: none;
511
- }
512
- .video-js.skin_vlone .vjs-custom-control-spacer{
513
- user-select: none;
514
- }
515
-
516
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
517
- height: 19px;
518
- width: 19px;
519
- cursor: pointer;
520
- }
521
-
522
- .video-js.skin_vlone .vjs-play-progress:before {
523
- display: none !important;
524
- }
525
-
526
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
527
- margin: 0 !important;
528
-
529
- }
530
-
531
-
532
- .video-js.skin_vlone .vjs-custom-control-spacer {
533
- display: block;
534
- flex: 1 1 auto;
535
- }
536
-
537
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
538
- z-index: 1;
539
- }
540
-
541
-
542
- .video-js.skin_vlone .vjs-control-bar {
543
- height: 40px;
544
- }
545
-
546
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
547
- .vjs-button>.vjs-icon-placeholder:before {
548
- position: relative !important;
549
- }
550
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
551
- display: flex;
552
- left: 0px;
553
- top: -1px;
554
- }
555
-
556
- .vjs-button>.vjs-icon-placeholder:before {
557
- font-size: 2em !important;
558
- }
559
-
560
- .video-js.skin_vlone .vjs-control {
561
- width: 4.3em;
562
- }
563
-
564
- .vjs-menu-button-popup .vjs-menu {
565
- bottom: 10px !important;
566
- }
567
-
568
-
569
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
570
- height: 1.3em !important;
571
- position: absolute !important;
572
- top: -1.3em !important;
573
- transition: height 0.3s, top 0.3s !important;
574
- }
575
-
576
-
577
- .video-js.skin_vlone.vjs-live .vjs-time-control{
578
- display: none !important;
579
- }
580
-
581
- .video-js.skin_vlone .vjs-time-control {
582
- display: block;
583
- }
584
- .video-js.skin_vlone .vjs-remaining-time {
585
- display: none;
586
- }
587
-
588
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
589
- line-height: 3.5em;
590
- font-size: 1.1em;
591
- min-width: 4em;
592
- }
593
-
594
- .video-js.skin_vlone .vjs-time-divider > div{
595
- display: flex;
596
- justify-content: center;
711
+ /* svg icons opacity and hover effect */
712
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
713
+ opacity: 0.7 !important;
597
714
  }
598
715
 
599
- .video-js.skin_vlone .vjs-live-control{
600
- align-items: center;
601
- }
602
- .video-js.skin_vlone .vjs-live-display{
603
- height: 2.2em;
604
- display: flex;
605
- align-items: center;
606
- font-family: monospace;
607
- width: 4em;
608
- justify-content: center;
609
- background: red;
610
- margin: 4px 0px 4px 12px;
611
- }
612
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
613
- background: #6b6b6b;
614
- }
615
- .video-js.skin_vlone .vjs-live-display:hover{
616
- cursor: pointer;
716
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
717
+ opacity: 1 !important;
617
718
  }
618
-
619
- .video-js.skin_vlone .vjs-time-control {
620
- line-height: 3.5em !important;
621
- font-size: 1.1em !important;
622
- width: min-content !important;
623
- min-width: 1.5em;
624
- padding: 0 !important;
625
- user-select: none;
719
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
720
+ opacity: 0.7 !important;
626
721
  }
627
-
628
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
629
- margin-left: 16px !important;
722
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
723
+ opacity: 1 !important;
630
724
  }
631
725
 
632
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
633
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
634
- font-size: 1.2em !important;
635
- line-height: 1.5em !important;
636
- padding: 0.2em 0.8em !important;
726
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
727
+ color: rgba(255, 255, 2555, 0.7)!important;
637
728
  }
638
729
 
639
-
640
- /* Big play */
641
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
642
- width: 80px;
643
- height: 80px;
644
- display: flex;
645
- justify-content: center;
646
- align-items: center;
647
- border: none;
648
- position: absolute;
649
- top: 0;
650
- left: 0;
651
- right: 0;
652
- bottom: 0;
653
- margin: auto;
654
- font-size: 5em;
655
- line-height: 1.3em;
656
- transform: none !important;
657
- border-radius: 1.3em;
658
- }
659
- .video-js.skin_vlone .ssai-ad-container{
660
- position: absolute;
661
- bottom: 4px;
730
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
731
+ color: rgba(255, 255, 2555, 1)!important;
662
732
  }
663
-
664
- @media(max-width:600px){
665
- .video-js.skin_vlone button.vjs-big-play-button {
666
- width: 50px !important;
667
- height: 50px !important;
668
- font-size: 2.1rem !important;
669
- }
670
733
 
671
- .video-js.skin_vlone .ssai-ad-container {
672
- position: absolute;
673
- bottom: 2px;
674
- }
675
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
676
- display: none;
677
- }
678
734
 
679
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
680
- /* display: none; */
681
- }
682
735
 
683
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
684
- /* display: none; */
685
- }
686
- }
687
- .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
688
- text-decoration: underline;
689
- }
690
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
736
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
691
737
  font-size: 2.2em;
692
738
  line-height: 2.6;
693
739
  }
694
- .video-js.skin_mini{
695
- overflow: hidden;
740
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
741
+ background: #fcb700;
696
742
  }
697
- .video-js.skin_mini .vjs-control-bar{
743
+ .video-js.skin_news_live .vjs-control-bar{
698
744
  z-index: 1 !important;
699
- height: 4em !important;
745
+ height: 5em !important;
700
746
  background: black !important;
701
747
  }
748
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
749
+ display: flex;
750
+ align-items: center;
751
+ justify-content: center;
752
+ }
702
753
 
703
- .video-js.skin_mini .vjs-fade>* {
754
+ .video-js.skin_news_live .vjs-fade>* {
704
755
  visibility: hidden !important;
705
756
  opacity: 0 !important;
706
757
  transition: visibility 1s, opacity 1s !important;
707
758
  }
708
759
 
709
- .video-js.skin_mini .custom-spaced-progress-bar {
760
+ .video-js.skin_news_live .custom-spaced-progress-bar {
710
761
  position: absolute;
711
762
  width: 100%;
712
763
  display: flex;
@@ -714,7 +765,7 @@
714
765
  top: -0.5em;
715
766
  }
716
767
 
717
- .video-js.skin_mini .vjs-progress-control {
768
+ .video-js.skin_news_live .vjs-progress-control {
718
769
  /* left: -6px; */
719
770
  position: relative;
720
771
  width: 100%;
@@ -722,22 +773,25 @@
722
773
  transition: height 0.1s, top 0.1s;
723
774
  }
724
775
 
776
+ .video-js.skin_news_live .vjs-volume-panel{
777
+ min-width: 5.3em;
778
+ }
725
779
 
726
780
 
727
781
 
728
- .video-js.skin_mini .vjs-custom-control-spacer {
729
- display: block;
730
- flex: 1 1 auto;
782
+ .video-js.skin_news_live .vjs-custom-control-spacer {
783
+ /* display: block; */
784
+ /* flex: 1 1 auto; */
731
785
  }
732
786
 
733
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
787
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
734
788
  margin: 0 0px 0 0px;
735
789
  }
736
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
790
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
737
791
  display: none;
738
792
  }
739
793
 
740
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
794
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
741
795
  font-size: 14px;
742
796
  font-weight: 500;
743
797
  align-self: center;
@@ -746,207 +800,199 @@
746
800
  border-radius: 8px;
747
801
  }
748
802
 
749
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
750
- height: 5px !important;
803
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
804
+ height: 6px !important;
751
805
  }
752
806
 
753
- .video-js.skin_mini .vjs-play-progress:before {
754
- font-size: 1.3em;
807
+ .video-js.skin_news_live .vjs-play-progress:before {
808
+ font-size: 1.5em;
755
809
  line-height: unset;
756
810
  top: -0.3333333333em;
757
811
  }
758
812
 
759
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
813
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
760
814
  display: none !important;
761
815
  }
762
816
 
763
817
  /* */
764
- .video-js.skin_mini .vjs-mouse-display{
818
+ .video-js.skin_news_live .vjs-mouse-display{
765
819
  font-size: 1.6666666667em;
766
820
  }
767
821
 
768
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
822
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
769
823
  font-size: 1em !important;
770
824
  }
771
825
 
772
- .video-js.skin_mini .vjs-button{
773
- width: 3em;
826
+ .video-js.skin_news_live .vjs-button{
827
+ width: 5.3em;
774
828
  display: flex;
775
829
  align-items: center;
776
830
  justify-content: center;
777
831
  }
778
832
 
779
833
 
780
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
834
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
781
835
  .icon-maximize {
782
836
  display: block;
783
837
  height: 32px;
784
838
  }
785
839
 
786
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
840
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
787
841
  line-height: 4;
788
842
  }
789
843
 
790
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
844
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
791
845
  .icon-minimize {
792
846
  display: none;
793
847
  height: 32px;
794
848
  }
795
849
 
796
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
850
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
797
851
  outline: none !important;
852
+ /* flex: 1; */
798
853
  }
799
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
854
+ .video-js.skin_news_live .vjs-play-toggle-container{
855
+ display: flex;
856
+ flex: 1;
857
+ justify-content: center;
858
+ }
859
+
860
+
861
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
800
862
  .vjs-icon-fullscreen-enter:before {
801
863
  /* content: '' !important; */
802
864
  }
803
865
 
804
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
866
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
805
867
  display: flex;
806
868
  justify-content: center;
807
869
  align-items: center;
808
870
  /* transform: rotate(90deg); */
809
871
  }
810
872
 
811
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
873
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
812
874
  display: none;
813
875
  }
814
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
876
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
815
877
  margin-left: -10px;
816
- display: none;
817
- }
818
-
819
- .video-js.skin_mini .vjs-loading-spinner {
820
- position: absolute;
821
- top: 50%;
822
- left: 50%;
823
- transform: translate(-50%, -50%);
824
- opacity: .85;
825
- text-align: left;
826
- border: .2em solid rgba(43, 51, 63, .7);
827
- box-sizing: border-box;
828
- background-clip: padding-box;
829
- width: 3em;
830
- height: 3em;
831
- border-radius: 50%;
832
- visibility: hidden;
833
878
  }
834
879
 
835
- .video-js.skin_mini .skipbtn:hover{
880
+ .video-js.skin_news_live .skipbtn:hover{
836
881
  cursor: pointer;
837
882
  }
838
883
 
839
- .video-js.skin_mini .rewindbtn:hover{
884
+ .video-js.skin_news_live .rewindbtn:hover{
840
885
  cursor: pointer;
841
886
  }
842
887
 
843
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
888
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
844
889
  position: relative;
845
890
  padding-left: 0;
846
891
  }
847
892
 
848
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
849
- width: 40px;
850
- height: 40px;
851
- display: flex;
852
- justify-content: center;
853
- align-items: center;
854
- border: none;
855
- position: absolute;
856
- top: 0;
857
- left: 0;
858
- right: 0;
859
- bottom: 0;
860
- margin: auto;
861
- font-size: 3em;
862
- line-height: 1.3em;
863
- transform: none !important;
864
- border-radius: 1.3em;
893
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
894
+ display: none !important;
865
895
  }
866
896
 
867
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
897
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
898
+ /* width: 90px;
899
+ height: 90px;
900
+ display: flex;
901
+ justify-content: center;
902
+ align-items: center;
903
+ border-radius: 50%;
904
+ position: absolute;
905
+ top: 0;
906
+ left: 0;
907
+ right: 0;
908
+ bottom: 0;
909
+ margin: auto;
910
+ font-size: 6em;
911
+ line-height: 1.4em;
912
+ border: 0.05em solid;
913
+ color: inherit; */
914
+ display: none !important;
915
+ }
916
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
868
917
  font-weight: bold;
869
918
  }
870
919
 
871
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
872
- bottom: 1.1em !important;
873
- right: 1em;
920
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
921
+ bottom: 2.4em !important;
922
+ right: -1em;
874
923
  z-index: 1;
875
- font-size: 10px;
876
924
  }
877
925
 
878
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
926
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
879
927
  width: 24px !important;
880
928
  height: 24px !important;
881
929
  }
882
- .video-js.skin_mini .settings-selector-icon>svg{
930
+ .settings-selector-icon>svg{
883
931
  height: 19px !important;
884
932
  width: 19px !important;
885
933
  }
886
934
 
887
935
 
888
- .video-js.skin_mini button.vjs-rewind-button{
936
+ .video-js.skin_news_live button.vjs-rewind-button{
889
937
  cursor: pointer;
890
938
  }
891
939
 
892
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
940
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
893
941
  padding-right: 0;
942
+ display: none;
894
943
  }
895
944
 
896
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
945
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
897
946
  padding-left: 0;
947
+ display: none;
898
948
  }
899
949
 
900
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
950
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
901
951
  padding-left: 0;
902
952
  padding-right: 0;
903
- display: flex;
904
- justify-content: center;
905
- width: min-content;
953
+ display: none;
906
954
  }
907
955
 
908
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
956
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
909
957
  display: none
910
958
  }
911
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
959
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
912
960
  display: none
913
961
  }
914
962
 
915
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
916
- display: flex;
917
- align-items: center;
918
- font-weight: 700;
919
- font-size: 9px;
920
- min-width: 0.8em;
921
- padding-left: 0;
963
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
964
+ display: flex;
965
+ align-items: center;
966
+ font-weight: 700;
967
+ font-size: 12px;
968
+ min-width: 1.2em;
922
969
  }
923
970
 
924
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
971
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
925
972
  display: none;
926
973
  font-size: 11px;
927
974
  justify-content: center;
928
975
  align-items: center;
929
976
  user-select: none;
930
977
  }
931
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
978
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
932
979
  display: none;
933
980
  }
934
981
 
935
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
982
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
936
983
  height: min-content;
937
984
  width: min-content;
938
985
  }
939
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
940
- width: 3em;
941
- margin-right: 4px;
986
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
987
+ width: 6em;
942
988
  }
943
989
 
944
- .video-js.skin_mini .content{
990
+ .video-js.skin_news_live .content{
945
991
  bottom: 3.4rem !important;
946
992
  right: -4rem !important;
947
993
  }
948
994
 
949
- .video-js.skin_mini .setting-icon > svg{
995
+ .setting-icon > svg{
950
996
  height:18px !important;
951
997
  }
952
998
 
@@ -960,16 +1006,16 @@
960
1006
  pointer-events:none
961
1007
  }
962
1008
 
963
- .video-js.skin_mini iframe{
1009
+ .video-js.skin_news_live iframe{
964
1010
  width: 100%;
965
1011
  height: 100%;
966
1012
  }
967
1013
 
968
- .video-js.skin_mini .vjs-live-control{
1014
+ .video-js.skin_news_live .vjs-live-control{
969
1015
  align-items: center;
970
- max-width: 5em;
1016
+ display: none;
971
1017
  }
972
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1018
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
973
1019
  height: 2.2em;
974
1020
  display: flex;
975
1021
  align-items: center;
@@ -977,188 +1023,199 @@
977
1023
  width: 4em;
978
1024
  justify-content: center;
979
1025
  background: red;
980
- margin: 4px 0px 4px 2px;
1026
+ margin: 4px 0px 4px 12px;
981
1027
  }
982
1028
 
983
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1029
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
984
1030
  text-shadow: none;
985
1031
  }
986
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
987
- display: none;
988
- font-size: 12px;
989
- }
990
1032
 
991
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
992
- height: 1.8em;
993
- display: inline-flex;
994
- align-items: center;
995
- font-family: monospace;
1033
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1034
+ display: flex;
996
1035
  justify-content: center;
997
- border: 1.5px solid;
998
- margin: 4px 0px 4px 2px;
999
- white-space: pre;
1000
- padding: 2px 4px;
1001
- font-size: 1.2em;
1002
- font-weight: 500;
1003
- color: rgba(255, 255, 2555, 0.7);
1036
+ min-width: 5.3em;
1037
+ pointer-events: none;
1038
+ user-select: none;
1004
1039
  }
1005
1040
 
1006
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1007
- content: "NOT LIVE";
1008
- word-spacing: -4px;
1041
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1042
+ color: white;
1009
1043
  }
1010
1044
 
1011
1045
 
1012
- @media(max-width:600px){
1046
+ .settings-selection.vjs-control.vjs-button{
1047
+ display: flex !important;
1048
+ }
1049
+
1050
+ @media(max-width:576px){
1051
+ .settings-selection.vjs-control.vjs-button{
1052
+ display: none !important;
1053
+ }
1054
+ }
1055
+
1056
+
1057
+ @media(max-width:576px){
1013
1058
  .tvProviderImage{
1014
1059
  display: none
1015
1060
  }
1016
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1061
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1017
1062
  .icon-maximize {
1018
1063
  height: 30px !important;
1019
1064
  }
1020
1065
 
1021
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1066
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1022
1067
  .icon-minimize {
1023
1068
  height: 30px !important;
1024
1069
  }
1025
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1026
- width: 3.5em;
1070
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1071
+ width: 4.5em;
1027
1072
  }
1028
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1073
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1029
1074
  height: min-content;
1030
1075
  }
1031
1076
 
1032
- .video-js.skin_mini button.vjs-slowmo-button{
1077
+ .video-js.skin_news_live button.vjs-slowmo-button{
1033
1078
  display: none;
1034
1079
  }
1035
- .video-js.skin_mini button.vjs-rewind-button{
1080
+ .video-js.skin_news_live button.vjs-rewind-button{
1036
1081
  display: none;
1037
1082
  }
1038
- .video-js.skin_mini button.vjs-rewind-button>svg{
1083
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1039
1084
  height: 20px;
1040
1085
  }
1041
- .video-js.skin_mini .vjs-button{
1042
- width: 3em;
1086
+ .video-js.skin_news_live .vjs-button{
1087
+ width: 4.8em;
1043
1088
  }
1044
- .video-js.skin_mini .widget-selection{
1089
+ .video-js.skin_news_live .widget-selection{
1045
1090
  display: none;
1046
1091
  }
1047
- .video-js.skin_mini .container{
1092
+ .video-js.skin_news_live .container{
1048
1093
  display: none !important;
1049
1094
  }
1050
- .video-js.skin_mini .vjs-control-bar{
1095
+ .video-js.skin_news_live .vjs-control-bar{
1051
1096
  height: 4em !important;
1052
1097
  }
1053
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1098
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1054
1099
  font-size: 2.5em;
1055
1100
  line-height: 1.5;
1056
1101
  }
1057
- .video-js.skin_mini .vjs-play-progress:before {
1102
+ .video-js.skin_news_live .vjs-play-progress:before {
1058
1103
  font-size: 1.2em;
1059
1104
  position: absolute;
1060
1105
  right: -0.5em;
1061
1106
  z-index: 1;
1062
1107
  }
1063
- .video-js.skin_mini button.vjs-skip-button>svg{
1108
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1064
1109
  height: 20px;
1065
1110
  }
1111
+ .video-js.skin_news_live button.vjs-big-play-button {
1112
+ width: 50px !important;
1113
+ height: 50px !important;
1114
+ font-size: 2.1rem !important;
1115
+ }
1066
1116
 
1067
1117
  .stream-selector-icon>svg{
1068
1118
  width: 24px;
1069
1119
  height: 24px;
1070
1120
  }
1071
- .video-js.skin_mini .vjs-seek-to-live-text{
1121
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1122
+ margin: 0 12px 0 12px;
1123
+ }
1124
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1072
1125
  font-size: 12px;
1073
1126
  }
1127
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1128
+ margin: 0 12px 0 12px;
1074
1129
  }
1075
-
1076
-
1077
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1078
- background-color: rgba(0, 0, 0, 0.2);
1130
+ }
1131
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1132
+ width: 90px;
1133
+ height: 90px;
1134
+ display: flex;
1135
+ justify-content: center;
1136
+ align-items: center;
1137
+ border-radius: 50%;
1138
+ position: absolute;
1139
+ top: 0;
1140
+ left: 0;
1141
+ right: 0;
1142
+ bottom: 0;
1143
+ margin: auto;
1144
+ font-size: 6em;
1145
+ line-height: 1.4em;
1079
1146
  }
1080
1147
 
1081
-
1082
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1148
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1083
1149
  display: flex;
1084
1150
  justify-content: center;
1085
1151
  align-items: center;
1086
1152
  height: 100%;
1087
1153
  transition: width 0.1s;
1088
1154
  }
1089
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1090
- margin: 2px;
1091
- }
1092
1155
 
1093
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1156
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1094
1157
  display: flex;
1095
1158
  justify-content: center;
1096
1159
  align-items: center;
1097
1160
  height: 100%;
1098
1161
  transition: width 0.1s;
1099
1162
  }
1100
-
1101
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1102
- display: block;
1103
- font-size: 10px;
1104
- padding: 6px 10px;
1105
- margin: 0;
1106
- max-height: 100%;
1107
- overflow-y: auto;
1108
- }
1109
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1110
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1111
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1112
- display: block;
1113
- width: 100%;
1114
- }
1115
- .video-js.skin_mini .vjs-text-track-settings fieldset{
1116
- margin: 4px 0;
1117
- }
1118
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
1119
- display: block;
1120
- padding: 0 0 6px;
1121
- }
1122
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1123
- max-width: 100%;
1163
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1164
+ display: none !important;
1124
1165
  }
1125
1166
 
1126
- @media (max-width: 600px) {
1127
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1167
+ @media (max-width: 576px) {
1168
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1128
1169
  height: 5px !important;
1129
1170
  }
1171
+ .video-js.skin_news_live button.vjs-big-play-button {
1172
+ width: 50px !important;
1173
+ height: 50px !important;
1174
+ font-size: 2.1rem !important;
1175
+ }
1130
1176
 
1131
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1177
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1132
1178
  display: none;
1133
1179
  }
1180
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1181
+ bottom: 2.4em !important;
1182
+ right: -1em;
1183
+ z-index: 1;
1184
+ }
1185
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1186
+ display: none !important;
1187
+ }
1134
1188
 
1135
1189
  }
1136
1190
 
1137
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1138
- content: none !important;
1139
- fill: none !important;
1140
- filter: none !important;
1191
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1192
+ width: 100% !important;
1141
1193
  }
1142
1194
 
1143
- /* svg icons opacity and hover effect */
1144
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1145
- opacity: 0.7 !important;
1195
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1196
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1197
+ font-size: 1.2em !important;
1198
+ line-height: 1.5em !important;
1199
+ padding: 0.2em 0.8em !important;
1146
1200
  }
1147
1201
 
1148
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1149
- opacity: 1 !important;
1202
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1203
+ content: none !important;
1204
+ fill: none !important;
1205
+ filter: none !important;
1150
1206
  }
1151
1207
 
1152
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1208
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1153
1209
  color: rgba(255, 255, 2555, 0.7)!important;
1154
1210
  }
1155
1211
 
1156
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1212
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1157
1213
  color: rgba(255, 255, 2555, 1)!important;
1158
1214
  }
1159
1215
 
1160
1216
 
1161
1217
 
1218
+
1162
1219
  .video-js.skin_cn_news .vjs-control-bar {
1163
1220
  z-index: 1 !important;
1164
1221
  height: auto !important;
@@ -1491,31 +1548,26 @@
1491
1548
  }
1492
1549
  }
1493
1550
 
1494
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1551
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1495
1552
  font-size: 2.2em;
1496
1553
  line-height: 2.6;
1497
1554
  }
1498
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1499
- background: white;
1555
+ .video-js.skin_mini{
1556
+ overflow: hidden;
1500
1557
  }
1501
- .video-js.skin_news .vjs-control-bar{
1558
+ .video-js.skin_mini .vjs-control-bar{
1502
1559
  z-index: 1 !important;
1503
- height: 5em !important;
1560
+ height: 4em !important;
1504
1561
  background: black !important;
1505
1562
  }
1506
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1507
- display: flex;
1508
- align-items: center;
1509
- justify-content: center;
1510
- }
1511
1563
 
1512
- .video-js.skin_news .vjs-fade>* {
1564
+ .video-js.skin_mini .vjs-fade>* {
1513
1565
  visibility: hidden !important;
1514
1566
  opacity: 0 !important;
1515
1567
  transition: visibility 1s, opacity 1s !important;
1516
1568
  }
1517
1569
 
1518
- .video-js.skin_news .custom-spaced-progress-bar {
1570
+ .video-js.skin_mini .custom-spaced-progress-bar {
1519
1571
  position: absolute;
1520
1572
  width: 100%;
1521
1573
  display: flex;
@@ -1523,7 +1575,7 @@
1523
1575
  top: -0.5em;
1524
1576
  }
1525
1577
 
1526
- .video-js.skin_news .vjs-progress-control {
1578
+ .video-js.skin_mini .vjs-progress-control {
1527
1579
  /* left: -6px; */
1528
1580
  position: relative;
1529
1581
  width: 100%;
@@ -1534,19 +1586,19 @@
1534
1586
 
1535
1587
 
1536
1588
 
1537
- .video-js.skin_news .vjs-custom-control-spacer {
1589
+ .video-js.skin_mini .vjs-custom-control-spacer {
1538
1590
  display: block;
1539
1591
  flex: 1 1 auto;
1540
1592
  }
1541
1593
 
1542
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1594
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1543
1595
  margin: 0 0px 0 0px;
1544
1596
  }
1545
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1597
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1546
1598
  display: none;
1547
1599
  }
1548
1600
 
1549
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1601
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1550
1602
  font-size: 14px;
1551
1603
  font-weight: 500;
1552
1604
  align-self: center;
@@ -1555,143 +1607,158 @@
1555
1607
  border-radius: 8px;
1556
1608
  }
1557
1609
 
1558
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1559
- height: 6px !important;
1610
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1611
+ height: 5px !important;
1560
1612
  }
1561
1613
 
1562
- .video-js.skin_news .vjs-play-progress:before {
1563
- font-size: 1.5em;
1614
+ .video-js.skin_mini .vjs-play-progress:before {
1615
+ font-size: 1.3em;
1564
1616
  line-height: unset;
1565
1617
  top: -0.3333333333em;
1566
1618
  }
1567
1619
 
1568
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1620
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1569
1621
  display: none !important;
1570
1622
  }
1571
1623
 
1572
1624
  /* */
1573
- .video-js.skin_news .vjs-mouse-display{
1625
+ .video-js.skin_mini .vjs-mouse-display{
1574
1626
  font-size: 1.6666666667em;
1575
1627
  }
1576
1628
 
1577
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1629
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1578
1630
  font-size: 1em !important;
1579
1631
  }
1580
1632
 
1581
- .video-js.skin_news .vjs-button{
1582
- width: 5.3em;
1633
+ .video-js.skin_mini .vjs-button{
1634
+ width: 3em;
1583
1635
  display: flex;
1584
1636
  align-items: center;
1585
1637
  justify-content: center;
1586
1638
  }
1587
1639
 
1588
1640
 
1589
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1641
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1590
1642
  .icon-maximize {
1591
1643
  display: block;
1592
1644
  height: 32px;
1593
1645
  }
1594
1646
 
1595
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1647
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1596
1648
  line-height: 4;
1597
1649
  }
1598
1650
 
1599
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1651
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1600
1652
  .icon-minimize {
1601
1653
  display: none;
1602
1654
  height: 32px;
1603
1655
  }
1604
1656
 
1605
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1657
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1606
1658
  outline: none !important;
1607
1659
  }
1608
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1660
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1609
1661
  .vjs-icon-fullscreen-enter:before {
1610
1662
  /* content: '' !important; */
1611
1663
  }
1612
1664
 
1613
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1665
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1614
1666
  display: flex;
1615
1667
  justify-content: center;
1616
1668
  align-items: center;
1617
1669
  /* transform: rotate(90deg); */
1618
1670
  }
1619
1671
 
1620
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1672
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1621
1673
  display: none;
1622
1674
  }
1623
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1675
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1624
1676
  margin-left: -10px;
1677
+ display: none;
1625
1678
  }
1626
1679
 
1627
- .video-js.skin_news .skipbtn:hover{
1680
+ .video-js.skin_mini .vjs-loading-spinner {
1681
+ position: absolute;
1682
+ top: 50%;
1683
+ left: 50%;
1684
+ transform: translate(-50%, -50%);
1685
+ opacity: .85;
1686
+ text-align: left;
1687
+ border: .2em solid rgba(43, 51, 63, .7);
1688
+ box-sizing: border-box;
1689
+ background-clip: padding-box;
1690
+ width: 3em;
1691
+ height: 3em;
1692
+ border-radius: 50%;
1693
+ visibility: hidden;
1694
+ }
1695
+
1696
+ .video-js.skin_mini .skipbtn:hover{
1628
1697
  cursor: pointer;
1629
1698
  }
1630
1699
 
1631
- .video-js.skin_news .rewindbtn:hover{
1700
+ .video-js.skin_mini .rewindbtn:hover{
1632
1701
  cursor: pointer;
1633
1702
  }
1634
1703
 
1635
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1704
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1636
1705
  position: relative;
1637
1706
  padding-left: 0;
1638
1707
  }
1639
1708
 
1640
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1641
- display: none !important;
1709
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1710
+ width: 40px;
1711
+ height: 40px;
1712
+ display: flex;
1713
+ justify-content: center;
1714
+ align-items: center;
1715
+ border: none;
1716
+ position: absolute;
1717
+ top: 0;
1718
+ left: 0;
1719
+ right: 0;
1720
+ bottom: 0;
1721
+ margin: auto;
1722
+ font-size: 3em;
1723
+ line-height: 1.3em;
1724
+ transform: none !important;
1725
+ border-radius: 1.3em;
1642
1726
  }
1643
1727
 
1644
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1645
- width: 90px;
1646
- height: 90px;
1647
- display: flex;
1648
- justify-content: center;
1649
- align-items: center;
1650
- border-radius: 50%;
1651
- position: absolute;
1652
- top: 0;
1653
- left: 0;
1654
- right: 0;
1655
- bottom: 0;
1656
- margin: auto;
1657
- font-size: 6em;
1658
- line-height: 1.4em;
1659
- border: 0.05em solid;
1660
- color: inherit;
1661
- }
1662
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1728
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1663
1729
  font-weight: bold;
1664
1730
  }
1665
1731
 
1666
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1667
- bottom: 2.4em !important;
1668
- right: -1em;
1732
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1733
+ bottom: 1.1em !important;
1734
+ right: 1em;
1669
1735
  z-index: 1;
1736
+ font-size: 10px;
1670
1737
  }
1671
1738
 
1672
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1739
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1673
1740
  width: 24px !important;
1674
1741
  height: 24px !important;
1675
1742
  }
1676
- .settings-selector-icon>svg{
1743
+ .video-js.skin_mini .settings-selector-icon>svg{
1677
1744
  height: 19px !important;
1678
1745
  width: 19px !important;
1679
1746
  }
1680
1747
 
1681
1748
 
1682
- .video-js.skin_news button.vjs-rewind-button{
1749
+ .video-js.skin_mini button.vjs-rewind-button{
1683
1750
  cursor: pointer;
1684
1751
  }
1685
1752
 
1686
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1753
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1687
1754
  padding-right: 0;
1688
1755
  }
1689
1756
 
1690
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1757
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1691
1758
  padding-left: 0;
1692
1759
  }
1693
1760
 
1694
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1761
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1695
1762
  padding-left: 0;
1696
1763
  padding-right: 0;
1697
1764
  display: flex;
@@ -1699,46 +1766,48 @@
1699
1766
  width: min-content;
1700
1767
  }
1701
1768
 
1702
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1769
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1703
1770
  display: none
1704
1771
  }
1705
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1772
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1706
1773
  display: none
1707
1774
  }
1708
1775
 
1709
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1710
- display: flex;
1711
- align-items: center;
1712
- font-weight: 700;
1713
- font-size: 12px;
1714
- min-width: 1.2em;
1776
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1777
+ display: flex;
1778
+ align-items: center;
1779
+ font-weight: 700;
1780
+ font-size: 9px;
1781
+ min-width: 0.8em;
1782
+ padding-left: 0;
1715
1783
  }
1716
1784
 
1717
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1785
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1718
1786
  display: none;
1719
1787
  font-size: 11px;
1720
1788
  justify-content: center;
1721
1789
  align-items: center;
1722
1790
  user-select: none;
1723
1791
  }
1724
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1792
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1725
1793
  display: none;
1726
1794
  }
1727
1795
 
1728
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1796
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1729
1797
  height: min-content;
1730
1798
  width: min-content;
1731
1799
  }
1732
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1733
- width: 6em;
1800
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1801
+ width: 3em;
1802
+ margin-right: 4px;
1734
1803
  }
1735
1804
 
1736
- .video-js.skin_news .content{
1805
+ .video-js.skin_mini .content{
1737
1806
  bottom: 3.4rem !important;
1738
1807
  right: -4rem !important;
1739
1808
  }
1740
1809
 
1741
- .setting-icon > svg{
1810
+ .video-js.skin_mini .setting-icon > svg{
1742
1811
  height:18px !important;
1743
1812
  }
1744
1813
 
@@ -1752,15 +1821,16 @@
1752
1821
  pointer-events:none
1753
1822
  }
1754
1823
 
1755
- .video-js.skin_news iframe{
1824
+ .video-js.skin_mini iframe{
1756
1825
  width: 100%;
1757
1826
  height: 100%;
1758
1827
  }
1759
1828
 
1760
- .video-js.skin_news .vjs-live-control{
1829
+ .video-js.skin_mini .vjs-live-control{
1761
1830
  align-items: center;
1831
+ max-width: 5em;
1762
1832
  }
1763
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1833
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1764
1834
  height: 2.2em;
1765
1835
  display: flex;
1766
1836
  align-items: center;
@@ -1768,257 +1838,187 @@
1768
1838
  width: 4em;
1769
1839
  justify-content: center;
1770
1840
  background: red;
1771
- margin: 4px 0px 4px 12px;
1841
+ margin: 4px 0px 4px 2px;
1772
1842
  }
1773
1843
 
1774
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1844
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1775
1845
  text-shadow: none;
1776
1846
  }
1777
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1847
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1778
1848
  display: none;
1779
1849
  font-size: 12px;
1780
1850
  }
1781
1851
 
1782
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1783
- height: 2.2em;
1852
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1853
+ height: 1.8em;
1784
1854
  display: inline-flex;
1785
1855
  align-items: center;
1786
- /* font-family: monospace; */
1856
+ font-family: monospace;
1787
1857
  justify-content: center;
1788
- border: 2px solid;
1789
- margin: 4px 0px 4px 6px;
1858
+ border: 1.5px solid;
1859
+ margin: 4px 0px 4px 2px;
1790
1860
  white-space: pre;
1791
- padding: 0px 6px;
1861
+ padding: 2px 4px;
1792
1862
  font-size: 1.2em;
1793
1863
  font-weight: 500;
1794
1864
  color: rgba(255, 255, 2555, 0.7);
1795
-
1796
- letter-spacing: -.1px;
1797
- line-height: normal;
1798
- text-transform: uppercase;
1799
- color: #FFFFFF;
1800
- opacity: .7;
1801
- font-family: "Proxima Nova";
1802
- }
1803
-
1804
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1805
- opacity: 1;
1806
1865
  }
1807
1866
 
1808
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1867
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1809
1868
  content: "NOT LIVE";
1810
- }
1811
-
1812
- .settings-selection.vjs-control.vjs-button{
1813
- display: flex !important;
1814
- }
1815
-
1816
- @media(max-width:576px){
1817
- .settings-selection.vjs-control.vjs-button{
1818
- display: none !important;
1819
- }
1869
+ word-spacing: -4px;
1820
1870
  }
1821
1871
 
1822
1872
 
1823
- @media(max-width:576px){
1873
+ @media(max-width:600px){
1824
1874
  .tvProviderImage{
1825
1875
  display: none
1826
1876
  }
1827
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1877
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1828
1878
  .icon-maximize {
1829
1879
  height: 30px !important;
1830
1880
  }
1831
1881
 
1832
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1882
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1833
1883
  .icon-minimize {
1834
1884
  height: 30px !important;
1835
1885
  }
1836
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1837
- width: 4.5em;
1886
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1887
+ width: 3.5em;
1838
1888
  }
1839
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1889
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1840
1890
  height: min-content;
1841
1891
  }
1842
1892
 
1843
- .video-js.skin_news button.vjs-slowmo-button{
1893
+ .video-js.skin_mini button.vjs-slowmo-button{
1844
1894
  display: none;
1845
1895
  }
1846
- .video-js.skin_news button.vjs-rewind-button{
1896
+ .video-js.skin_mini button.vjs-rewind-button{
1847
1897
  display: none;
1848
1898
  }
1849
- .video-js.skin_news button.vjs-rewind-button>svg{
1899
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1850
1900
  height: 20px;
1851
1901
  }
1852
- .video-js.skin_news .vjs-button{
1853
- width: 4.8em;
1902
+ .video-js.skin_mini .vjs-button{
1903
+ width: 3em;
1854
1904
  }
1855
- .video-js.skin_news .widget-selection{
1905
+ .video-js.skin_mini .widget-selection{
1856
1906
  display: none;
1857
1907
  }
1858
- .video-js.skin_news .container{
1908
+ .video-js.skin_mini .container{
1859
1909
  display: none !important;
1860
1910
  }
1861
- .video-js.skin_news .vjs-control-bar{
1911
+ .video-js.skin_mini .vjs-control-bar{
1862
1912
  height: 4em !important;
1863
1913
  }
1864
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1914
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1865
1915
  font-size: 2.5em;
1866
1916
  line-height: 1.5;
1867
1917
  }
1868
- .video-js.skin_news .vjs-play-progress:before {
1918
+ .video-js.skin_mini .vjs-play-progress:before {
1869
1919
  font-size: 1.2em;
1870
1920
  position: absolute;
1871
1921
  right: -0.5em;
1872
1922
  z-index: 1;
1873
1923
  }
1874
- .video-js.skin_news button.vjs-skip-button>svg{
1924
+ .video-js.skin_mini button.vjs-skip-button>svg{
1875
1925
  height: 20px;
1876
1926
  }
1877
- .video-js.skin_news button.vjs-big-play-button {
1878
- width: 50px !important;
1879
- height: 50px !important;
1880
- font-size: 2.1rem !important;
1881
- }
1882
1927
 
1883
1928
  .stream-selector-icon>svg{
1884
1929
  width: 24px;
1885
1930
  height: 24px;
1886
1931
  }
1887
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1888
- margin: 0 12px 0 12px;
1889
- }
1890
- .video-js.skin_news .vjs-seek-to-live-text{
1932
+ .video-js.skin_mini .vjs-seek-to-live-text{
1891
1933
  font-size: 12px;
1892
1934
  }
1893
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1894
- margin: 0 12px 0 12px;
1895
1935
  }
1896
- }
1897
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1898
- width: 90px;
1899
- height: 90px;
1900
- display: flex;
1901
- justify-content: center;
1902
- align-items: center;
1903
- border-radius: 50%;
1904
- position: absolute;
1905
- top: 0;
1906
- left: 0;
1907
- right: 0;
1908
- bottom: 0;
1909
- margin: auto;
1910
- font-size: 6em;
1911
- line-height: 1.4em;
1936
+
1937
+
1938
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1939
+ background-color: rgba(0, 0, 0, 0.2);
1912
1940
  }
1913
1941
 
1914
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1942
+
1943
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1915
1944
  display: flex;
1916
1945
  justify-content: center;
1917
1946
  align-items: center;
1918
1947
  height: 100%;
1919
1948
  transition: width 0.1s;
1920
1949
  }
1950
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1951
+ margin: 2px;
1952
+ }
1921
1953
 
1922
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1954
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1923
1955
  display: flex;
1924
1956
  justify-content: center;
1925
1957
  align-items: center;
1926
1958
  height: 100%;
1927
1959
  transition: width 0.1s;
1928
1960
  }
1929
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1930
- display: none !important;
1961
+
1962
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1963
+ display: block;
1964
+ font-size: 10px;
1965
+ padding: 6px 10px;
1966
+ margin: 0;
1967
+ max-height: 100%;
1968
+ overflow-y: auto;
1931
1969
  }
1932
- .video-js.skin_news .ssai-ad-container{
1933
- position: absolute;
1934
- bottom: 14px;
1970
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1971
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1972
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1973
+ display: block;
1974
+ width: 100%;
1975
+ }
1976
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
1977
+ margin: 4px 0;
1978
+ }
1979
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
1980
+ display: block;
1981
+ padding: 0 0 6px;
1982
+ }
1983
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1984
+ max-width: 100%;
1935
1985
  }
1936
1986
 
1937
- @media (max-width: 576px) {
1938
- .video-js.skin_news .ssai-ad-container{
1939
- bottom: 2px;
1940
- }
1941
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1987
+ @media (max-width: 600px) {
1988
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1942
1989
  height: 5px !important;
1943
1990
  }
1944
- .video-js.skin_news button.vjs-big-play-button {
1945
- width: 50px !important;
1946
- height: 50px !important;
1947
- font-size: 2.1rem !important;
1948
- }
1949
1991
 
1950
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1992
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1951
1993
  display: none;
1952
1994
  }
1953
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1954
- bottom: 2.4em !important;
1955
- right: -1em;
1956
- z-index: 1;
1957
- }
1958
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1959
- display: none !important;
1960
- }
1961
-
1962
- .video-js.skin_news .vjs-text-track-display-ttml span {
1963
- color: white;
1964
- font-size: 13px;
1965
- background-color: black;
1966
- }
1967
- }
1968
-
1969
- .video-js.skin_news .vjs-text-track-display-ttml span {
1970
- color: white;
1971
- font-size: 16px;
1972
- background-color: black;
1973
- }
1974
-
1975
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1976
- margin-bottom: 2rem !important;
1977
- }
1978
-
1979
- .video-js.skin_news .vjs-text-track-display-ttml p {
1980
- font-size: 18px !important;
1981
- }
1982
-
1983
1995
 
1984
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1985
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1986
- font-size: 1.2em !important;
1987
- line-height: 1.5em !important;
1988
- padding: 0.2em 0.8em !important;
1989
1996
  }
1990
1997
 
1991
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1998
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1992
1999
  content: none !important;
1993
2000
  fill: none !important;
1994
2001
  filter: none !important;
1995
2002
  }
1996
2003
 
1997
2004
  /* svg icons opacity and hover effect */
1998
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
2005
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1999
2006
  opacity: 0.7 !important;
2000
2007
  }
2001
2008
 
2002
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
2003
- opacity: 1 !important;
2004
- }
2005
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
2006
- opacity: 0.7 !important;
2007
- }
2008
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
2009
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2009
2010
  opacity: 1 !important;
2010
2011
  }
2011
2012
 
2012
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2013
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2013
2014
  color: rgba(255, 255, 2555, 0.7)!important;
2014
2015
  }
2015
2016
 
2016
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2017
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2017
2018
  color: rgba(255, 255, 2555, 1)!important;
2018
2019
  }
2019
2020
 
2020
2021
 
2021
-
2022
2022
  /* CSS for videojs-dvr-seekbar */
2023
2023
 
2024
2024
  .video-js.vjs-dvr-seekbar {
@@ -2200,7 +2200,6 @@
2200
2200
 
2201
2201
 
2202
2202
 
2203
-
2204
2203
  .video-js .multicamera-parent.default{
2205
2204
  height: 345px;
2206
2205
  position: absolute;
@@ -2281,7 +2280,6 @@
2281
2280
 
2282
2281
 
2283
2282
 
2284
-
2285
2283
  .vjs-custom-big-mute.vjs-control{
2286
2284
  position: absolute;
2287
2285
  align-items: center;
@@ -2330,6 +2328,8 @@
2330
2328
  width: 22px;
2331
2329
  }
2332
2330
 
2331
+
2332
+
2333
2333
  /* nextep — up-next card (centered in player, scales with player size) */
2334
2334
  .video-js:has(.next-ep-preview),
2335
2335
  .video-js:has(.next-ep-preview-player-thumb) {