@viewlift/player-backup 2.0.305-backup → 2.0.307-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 (58) hide show
  1. package/cjs/{autoNextVideo-873f10b5.js → autoNextVideo-1bbfcbcd.js} +1 -1
  2. package/cjs/bundle.css +793 -793
  3. package/cjs/{features-e4e58f99.js → features-f05e6f60.js} +1 -1
  4. package/cjs/generic-702bf640.js +1 -0
  5. package/cjs/{index-7e189768.js → index-39d0ed77.js} +1 -1
  6. package/cjs/{index-e8f44e0a.js → index-5db4647d.js} +1 -1
  7. package/cjs/{index-5e426c27.js → index-6d72a207.js} +1 -1
  8. package/cjs/{index-f2e08806.js → index-8a971d72.js} +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/{multicamv2-eb95bf1f.js → multicamv2-9721532c.js} +1 -1
  11. package/cjs/{multicamv2-749ad829.js → multicamv2-bfd2b179.js} +1 -1
  12. package/cjs/{nextEpisodeButton-e986a0bc.js → nextEpisodeButton-15702295.js} +1 -1
  13. package/cjs/{playlist-88414b09.js → playlist-94b98403.js} +1 -1
  14. package/cjs/{series-a6f2fd6e.js → series-ce8f9110.js} +1 -1
  15. package/cjs/{series-v2-65879014.js → series-v2-cf00ae5d.js} +1 -1
  16. package/cjs/{series-v2-6319e033.js → series-v2-d17f8fdb.js} +1 -1
  17. package/cjs/{skin-db674d95.js → skin-049df4fb.js} +1 -1
  18. package/cjs/{skin-a2429e04.js → skin-103ef501.js} +1 -1
  19. package/cjs/{skin-f3cea156.js → skin-297aaa3d.js} +1 -1
  20. package/cjs/{skin-269f611e.js → skin-4213de43.js} +1 -1
  21. package/cjs/{skin-48d50e2e.js → skin-5e1660e9.js} +1 -1
  22. package/cjs/{skin-e5ecdc0c.js → skin-812da2fb.js} +1 -1
  23. package/cjs/{skin-b0bbc888.js → skin-869927e4.js} +1 -1
  24. package/cjs/{skin-b5ca0cb0.js → skin-8eb1a746.js} +1 -1
  25. package/cjs/{skin-20ee4e2a.js → skin-a7acf1f1.js} +1 -1
  26. package/cjs/{skin-5405239f.js → skin-efca4370.js} +1 -1
  27. package/cjs/{videoSelector-5b4e625a.js → videoSelector-3f79b55d.js} +1 -1
  28. package/cjs/{videoSelector-766a3d58.js → videoSelector-509fd6b2.js} +1 -1
  29. package/esm/{autoNextVideo-91414a44.js → autoNextVideo-f19a4141.js} +1 -1
  30. package/esm/bundle.css +793 -793
  31. package/esm/{features-4c015a1a.js → features-49c73f18.js} +1 -1
  32. package/esm/{generic-80295906.js → generic-4ba97ed2.js} +1 -1
  33. package/esm/{index-2438cc5c.js → index-51f41fdf.js} +1 -1
  34. package/esm/{index-ad8cf892.js → index-700f831f.js} +1 -1
  35. package/esm/{index-b7b0c19f.js → index-9cc865c1.js} +1 -1
  36. package/esm/{index-3ac93834.js → index-f140026f.js} +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/{multicamv2-9a65dbe7.js → multicamv2-ca7b9c2b.js} +1 -1
  39. package/esm/{multicamv2-b33eb8aa.js → multicamv2-e4f413b9.js} +1 -1
  40. package/esm/{nextEpisodeButton-a5e4c9ab.js → nextEpisodeButton-30d9e28c.js} +1 -1
  41. package/esm/{playlist-3cbc8448.js → playlist-5c6dca76.js} +1 -1
  42. package/esm/{series-aa5d229d.js → series-c24e1430.js} +1 -1
  43. package/esm/{series-v2-eeb48c22.js → series-v2-ae0e7cd3.js} +1 -1
  44. package/esm/{series-v2-80e7e96a.js → series-v2-ca3ba531.js} +1 -1
  45. package/esm/{skin-4e7ed113.js → skin-255e4ecb.js} +1 -1
  46. package/esm/{skin-f7d16420.js → skin-30c95ec8.js} +1 -1
  47. package/esm/{skin-5cad697b.js → skin-68a5793b.js} +1 -1
  48. package/esm/{skin-81dcb6fc.js → skin-6a2ce0a2.js} +1 -1
  49. package/esm/{skin-61ff8139.js → skin-85d61c41.js} +1 -1
  50. package/esm/{skin-69510b4b.js → skin-86843948.js} +1 -1
  51. package/esm/{skin-61615df8.js → skin-8b255527.js} +1 -1
  52. package/esm/{skin-1aa3a2a4.js → skin-8c0d2818.js} +1 -1
  53. package/esm/{skin-e9eeb5da.js → skin-ab6da3b6.js} +1 -1
  54. package/esm/{skin-ead560a6.js → skin-d39cb70e.js} +1 -1
  55. package/esm/{videoSelector-b5366835.js → videoSelector-885e1bb3.js} +1 -1
  56. package/esm/{videoSelector-addc3c1c.js → videoSelector-a4dd361d.js} +1 -1
  57. package/package.json +1 -1
  58. package/cjs/generic-99296539.js +0 -1
package/cjs/bundle.css CHANGED
@@ -1,225 +1,31 @@
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
-
201
-
202
-
203
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
4
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
204
5
  font-size: 2.2em;
205
6
  line-height: 2.6;
206
7
  }
207
- .video-js.skin_mini{
208
- overflow: hidden;
8
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
+ background: white;
209
10
  }
210
- .video-js.skin_mini .vjs-control-bar{
11
+ .video-js.skin_news .vjs-control-bar{
211
12
  z-index: 1 !important;
212
- height: 4em !important;
13
+ height: 5em !important;
213
14
  background: black !important;
214
15
  }
16
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
17
+ display: flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ }
215
21
 
216
- .video-js.skin_mini .vjs-fade>* {
22
+ .video-js.skin_news .vjs-fade>* {
217
23
  visibility: hidden !important;
218
24
  opacity: 0 !important;
219
25
  transition: visibility 1s, opacity 1s !important;
220
26
  }
221
27
 
222
- .video-js.skin_mini .custom-spaced-progress-bar {
28
+ .video-js.skin_news .custom-spaced-progress-bar {
223
29
  position: absolute;
224
30
  width: 100%;
225
31
  display: flex;
@@ -227,7 +33,7 @@
227
33
  top: -0.5em;
228
34
  }
229
35
 
230
- .video-js.skin_mini .vjs-progress-control {
36
+ .video-js.skin_news .vjs-progress-control {
231
37
  /* left: -6px; */
232
38
  position: relative;
233
39
  width: 100%;
@@ -238,19 +44,19 @@
238
44
 
239
45
 
240
46
 
241
- .video-js.skin_mini .vjs-custom-control-spacer {
47
+ .video-js.skin_news .vjs-custom-control-spacer {
242
48
  display: block;
243
49
  flex: 1 1 auto;
244
50
  }
245
51
 
246
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
52
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
247
53
  margin: 0 0px 0 0px;
248
54
  }
249
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
55
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
250
56
  display: none;
251
57
  }
252
58
 
253
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
59
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
254
60
  font-size: 14px;
255
61
  font-weight: 500;
256
62
  align-self: center;
@@ -259,158 +65,143 @@
259
65
  border-radius: 8px;
260
66
  }
261
67
 
262
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
263
- height: 5px !important;
68
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
69
+ height: 6px !important;
264
70
  }
265
71
 
266
- .video-js.skin_mini .vjs-play-progress:before {
267
- font-size: 1.3em;
72
+ .video-js.skin_news .vjs-play-progress:before {
73
+ font-size: 1.5em;
268
74
  line-height: unset;
269
75
  top: -0.3333333333em;
270
76
  }
271
77
 
272
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
78
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
273
79
  display: none !important;
274
80
  }
275
81
 
276
82
  /* */
277
- .video-js.skin_mini .vjs-mouse-display{
83
+ .video-js.skin_news .vjs-mouse-display{
278
84
  font-size: 1.6666666667em;
279
85
  }
280
86
 
281
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
87
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
282
88
  font-size: 1em !important;
283
89
  }
284
90
 
285
- .video-js.skin_mini .vjs-button{
286
- width: 3em;
91
+ .video-js.skin_news .vjs-button{
92
+ width: 5.3em;
287
93
  display: flex;
288
94
  align-items: center;
289
95
  justify-content: center;
290
96
  }
291
97
 
292
98
 
293
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
99
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
294
100
  .icon-maximize {
295
101
  display: block;
296
102
  height: 32px;
297
103
  }
298
104
 
299
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
105
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
300
106
  line-height: 4;
301
107
  }
302
108
 
303
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
109
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
304
110
  .icon-minimize {
305
111
  display: none;
306
112
  height: 32px;
307
113
  }
308
114
 
309
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
115
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
310
116
  outline: none !important;
311
117
  }
312
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
118
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
313
119
  .vjs-icon-fullscreen-enter:before {
314
120
  /* content: '' !important; */
315
121
  }
316
122
 
317
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
123
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
318
124
  display: flex;
319
125
  justify-content: center;
320
126
  align-items: center;
321
127
  /* transform: rotate(90deg); */
322
128
  }
323
129
 
324
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
130
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
325
131
  display: none;
326
132
  }
327
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
133
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
328
134
  margin-left: -10px;
329
- display: none;
330
- }
331
-
332
- .video-js.skin_mini .vjs-loading-spinner {
333
- position: absolute;
334
- top: 50%;
335
- left: 50%;
336
- transform: translate(-50%, -50%);
337
- opacity: .85;
338
- text-align: left;
339
- border: .2em solid rgba(43, 51, 63, .7);
340
- box-sizing: border-box;
341
- background-clip: padding-box;
342
- width: 3em;
343
- height: 3em;
344
- border-radius: 50%;
345
- visibility: hidden;
346
135
  }
347
136
 
348
- .video-js.skin_mini .skipbtn:hover{
137
+ .video-js.skin_news .skipbtn:hover{
349
138
  cursor: pointer;
350
139
  }
351
140
 
352
- .video-js.skin_mini .rewindbtn:hover{
141
+ .video-js.skin_news .rewindbtn:hover{
353
142
  cursor: pointer;
354
143
  }
355
144
 
356
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
357
- position: relative;
358
- padding-left: 0;
359
- }
360
-
361
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
362
- width: 40px;
363
- height: 40px;
364
- display: flex;
365
- justify-content: center;
366
- align-items: center;
367
- border: none;
368
- position: absolute;
369
- top: 0;
370
- left: 0;
371
- right: 0;
372
- bottom: 0;
373
- margin: auto;
374
- font-size: 3em;
375
- line-height: 1.3em;
376
- transform: none !important;
377
- border-radius: 1.3em;
145
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
146
+ position: relative;
147
+ padding-left: 0;
378
148
  }
379
149
 
380
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
150
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
151
+ display: none !important;
152
+ }
153
+
154
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
+ width: 90px;
156
+ height: 90px;
157
+ display: flex;
158
+ justify-content: center;
159
+ align-items: center;
160
+ border-radius: 50%;
161
+ position: absolute;
162
+ top: 0;
163
+ left: 0;
164
+ right: 0;
165
+ bottom: 0;
166
+ margin: auto;
167
+ font-size: 6em;
168
+ line-height: 1.4em;
169
+ border: 0.05em solid;
170
+ color: inherit;
171
+ }
172
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
381
173
  font-weight: bold;
382
174
  }
383
175
 
384
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
385
- bottom: 1.1em !important;
386
- right: 1em;
176
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
177
+ bottom: 2.4em !important;
178
+ right: -1em;
387
179
  z-index: 1;
388
- font-size: 10px;
389
180
  }
390
181
 
391
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
182
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
392
183
  width: 24px !important;
393
184
  height: 24px !important;
394
185
  }
395
- .video-js.skin_mini .settings-selector-icon>svg{
186
+ .settings-selector-icon>svg{
396
187
  height: 19px !important;
397
188
  width: 19px !important;
398
189
  }
399
190
 
400
191
 
401
- .video-js.skin_mini button.vjs-rewind-button{
192
+ .video-js.skin_news button.vjs-rewind-button{
402
193
  cursor: pointer;
403
194
  }
404
195
 
405
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
196
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
406
197
  padding-right: 0;
407
198
  }
408
199
 
409
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
200
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
410
201
  padding-left: 0;
411
202
  }
412
203
 
413
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
204
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
414
205
  padding-left: 0;
415
206
  padding-right: 0;
416
207
  display: flex;
@@ -418,48 +209,46 @@
418
209
  width: min-content;
419
210
  }
420
211
 
421
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
212
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
422
213
  display: none
423
214
  }
424
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
215
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
425
216
  display: none
426
217
  }
427
218
 
428
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
429
- display: flex;
430
- align-items: center;
431
- font-weight: 700;
432
- font-size: 9px;
433
- min-width: 0.8em;
434
- padding-left: 0;
219
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
220
+ display: flex;
221
+ align-items: center;
222
+ font-weight: 700;
223
+ font-size: 12px;
224
+ min-width: 1.2em;
435
225
  }
436
226
 
437
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
227
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
438
228
  display: none;
439
229
  font-size: 11px;
440
230
  justify-content: center;
441
231
  align-items: center;
442
232
  user-select: none;
443
233
  }
444
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
234
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
445
235
  display: none;
446
236
  }
447
237
 
448
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
238
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
449
239
  height: min-content;
450
240
  width: min-content;
451
241
  }
452
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
453
- width: 3em;
454
- margin-right: 4px;
242
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
243
+ width: 6em;
455
244
  }
456
245
 
457
- .video-js.skin_mini .content{
246
+ .video-js.skin_news .content{
458
247
  bottom: 3.4rem !important;
459
248
  right: -4rem !important;
460
249
  }
461
250
 
462
- .video-js.skin_mini .setting-icon > svg{
251
+ .setting-icon > svg{
463
252
  height:18px !important;
464
253
  }
465
254
 
@@ -473,16 +262,15 @@
473
262
  pointer-events:none
474
263
  }
475
264
 
476
- .video-js.skin_mini iframe{
265
+ .video-js.skin_news iframe{
477
266
  width: 100%;
478
267
  height: 100%;
479
268
  }
480
269
 
481
- .video-js.skin_mini .vjs-live-control{
270
+ .video-js.skin_news .vjs-live-control{
482
271
  align-items: center;
483
- max-width: 5em;
484
272
  }
485
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
273
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
486
274
  height: 2.2em;
487
275
  display: flex;
488
276
  align-items: center;
@@ -490,210 +278,282 @@
490
278
  width: 4em;
491
279
  justify-content: center;
492
280
  background: red;
493
- margin: 4px 0px 4px 2px;
281
+ margin: 4px 0px 4px 12px;
494
282
  }
495
283
 
496
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
284
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
497
285
  text-shadow: none;
498
286
  }
499
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
287
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
500
288
  display: none;
501
289
  font-size: 12px;
502
290
  }
503
291
 
504
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
505
- height: 1.8em;
292
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
293
+ height: 2.2em;
506
294
  display: inline-flex;
507
295
  align-items: center;
508
- font-family: monospace;
296
+ /* font-family: monospace; */
509
297
  justify-content: center;
510
- border: 1.5px solid;
511
- margin: 4px 0px 4px 2px;
298
+ border: 2px solid;
299
+ margin: 4px 0px 4px 6px;
512
300
  white-space: pre;
513
- padding: 2px 4px;
301
+ padding: 0px 6px;
514
302
  font-size: 1.2em;
515
303
  font-weight: 500;
516
304
  color: rgba(255, 255, 2555, 0.7);
305
+
306
+ letter-spacing: -.1px;
307
+ line-height: normal;
308
+ text-transform: uppercase;
309
+ color: #FFFFFF;
310
+ opacity: .7;
311
+ font-family: "Proxima Nova";
517
312
  }
518
313
 
519
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
314
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
+ opacity: 1;
316
+ }
317
+
318
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
520
319
  content: "NOT LIVE";
521
- word-spacing: -4px;
522
320
  }
523
321
 
322
+ .settings-selection.vjs-control.vjs-button{
323
+ display: flex !important;
324
+ }
524
325
 
525
- @media(max-width:600px){
326
+ @media(max-width:576px){
327
+ .settings-selection.vjs-control.vjs-button{
328
+ display: none !important;
329
+ }
330
+ }
331
+
332
+
333
+ @media(max-width:576px){
526
334
  .tvProviderImage{
527
335
  display: none
528
336
  }
529
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
337
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
530
338
  .icon-maximize {
531
339
  height: 30px !important;
532
340
  }
533
341
 
534
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
342
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
535
343
  .icon-minimize {
536
344
  height: 30px !important;
537
345
  }
538
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
539
- width: 3.5em;
346
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
347
+ width: 4.5em;
540
348
  }
541
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
349
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
542
350
  height: min-content;
543
351
  }
544
352
 
545
- .video-js.skin_mini button.vjs-slowmo-button{
353
+ .video-js.skin_news button.vjs-slowmo-button{
546
354
  display: none;
547
355
  }
548
- .video-js.skin_mini button.vjs-rewind-button{
356
+ .video-js.skin_news button.vjs-rewind-button{
549
357
  display: none;
550
358
  }
551
- .video-js.skin_mini button.vjs-rewind-button>svg{
359
+ .video-js.skin_news button.vjs-rewind-button>svg{
552
360
  height: 20px;
553
361
  }
554
- .video-js.skin_mini .vjs-button{
555
- width: 3em;
362
+ .video-js.skin_news .vjs-button{
363
+ width: 4.8em;
556
364
  }
557
- .video-js.skin_mini .widget-selection{
365
+ .video-js.skin_news .widget-selection{
558
366
  display: none;
559
367
  }
560
- .video-js.skin_mini .container{
368
+ .video-js.skin_news .container{
561
369
  display: none !important;
562
370
  }
563
- .video-js.skin_mini .vjs-control-bar{
371
+ .video-js.skin_news .vjs-control-bar{
564
372
  height: 4em !important;
565
373
  }
566
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
374
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
567
375
  font-size: 2.5em;
568
376
  line-height: 1.5;
569
377
  }
570
- .video-js.skin_mini .vjs-play-progress:before {
378
+ .video-js.skin_news .vjs-play-progress:before {
571
379
  font-size: 1.2em;
572
380
  position: absolute;
573
381
  right: -0.5em;
574
382
  z-index: 1;
575
383
  }
576
- .video-js.skin_mini button.vjs-skip-button>svg{
384
+ .video-js.skin_news button.vjs-skip-button>svg{
577
385
  height: 20px;
578
386
  }
387
+ .video-js.skin_news button.vjs-big-play-button {
388
+ width: 50px !important;
389
+ height: 50px !important;
390
+ font-size: 2.1rem !important;
391
+ }
579
392
 
580
393
  .stream-selector-icon>svg{
581
394
  width: 24px;
582
395
  height: 24px;
583
396
  }
584
- .video-js.skin_mini .vjs-seek-to-live-text{
397
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
398
+ margin: 0 12px 0 12px;
399
+ }
400
+ .video-js.skin_news .vjs-seek-to-live-text{
585
401
  font-size: 12px;
586
402
  }
587
-
588
- .video-js.skin_mini .vjs-text-track-display-ttml span {
589
- color: white !important;
590
- font-size: 16px !important;
591
- background-color: rgba(0,0,0,0.2) !important;
592
- }
403
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
404
+ margin: 0 12px 0 12px;
593
405
  }
594
-
595
- .video-js.skin_mini .vjs-text-track-display-ttml span {
596
- color: white !important;
597
- font-size: 16px !important;
598
- background-color: rgba(0,0,0,0.2) !important;
599
406
  }
600
-
601
- .video-js.skin_mini .vjs-text-track-display-ttml p {
602
- font-size: 18px !important;
407
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
408
+ width: 90px;
409
+ height: 90px;
410
+ display: flex;
411
+ justify-content: center;
412
+ align-items: center;
413
+ border-radius: 50%;
414
+ position: absolute;
415
+ top: 0;
416
+ left: 0;
417
+ right: 0;
418
+ bottom: 0;
419
+ margin: auto;
420
+ font-size: 6em;
421
+ line-height: 1.4em;
603
422
  }
604
423
 
605
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
606
- margin-bottom: 1rem !important;
424
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
+ display: flex;
426
+ justify-content: center;
427
+ align-items: center;
428
+ height: 100%;
429
+ transition: width 0.1s;
607
430
  }
608
431
 
609
-
610
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
432
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
611
433
  display: flex;
612
434
  justify-content: center;
613
435
  align-items: center;
614
436
  height: 100%;
615
437
  transition: width 0.1s;
616
438
  }
617
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
618
- margin: 2px;
439
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
440
+ display: none !important;
441
+ }
442
+ .video-js.skin_news .ssai-ad-container{
443
+ position: absolute;
444
+ bottom: 14px;
445
+ }
446
+
447
+ @media (max-width: 576px) {
448
+ .video-js.skin_news .ssai-ad-container{
449
+ bottom: 2px;
450
+ }
451
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
452
+ height: 5px !important;
453
+ }
454
+ .video-js.skin_news button.vjs-big-play-button {
455
+ width: 50px !important;
456
+ height: 50px !important;
457
+ font-size: 2.1rem !important;
458
+ }
459
+
460
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
461
+ display: none;
462
+ }
463
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
464
+ bottom: 2.4em !important;
465
+ right: -1em;
466
+ z-index: 1;
467
+ }
468
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
469
+ display: none !important;
470
+ }
471
+
472
+ .video-js.skin_news .vjs-text-track-display-ttml span {
473
+ color: white;
474
+ font-size: 13px;
475
+ background-color: black;
476
+ }
477
+ }
478
+
479
+ .video-js.skin_news .vjs-text-track-display-ttml span {
480
+ color: white;
481
+ font-size: 16px;
482
+ background-color: black;
619
483
  }
620
484
 
621
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
622
- display: flex;
623
- justify-content: center;
624
- align-items: center;
625
- height: 100%;
626
- transition: width 0.1s;
627
- }
628
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
629
- display: grid;
630
- font-size: 10px;
631
- grid-template-columns: 1fr;
632
- grid-template-rows: 1fr;
633
- padding: 1px 0px 0 0px;
634
- margin: 0;
485
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
486
+ margin-bottom: 2rem !important;
635
487
  }
636
488
 
637
- @media (max-width: 600px) {
638
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
639
- height: 5px !important;
640
- }
489
+ .video-js.skin_news .vjs-text-track-display-ttml p {
490
+ font-size: 18px !important;
491
+ }
641
492
 
642
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
643
- display: none;
644
- }
645
493
 
494
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
495
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
496
+ font-size: 1.2em !important;
497
+ line-height: 1.5em !important;
498
+ padding: 0.2em 0.8em !important;
646
499
  }
647
500
 
648
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
501
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
649
502
  content: none !important;
650
503
  fill: none !important;
651
504
  filter: none !important;
652
505
  }
653
506
 
654
507
  /* svg icons opacity and hover effect */
655
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
508
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
656
509
  opacity: 0.7 !important;
657
510
  }
658
511
 
659
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
512
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
513
+ opacity: 1 !important;
514
+ }
515
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
516
+ opacity: 0.7 !important;
517
+ }
518
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
660
519
  opacity: 1 !important;
661
520
  }
662
521
 
663
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
522
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
664
523
  color: rgba(255, 255, 2555, 0.7)!important;
665
524
  }
666
525
 
667
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
526
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
668
527
  color: rgba(255, 255, 2555, 1)!important;
669
528
  }
670
529
 
671
530
 
672
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
531
+
532
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
673
533
  font-size: 2.2em;
674
534
  line-height: 2.6;
675
535
  }
676
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
677
- background: white;
536
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
537
+ background: #fcb700;
678
538
  }
679
- .video-js.skin_news .vjs-control-bar{
539
+ .video-js.skin_news_live .vjs-control-bar{
680
540
  z-index: 1 !important;
681
541
  height: 5em !important;
682
542
  background: black !important;
683
543
  }
684
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
544
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
685
545
  display: flex;
686
546
  align-items: center;
687
547
  justify-content: center;
688
548
  }
689
549
 
690
- .video-js.skin_news .vjs-fade>* {
550
+ .video-js.skin_news_live .vjs-fade>* {
691
551
  visibility: hidden !important;
692
552
  opacity: 0 !important;
693
553
  transition: visibility 1s, opacity 1s !important;
694
554
  }
695
555
 
696
- .video-js.skin_news .custom-spaced-progress-bar {
556
+ .video-js.skin_news_live .custom-spaced-progress-bar {
697
557
  position: absolute;
698
558
  width: 100%;
699
559
  display: flex;
@@ -701,7 +561,7 @@
701
561
  top: -0.5em;
702
562
  }
703
563
 
704
- .video-js.skin_news .vjs-progress-control {
564
+ .video-js.skin_news_live .vjs-progress-control {
705
565
  /* left: -6px; */
706
566
  position: relative;
707
567
  width: 100%;
@@ -709,22 +569,25 @@
709
569
  transition: height 0.1s, top 0.1s;
710
570
  }
711
571
 
572
+ .video-js.skin_news_live .vjs-volume-panel{
573
+ min-width: 5.3em;
574
+ }
712
575
 
713
576
 
714
577
 
715
- .video-js.skin_news .vjs-custom-control-spacer {
716
- display: block;
717
- flex: 1 1 auto;
578
+ .video-js.skin_news_live .vjs-custom-control-spacer {
579
+ /* display: block; */
580
+ /* flex: 1 1 auto; */
718
581
  }
719
582
 
720
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
583
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
721
584
  margin: 0 0px 0 0px;
722
585
  }
723
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
586
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
724
587
  display: none;
725
588
  }
726
589
 
727
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
590
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
728
591
  font-size: 14px;
729
592
  font-weight: 500;
730
593
  align-self: center;
@@ -733,30 +596,30 @@
733
596
  border-radius: 8px;
734
597
  }
735
598
 
736
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
599
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
737
600
  height: 6px !important;
738
601
  }
739
602
 
740
- .video-js.skin_news .vjs-play-progress:before {
603
+ .video-js.skin_news_live .vjs-play-progress:before {
741
604
  font-size: 1.5em;
742
605
  line-height: unset;
743
606
  top: -0.3333333333em;
744
607
  }
745
608
 
746
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
609
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
747
610
  display: none !important;
748
611
  }
749
612
 
750
613
  /* */
751
- .video-js.skin_news .vjs-mouse-display{
614
+ .video-js.skin_news_live .vjs-mouse-display{
752
615
  font-size: 1.6666666667em;
753
616
  }
754
617
 
755
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
618
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
756
619
  font-size: 1em !important;
757
620
  }
758
621
 
759
- .video-js.skin_news .vjs-button{
622
+ .video-js.skin_news_live .vjs-button{
760
623
  width: 5.3em;
761
624
  display: flex;
762
625
  align-items: center;
@@ -764,63 +627,71 @@
764
627
  }
765
628
 
766
629
 
767
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
630
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
768
631
  .icon-maximize {
769
632
  display: block;
770
633
  height: 32px;
771
634
  }
772
635
 
773
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
636
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
774
637
  line-height: 4;
775
638
  }
776
639
 
777
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
640
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
778
641
  .icon-minimize {
779
642
  display: none;
780
643
  height: 32px;
781
644
  }
782
645
 
783
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
646
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
784
647
  outline: none !important;
648
+ /* flex: 1; */
785
649
  }
786
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
650
+ .video-js.skin_news_live .vjs-play-toggle-container{
651
+ display: flex;
652
+ flex: 1;
653
+ justify-content: center;
654
+ }
655
+
656
+
657
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
787
658
  .vjs-icon-fullscreen-enter:before {
788
659
  /* content: '' !important; */
789
660
  }
790
661
 
791
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
662
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
792
663
  display: flex;
793
664
  justify-content: center;
794
665
  align-items: center;
795
666
  /* transform: rotate(90deg); */
796
667
  }
797
668
 
798
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
669
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
799
670
  display: none;
800
671
  }
801
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
672
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
802
673
  margin-left: -10px;
803
674
  }
804
675
 
805
- .video-js.skin_news .skipbtn:hover{
676
+ .video-js.skin_news_live .skipbtn:hover{
806
677
  cursor: pointer;
807
678
  }
808
679
 
809
- .video-js.skin_news .rewindbtn:hover{
680
+ .video-js.skin_news_live .rewindbtn:hover{
810
681
  cursor: pointer;
811
682
  }
812
683
 
813
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
684
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
814
685
  position: relative;
815
686
  padding-left: 0;
816
687
  }
817
688
 
818
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
689
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
819
690
  display: none !important;
820
691
  }
821
692
 
822
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
823
- width: 90px;
693
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
694
+ /* width: 90px;
824
695
  height: 90px;
825
696
  display: flex;
826
697
  justify-content: center;
@@ -835,19 +706,20 @@
835
706
  font-size: 6em;
836
707
  line-height: 1.4em;
837
708
  border: 0.05em solid;
838
- color: inherit;
709
+ color: inherit; */
710
+ display: none !important;
839
711
  }
840
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
712
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
841
713
  font-weight: bold;
842
714
  }
843
715
 
844
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
716
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
845
717
  bottom: 2.4em !important;
846
718
  right: -1em;
847
719
  z-index: 1;
848
720
  }
849
721
 
850
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
722
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
851
723
  width: 24px !important;
852
724
  height: 24px !important;
853
725
  }
@@ -857,34 +729,34 @@
857
729
  }
858
730
 
859
731
 
860
- .video-js.skin_news button.vjs-rewind-button{
732
+ .video-js.skin_news_live button.vjs-rewind-button{
861
733
  cursor: pointer;
862
734
  }
863
735
 
864
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
736
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
865
737
  padding-right: 0;
738
+ display: none;
866
739
  }
867
740
 
868
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
741
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
869
742
  padding-left: 0;
743
+ display: none;
870
744
  }
871
745
 
872
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
746
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
873
747
  padding-left: 0;
874
748
  padding-right: 0;
875
- display: flex;
876
- justify-content: center;
877
- width: min-content;
749
+ display: none;
878
750
  }
879
751
 
880
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
752
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
881
753
  display: none
882
754
  }
883
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
755
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
884
756
  display: none
885
757
  }
886
758
 
887
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
759
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
888
760
  display: flex;
889
761
  align-items: center;
890
762
  font-weight: 700;
@@ -892,26 +764,26 @@
892
764
  min-width: 1.2em;
893
765
  }
894
766
 
895
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
767
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
896
768
  display: none;
897
769
  font-size: 11px;
898
770
  justify-content: center;
899
771
  align-items: center;
900
772
  user-select: none;
901
773
  }
902
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
774
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
903
775
  display: none;
904
776
  }
905
777
 
906
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
778
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
907
779
  height: min-content;
908
780
  width: min-content;
909
781
  }
910
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
782
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
911
783
  width: 6em;
912
784
  }
913
785
 
914
- .video-js.skin_news .content{
786
+ .video-js.skin_news_live .content{
915
787
  bottom: 3.4rem !important;
916
788
  right: -4rem !important;
917
789
  }
@@ -930,15 +802,16 @@
930
802
  pointer-events:none
931
803
  }
932
804
 
933
- .video-js.skin_news iframe{
805
+ .video-js.skin_news_live iframe{
934
806
  width: 100%;
935
807
  height: 100%;
936
808
  }
937
809
 
938
- .video-js.skin_news .vjs-live-control{
810
+ .video-js.skin_news_live .vjs-live-control{
939
811
  align-items: center;
812
+ display: none;
940
813
  }
941
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
814
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
942
815
  height: 2.2em;
943
816
  display: flex;
944
817
  align-items: center;
@@ -949,43 +822,22 @@
949
822
  margin: 4px 0px 4px 12px;
950
823
  }
951
824
 
952
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
825
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
953
826
  text-shadow: none;
954
827
  }
955
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
956
- display: none;
957
- font-size: 12px;
958
- }
959
828
 
960
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
961
- height: 2.2em;
962
- display: inline-flex;
963
- align-items: center;
964
- /* font-family: monospace; */
829
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
830
+ display: flex;
965
831
  justify-content: center;
966
- border: 2px solid;
967
- margin: 4px 0px 4px 6px;
968
- white-space: pre;
969
- padding: 0px 6px;
970
- font-size: 1.2em;
971
- font-weight: 500;
972
- color: rgba(255, 255, 2555, 0.7);
973
-
974
- letter-spacing: -.1px;
975
- line-height: normal;
976
- text-transform: uppercase;
977
- color: #FFFFFF;
978
- opacity: .7;
979
- font-family: "Proxima Nova";
832
+ min-width: 5.3em;
833
+ pointer-events: none;
834
+ user-select: none;
980
835
  }
981
836
 
982
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
983
- opacity: 1;
837
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
838
+ color: white;
984
839
  }
985
840
 
986
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
987
- content: "NOT LIVE";
988
- }
989
841
 
990
842
  .settings-selection.vjs-control.vjs-button{
991
843
  display: flex !important;
@@ -1002,57 +854,57 @@
1002
854
  .tvProviderImage{
1003
855
  display: none
1004
856
  }
1005
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
857
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1006
858
  .icon-maximize {
1007
859
  height: 30px !important;
1008
860
  }
1009
861
 
1010
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
862
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1011
863
  .icon-minimize {
1012
864
  height: 30px !important;
1013
865
  }
1014
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
866
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1015
867
  width: 4.5em;
1016
868
  }
1017
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
869
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1018
870
  height: min-content;
1019
871
  }
1020
872
 
1021
- .video-js.skin_news button.vjs-slowmo-button{
873
+ .video-js.skin_news_live button.vjs-slowmo-button{
1022
874
  display: none;
1023
875
  }
1024
- .video-js.skin_news button.vjs-rewind-button{
876
+ .video-js.skin_news_live button.vjs-rewind-button{
1025
877
  display: none;
1026
878
  }
1027
- .video-js.skin_news button.vjs-rewind-button>svg{
879
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1028
880
  height: 20px;
1029
881
  }
1030
- .video-js.skin_news .vjs-button{
882
+ .video-js.skin_news_live .vjs-button{
1031
883
  width: 4.8em;
1032
884
  }
1033
- .video-js.skin_news .widget-selection{
885
+ .video-js.skin_news_live .widget-selection{
1034
886
  display: none;
1035
887
  }
1036
- .video-js.skin_news .container{
888
+ .video-js.skin_news_live .container{
1037
889
  display: none !important;
1038
890
  }
1039
- .video-js.skin_news .vjs-control-bar{
891
+ .video-js.skin_news_live .vjs-control-bar{
1040
892
  height: 4em !important;
1041
893
  }
1042
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
894
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1043
895
  font-size: 2.5em;
1044
896
  line-height: 1.5;
1045
897
  }
1046
- .video-js.skin_news .vjs-play-progress:before {
898
+ .video-js.skin_news_live .vjs-play-progress:before {
1047
899
  font-size: 1.2em;
1048
900
  position: absolute;
1049
901
  right: -0.5em;
1050
902
  z-index: 1;
1051
903
  }
1052
- .video-js.skin_news button.vjs-skip-button>svg{
904
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1053
905
  height: 20px;
1054
906
  }
1055
- .video-js.skin_news button.vjs-big-play-button {
907
+ .video-js.skin_news_live button.vjs-big-play-button {
1056
908
  width: 50px !important;
1057
909
  height: 50px !important;
1058
910
  font-size: 2.1rem !important;
@@ -1062,17 +914,17 @@
1062
914
  width: 24px;
1063
915
  height: 24px;
1064
916
  }
1065
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
917
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1066
918
  margin: 0 12px 0 12px;
1067
919
  }
1068
- .video-js.skin_news .vjs-seek-to-live-text{
920
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1069
921
  font-size: 12px;
1070
922
  }
1071
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
923
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1072
924
  margin: 0 12px 0 12px;
1073
925
  }
1074
926
  }
1075
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
927
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1076
928
  width: 90px;
1077
929
  height: 90px;
1078
930
  display: flex;
@@ -1089,7 +941,7 @@
1089
941
  line-height: 1.4em;
1090
942
  }
1091
943
 
1092
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
944
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1093
945
  display: flex;
1094
946
  justify-content: center;
1095
947
  align-items: center;
@@ -1097,29 +949,22 @@
1097
949
  transition: width 0.1s;
1098
950
  }
1099
951
 
1100
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
952
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1101
953
  display: flex;
1102
954
  justify-content: center;
1103
955
  align-items: center;
1104
956
  height: 100%;
1105
957
  transition: width 0.1s;
1106
958
  }
1107
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
959
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1108
960
  display: none !important;
1109
961
  }
1110
- .video-js.skin_news .ssai-ad-container{
1111
- position: absolute;
1112
- bottom: 14px;
1113
- }
1114
962
 
1115
963
  @media (max-width: 576px) {
1116
- .video-js.skin_news .ssai-ad-container{
1117
- bottom: 2px;
1118
- }
1119
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
964
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1120
965
  height: 5px !important;
1121
966
  }
1122
- .video-js.skin_news button.vjs-big-play-button {
967
+ .video-js.skin_news_live button.vjs-big-play-button {
1123
968
  width: 50px !important;
1124
969
  height: 50px !important;
1125
970
  font-size: 2.1rem !important;
@@ -1128,70 +973,59 @@
1128
973
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1129
974
  display: none;
1130
975
  }
1131
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
976
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1132
977
  bottom: 2.4em !important;
1133
978
  right: -1em;
1134
979
  z-index: 1;
1135
980
  }
1136
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
981
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1137
982
  display: none !important;
1138
983
  }
1139
984
 
1140
- .video-js.skin_news .vjs-text-track-display-ttml span {
1141
- color: white;
1142
- font-size: 13px;
1143
- background-color: black;
985
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
986
+ color: white !important;
987
+ font-size: 13px !important;
988
+ background-color: black !important;
1144
989
  }
1145
990
  }
1146
991
 
1147
- .video-js.skin_news .vjs-text-track-display-ttml span {
1148
- color: white;
1149
- font-size: 16px;
1150
- background-color: black;
992
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
993
+ width: 100% !important;
1151
994
  }
1152
995
 
1153
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
996
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
997
+ color: white !important;
998
+ font-size: 16px !important;
999
+ background-color: black !important;
1000
+ }
1001
+
1002
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1154
1003
  margin-bottom: 2rem !important;
1155
1004
  }
1156
1005
 
1157
- .video-js.skin_news .vjs-text-track-display-ttml p {
1006
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1158
1007
  font-size: 18px !important;
1159
1008
  }
1160
1009
 
1161
1010
 
1162
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1163
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1011
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1012
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1164
1013
  font-size: 1.2em !important;
1165
1014
  line-height: 1.5em !important;
1166
1015
  padding: 0.2em 0.8em !important;
1167
1016
  }
1168
1017
 
1169
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1018
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1170
1019
  content: none !important;
1171
1020
  fill: none !important;
1172
1021
  filter: none !important;
1173
1022
  }
1174
1023
 
1175
- /* svg icons opacity and hover effect */
1176
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1177
- opacity: 0.7 !important;
1178
- }
1179
-
1180
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1181
- opacity: 1 !important;
1182
- }
1183
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1184
- opacity: 0.7 !important;
1185
- }
1186
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1187
- opacity: 1 !important;
1188
- }
1189
-
1190
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1024
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1191
1025
  color: rgba(255, 255, 2555, 0.7)!important;
1192
1026
  }
1193
1027
 
1194
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1028
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1195
1029
  color: rgba(255, 255, 2555, 1)!important;
1196
1030
  }
1197
1031
 
@@ -1512,49 +1346,240 @@
1512
1346
  white-space: normal;
1513
1347
  text-align: left;
1514
1348
  }
1515
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1516
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1349
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1350
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1351
+ }
1352
+
1353
+ /* ---- responsive ---- */
1354
+ @media (max-width: 576px) {
1355
+ .video-js.skin_cn_news .vjs-control-bar {
1356
+ height: 3.2em !important;
1357
+ padding: 0 8px;
1358
+ }
1359
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1360
+ padding: 0 6px;
1361
+ }
1362
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1363
+ display: none !important;
1364
+ }
1365
+ }
1366
+
1367
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1368
+ height: 0.7em;
1369
+ position: absolute;
1370
+ top: -0.7em;
1371
+ width: 100%;
1372
+ }
1373
+
1374
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1375
+ height: 100%;
1376
+ }
1377
+
1378
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1379
+ line-height: 2.5;
1380
+ }
1381
+
1382
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1383
+ height: 19px;
1384
+ width: 19px;
1385
+ cursor: pointer;
1386
+ }
1387
+ .video-js.skin_vlone .vjs-control {
1388
+ user-select: none;
1389
+ }
1390
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1391
+ user-select: none;
1392
+ }
1393
+
1394
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1395
+ height: 19px;
1396
+ width: 19px;
1397
+ cursor: pointer;
1398
+ }
1399
+
1400
+ .video-js.skin_vlone .vjs-play-progress:before {
1401
+ display: none !important;
1402
+ }
1403
+
1404
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1405
+ margin: 0 !important;
1406
+
1407
+ }
1408
+
1409
+
1410
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1411
+ display: block;
1412
+ flex: 1 1 auto;
1413
+ }
1414
+
1415
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1416
+ z-index: 1;
1417
+ }
1418
+
1419
+
1420
+ .video-js.skin_vlone .vjs-control-bar {
1421
+ height: 40px;
1422
+ }
1423
+
1424
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1425
+ .vjs-button>.vjs-icon-placeholder:before {
1426
+ position: relative !important;
1427
+ }
1428
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1429
+ display: flex;
1430
+ left: 0px;
1431
+ top: -1px;
1432
+ }
1433
+
1434
+ .vjs-button>.vjs-icon-placeholder:before {
1435
+ font-size: 2em !important;
1436
+ }
1437
+
1438
+ .video-js.skin_vlone .vjs-control {
1439
+ width: 4.3em;
1440
+ }
1441
+
1442
+ .vjs-menu-button-popup .vjs-menu {
1443
+ bottom: 10px !important;
1444
+ }
1445
+
1446
+
1447
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1448
+ height: 1.3em;
1449
+ position: absolute;
1450
+ top: -1.3em;
1451
+ transition: height 0.3s, top 0.3s;
1452
+ }
1453
+
1454
+
1455
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1456
+ display: none !important;
1457
+ }
1458
+
1459
+ .video-js.skin_vlone .vjs-time-control {
1460
+ display: block;
1461
+ }
1462
+ .video-js.skin_vlone .vjs-remaining-time {
1463
+ display: none;
1464
+ }
1465
+
1466
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1467
+ line-height: 3.5em;
1468
+ font-size: 1.1em;
1469
+ min-width: 4em;
1470
+ }
1471
+
1472
+ .video-js.skin_vlone .vjs-time-divider > div{
1473
+ display: flex;
1474
+ justify-content: center;
1475
+ }
1476
+
1477
+ .video-js.skin_vlone .vjs-live-control{
1478
+ align-items: center;
1479
+ }
1480
+ .video-js.skin_vlone .vjs-live-display{
1481
+ height: 2.2em;
1482
+ display: flex;
1483
+ align-items: center;
1484
+ font-family: monospace;
1485
+ width: 4em;
1486
+ justify-content: center;
1487
+ background: red;
1488
+ margin: 4px 0px 4px 12px;
1489
+ }
1490
+ .video-js.skin_vlone .vjs-live-display:hover{
1491
+ cursor: pointer;
1492
+ }
1493
+
1494
+ .video-js.skin_vlone .vjs-time-control {
1495
+ line-height: 3.5em !important;
1496
+ font-size: 1.1em !important;
1497
+ width: min-content !important;
1498
+ min-width: 1.5em;
1499
+ padding: 0 !important;
1500
+ user-select: none;
1501
+ }
1502
+
1503
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1504
+ margin-left: 16px !important;
1505
+ }
1506
+
1507
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1508
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1509
+ font-size: 1.2em !important;
1510
+ line-height: 1.5em !important;
1511
+ padding: 0.2em 0.8em !important;
1512
+ }
1513
+
1514
+
1515
+ /* Big play */
1516
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1517
+ width: 80px;
1518
+ height: 80px;
1519
+ display: flex;
1520
+ justify-content: center;
1521
+ align-items: center;
1522
+ border: none;
1523
+ position: absolute;
1524
+ top: 0;
1525
+ left: 0;
1526
+ right: 0;
1527
+ bottom: 0;
1528
+ margin: auto;
1529
+ font-size: 5em;
1530
+ line-height: 1.3em;
1531
+ transform: none !important;
1532
+ border-radius: 1.3em;
1533
+ }
1534
+ .video-js.skin_vlone .ssai-ad-container{
1535
+ position: absolute;
1536
+ bottom: 4px;
1537
+ }
1538
+
1539
+ @media(max-width:600px){
1540
+ .video-js.skin_vlone button.vjs-big-play-button {
1541
+ width: 50px !important;
1542
+ height: 50px !important;
1543
+ font-size: 2.1rem !important;
1544
+ }
1545
+
1546
+ .video-js.skin_vlone .ssai-ad-container {
1547
+ position: absolute;
1548
+ bottom: 2px;
1549
+ }
1550
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1551
+ display: none;
1517
1552
  }
1518
1553
 
1519
- /* ---- responsive ---- */
1520
- @media (max-width: 576px) {
1521
- .video-js.skin_cn_news .vjs-control-bar {
1522
- height: 3.2em !important;
1523
- padding: 0 8px;
1524
- }
1525
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1526
- padding: 0 6px;
1527
- }
1528
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1529
- display: none !important;
1530
- }
1554
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1555
+ /* display: none; */
1531
1556
  }
1532
1557
 
1533
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1558
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1559
+ /* display: none; */
1560
+ }
1561
+ }
1562
+
1563
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1534
1564
  font-size: 2.2em;
1535
1565
  line-height: 2.6;
1536
1566
  }
1537
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1538
- background: #fcb700;
1567
+ .video-js.skin_mini{
1568
+ overflow: hidden;
1539
1569
  }
1540
- .video-js.skin_news_live .vjs-control-bar{
1570
+ .video-js.skin_mini .vjs-control-bar{
1541
1571
  z-index: 1 !important;
1542
- height: 5em !important;
1572
+ height: 4em !important;
1543
1573
  background: black !important;
1544
1574
  }
1545
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1546
- display: flex;
1547
- align-items: center;
1548
- justify-content: center;
1549
- }
1550
1575
 
1551
- .video-js.skin_news_live .vjs-fade>* {
1576
+ .video-js.skin_mini .vjs-fade>* {
1552
1577
  visibility: hidden !important;
1553
1578
  opacity: 0 !important;
1554
1579
  transition: visibility 1s, opacity 1s !important;
1555
1580
  }
1556
1581
 
1557
- .video-js.skin_news_live .custom-spaced-progress-bar {
1582
+ .video-js.skin_mini .custom-spaced-progress-bar {
1558
1583
  position: absolute;
1559
1584
  width: 100%;
1560
1585
  display: flex;
@@ -1562,7 +1587,7 @@
1562
1587
  top: -0.5em;
1563
1588
  }
1564
1589
 
1565
- .video-js.skin_news_live .vjs-progress-control {
1590
+ .video-js.skin_mini .vjs-progress-control {
1566
1591
  /* left: -6px; */
1567
1592
  position: relative;
1568
1593
  width: 100%;
@@ -1570,25 +1595,22 @@
1570
1595
  transition: height 0.1s, top 0.1s;
1571
1596
  }
1572
1597
 
1573
- .video-js.skin_news_live .vjs-volume-panel{
1574
- min-width: 5.3em;
1575
- }
1576
1598
 
1577
1599
 
1578
1600
 
1579
- .video-js.skin_news_live .vjs-custom-control-spacer {
1580
- /* display: block; */
1581
- /* flex: 1 1 auto; */
1601
+ .video-js.skin_mini .vjs-custom-control-spacer {
1602
+ display: block;
1603
+ flex: 1 1 auto;
1582
1604
  }
1583
1605
 
1584
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1606
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1585
1607
  margin: 0 0px 0 0px;
1586
1608
  }
1587
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1609
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1588
1610
  display: none;
1589
1611
  }
1590
1612
 
1591
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1613
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1592
1614
  font-size: 14px;
1593
1615
  font-weight: 500;
1594
1616
  align-self: center;
@@ -1597,199 +1619,207 @@
1597
1619
  border-radius: 8px;
1598
1620
  }
1599
1621
 
1600
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1601
- height: 6px !important;
1622
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1623
+ height: 5px !important;
1602
1624
  }
1603
1625
 
1604
- .video-js.skin_news_live .vjs-play-progress:before {
1605
- font-size: 1.5em;
1626
+ .video-js.skin_mini .vjs-play-progress:before {
1627
+ font-size: 1.3em;
1606
1628
  line-height: unset;
1607
1629
  top: -0.3333333333em;
1608
1630
  }
1609
1631
 
1610
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1632
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1611
1633
  display: none !important;
1612
1634
  }
1613
1635
 
1614
1636
  /* */
1615
- .video-js.skin_news_live .vjs-mouse-display{
1637
+ .video-js.skin_mini .vjs-mouse-display{
1616
1638
  font-size: 1.6666666667em;
1617
1639
  }
1618
1640
 
1619
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1641
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1620
1642
  font-size: 1em !important;
1621
1643
  }
1622
1644
 
1623
- .video-js.skin_news_live .vjs-button{
1624
- width: 5.3em;
1645
+ .video-js.skin_mini .vjs-button{
1646
+ width: 3em;
1625
1647
  display: flex;
1626
1648
  align-items: center;
1627
1649
  justify-content: center;
1628
1650
  }
1629
1651
 
1630
1652
 
1631
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1653
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1632
1654
  .icon-maximize {
1633
1655
  display: block;
1634
1656
  height: 32px;
1635
1657
  }
1636
1658
 
1637
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1659
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1638
1660
  line-height: 4;
1639
1661
  }
1640
1662
 
1641
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1663
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1642
1664
  .icon-minimize {
1643
1665
  display: none;
1644
1666
  height: 32px;
1645
1667
  }
1646
1668
 
1647
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1669
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1648
1670
  outline: none !important;
1649
- /* flex: 1; */
1650
- }
1651
- .video-js.skin_news_live .vjs-play-toggle-container{
1652
- display: flex;
1653
- flex: 1;
1654
- justify-content: center;
1655
1671
  }
1656
-
1657
-
1658
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1672
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1659
1673
  .vjs-icon-fullscreen-enter:before {
1660
1674
  /* content: '' !important; */
1661
1675
  }
1662
1676
 
1663
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1677
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1664
1678
  display: flex;
1665
1679
  justify-content: center;
1666
1680
  align-items: center;
1667
1681
  /* transform: rotate(90deg); */
1668
1682
  }
1669
1683
 
1670
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1684
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1671
1685
  display: none;
1672
1686
  }
1673
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1687
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1674
1688
  margin-left: -10px;
1689
+ display: none;
1675
1690
  }
1676
1691
 
1677
- .video-js.skin_news_live .skipbtn:hover{
1692
+ .video-js.skin_mini .vjs-loading-spinner {
1693
+ position: absolute;
1694
+ top: 50%;
1695
+ left: 50%;
1696
+ transform: translate(-50%, -50%);
1697
+ opacity: .85;
1698
+ text-align: left;
1699
+ border: .2em solid rgba(43, 51, 63, .7);
1700
+ box-sizing: border-box;
1701
+ background-clip: padding-box;
1702
+ width: 3em;
1703
+ height: 3em;
1704
+ border-radius: 50%;
1705
+ visibility: hidden;
1706
+ }
1707
+
1708
+ .video-js.skin_mini .skipbtn:hover{
1678
1709
  cursor: pointer;
1679
1710
  }
1680
1711
 
1681
- .video-js.skin_news_live .rewindbtn:hover{
1712
+ .video-js.skin_mini .rewindbtn:hover{
1682
1713
  cursor: pointer;
1683
1714
  }
1684
1715
 
1685
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1716
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1686
1717
  position: relative;
1687
1718
  padding-left: 0;
1688
1719
  }
1689
1720
 
1690
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1691
- display: none !important;
1721
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1722
+ width: 40px;
1723
+ height: 40px;
1724
+ display: flex;
1725
+ justify-content: center;
1726
+ align-items: center;
1727
+ border: none;
1728
+ position: absolute;
1729
+ top: 0;
1730
+ left: 0;
1731
+ right: 0;
1732
+ bottom: 0;
1733
+ margin: auto;
1734
+ font-size: 3em;
1735
+ line-height: 1.3em;
1736
+ transform: none !important;
1737
+ border-radius: 1.3em;
1692
1738
  }
1693
1739
 
1694
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1695
- /* width: 90px;
1696
- height: 90px;
1697
- display: flex;
1698
- justify-content: center;
1699
- align-items: center;
1700
- border-radius: 50%;
1701
- position: absolute;
1702
- top: 0;
1703
- left: 0;
1704
- right: 0;
1705
- bottom: 0;
1706
- margin: auto;
1707
- font-size: 6em;
1708
- line-height: 1.4em;
1709
- border: 0.05em solid;
1710
- color: inherit; */
1711
- display: none !important;
1712
- }
1713
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1740
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1714
1741
  font-weight: bold;
1715
1742
  }
1716
1743
 
1717
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1718
- bottom: 2.4em !important;
1719
- right: -1em;
1744
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1745
+ bottom: 1.1em !important;
1746
+ right: 1em;
1720
1747
  z-index: 1;
1748
+ font-size: 10px;
1721
1749
  }
1722
1750
 
1723
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1751
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1724
1752
  width: 24px !important;
1725
1753
  height: 24px !important;
1726
1754
  }
1727
- .settings-selector-icon>svg{
1755
+ .video-js.skin_mini .settings-selector-icon>svg{
1728
1756
  height: 19px !important;
1729
1757
  width: 19px !important;
1730
1758
  }
1731
1759
 
1732
1760
 
1733
- .video-js.skin_news_live button.vjs-rewind-button{
1761
+ .video-js.skin_mini button.vjs-rewind-button{
1734
1762
  cursor: pointer;
1735
1763
  }
1736
1764
 
1737
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1765
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1738
1766
  padding-right: 0;
1739
- display: none;
1740
1767
  }
1741
1768
 
1742
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1769
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1743
1770
  padding-left: 0;
1744
- display: none;
1745
1771
  }
1746
1772
 
1747
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1773
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1748
1774
  padding-left: 0;
1749
1775
  padding-right: 0;
1750
- display: none;
1776
+ display: flex;
1777
+ justify-content: center;
1778
+ width: min-content;
1751
1779
  }
1752
1780
 
1753
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1781
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1754
1782
  display: none
1755
1783
  }
1756
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1784
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1757
1785
  display: none
1758
1786
  }
1759
1787
 
1760
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1761
- display: flex;
1762
- align-items: center;
1763
- font-weight: 700;
1764
- font-size: 12px;
1765
- min-width: 1.2em;
1788
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1789
+ display: flex;
1790
+ align-items: center;
1791
+ font-weight: 700;
1792
+ font-size: 9px;
1793
+ min-width: 0.8em;
1794
+ padding-left: 0;
1766
1795
  }
1767
1796
 
1768
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1797
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1769
1798
  display: none;
1770
1799
  font-size: 11px;
1771
1800
  justify-content: center;
1772
1801
  align-items: center;
1773
1802
  user-select: none;
1774
1803
  }
1775
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1804
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1776
1805
  display: none;
1777
1806
  }
1778
1807
 
1779
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1808
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1780
1809
  height: min-content;
1781
1810
  width: min-content;
1782
1811
  }
1783
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1784
- width: 6em;
1812
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1813
+ width: 3em;
1814
+ margin-right: 4px;
1785
1815
  }
1786
1816
 
1787
- .video-js.skin_news_live .content{
1817
+ .video-js.skin_mini .content{
1788
1818
  bottom: 3.4rem !important;
1789
1819
  right: -4rem !important;
1790
1820
  }
1791
1821
 
1792
- .setting-icon > svg{
1822
+ .video-js.skin_mini .setting-icon > svg{
1793
1823
  height:18px !important;
1794
1824
  }
1795
1825
 
@@ -1803,16 +1833,16 @@
1803
1833
  pointer-events:none
1804
1834
  }
1805
1835
 
1806
- .video-js.skin_news_live iframe{
1836
+ .video-js.skin_mini iframe{
1807
1837
  width: 100%;
1808
1838
  height: 100%;
1809
1839
  }
1810
1840
 
1811
- .video-js.skin_news_live .vjs-live-control{
1841
+ .video-js.skin_mini .vjs-live-control{
1812
1842
  align-items: center;
1813
- display: none;
1843
+ max-width: 5em;
1814
1844
  }
1815
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1845
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1816
1846
  height: 2.2em;
1817
1847
  display: flex;
1818
1848
  align-items: center;
@@ -1820,218 +1850,188 @@
1820
1850
  width: 4em;
1821
1851
  justify-content: center;
1822
1852
  background: red;
1823
- margin: 4px 0px 4px 12px;
1824
- }
1825
-
1826
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1827
- text-shadow: none;
1828
- }
1829
-
1830
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1831
- display: flex;
1832
- justify-content: center;
1833
- min-width: 5.3em;
1834
- pointer-events: none;
1835
- user-select: none;
1836
- }
1837
-
1838
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1839
- color: white;
1853
+ margin: 4px 0px 4px 2px;
1840
1854
  }
1841
1855
 
1856
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1857
+ text-shadow: none;
1858
+ }
1859
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1860
+ display: none;
1861
+ font-size: 12px;
1862
+ }
1842
1863
 
1843
- .settings-selection.vjs-control.vjs-button{
1844
- display: flex !important;
1864
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1865
+ height: 1.8em;
1866
+ display: inline-flex;
1867
+ align-items: center;
1868
+ font-family: monospace;
1869
+ justify-content: center;
1870
+ border: 1.5px solid;
1871
+ margin: 4px 0px 4px 2px;
1872
+ white-space: pre;
1873
+ padding: 2px 4px;
1874
+ font-size: 1.2em;
1875
+ font-weight: 500;
1876
+ color: rgba(255, 255, 2555, 0.7);
1845
1877
  }
1846
1878
 
1847
- @media(max-width:576px){
1848
- .settings-selection.vjs-control.vjs-button{
1849
- display: none !important;
1850
- }
1879
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1880
+ content: "NOT LIVE";
1881
+ word-spacing: -4px;
1851
1882
  }
1852
1883
 
1853
1884
 
1854
- @media(max-width:576px){
1885
+ @media(max-width:600px){
1855
1886
  .tvProviderImage{
1856
1887
  display: none
1857
1888
  }
1858
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1889
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1859
1890
  .icon-maximize {
1860
1891
  height: 30px !important;
1861
1892
  }
1862
1893
 
1863
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1894
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1864
1895
  .icon-minimize {
1865
1896
  height: 30px !important;
1866
1897
  }
1867
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1868
- width: 4.5em;
1898
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1899
+ width: 3.5em;
1869
1900
  }
1870
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1901
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1871
1902
  height: min-content;
1872
1903
  }
1873
1904
 
1874
- .video-js.skin_news_live button.vjs-slowmo-button{
1905
+ .video-js.skin_mini button.vjs-slowmo-button{
1875
1906
  display: none;
1876
1907
  }
1877
- .video-js.skin_news_live button.vjs-rewind-button{
1908
+ .video-js.skin_mini button.vjs-rewind-button{
1878
1909
  display: none;
1879
1910
  }
1880
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1911
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1881
1912
  height: 20px;
1882
1913
  }
1883
- .video-js.skin_news_live .vjs-button{
1884
- width: 4.8em;
1914
+ .video-js.skin_mini .vjs-button{
1915
+ width: 3em;
1885
1916
  }
1886
- .video-js.skin_news_live .widget-selection{
1917
+ .video-js.skin_mini .widget-selection{
1887
1918
  display: none;
1888
1919
  }
1889
- .video-js.skin_news_live .container{
1920
+ .video-js.skin_mini .container{
1890
1921
  display: none !important;
1891
1922
  }
1892
- .video-js.skin_news_live .vjs-control-bar{
1923
+ .video-js.skin_mini .vjs-control-bar{
1893
1924
  height: 4em !important;
1894
1925
  }
1895
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1926
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1896
1927
  font-size: 2.5em;
1897
1928
  line-height: 1.5;
1898
1929
  }
1899
- .video-js.skin_news_live .vjs-play-progress:before {
1930
+ .video-js.skin_mini .vjs-play-progress:before {
1900
1931
  font-size: 1.2em;
1901
1932
  position: absolute;
1902
1933
  right: -0.5em;
1903
1934
  z-index: 1;
1904
1935
  }
1905
- .video-js.skin_news_live button.vjs-skip-button>svg{
1936
+ .video-js.skin_mini button.vjs-skip-button>svg{
1906
1937
  height: 20px;
1907
1938
  }
1908
- .video-js.skin_news_live button.vjs-big-play-button {
1909
- width: 50px !important;
1910
- height: 50px !important;
1911
- font-size: 2.1rem !important;
1912
- }
1913
1939
 
1914
1940
  .stream-selector-icon>svg{
1915
1941
  width: 24px;
1916
1942
  height: 24px;
1917
1943
  }
1918
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1919
- margin: 0 12px 0 12px;
1920
- }
1921
- .video-js.skin_news_live .vjs-seek-to-live-text{
1944
+ .video-js.skin_mini .vjs-seek-to-live-text{
1922
1945
  font-size: 12px;
1923
1946
  }
1924
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1925
- margin: 0 12px 0 12px;
1947
+
1948
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1949
+ color: white !important;
1950
+ font-size: 16px !important;
1951
+ background-color: rgba(0,0,0,0.2) !important;
1952
+ }
1926
1953
  }
1954
+
1955
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1956
+ color: white !important;
1957
+ font-size: 16px !important;
1958
+ background-color: rgba(0,0,0,0.2) !important;
1927
1959
  }
1928
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1929
- width: 90px;
1930
- height: 90px;
1931
- display: flex;
1932
- justify-content: center;
1933
- align-items: center;
1934
- border-radius: 50%;
1935
- position: absolute;
1936
- top: 0;
1937
- left: 0;
1938
- right: 0;
1939
- bottom: 0;
1940
- margin: auto;
1941
- font-size: 6em;
1942
- line-height: 1.4em;
1960
+
1961
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1962
+ font-size: 18px !important;
1943
1963
  }
1944
1964
 
1945
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1965
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1966
+ margin-bottom: 1rem !important;
1967
+ }
1968
+
1969
+
1970
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1946
1971
  display: flex;
1947
1972
  justify-content: center;
1948
1973
  align-items: center;
1949
1974
  height: 100%;
1950
1975
  transition: width 0.1s;
1951
1976
  }
1977
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1978
+ margin: 2px;
1979
+ }
1952
1980
 
1953
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1981
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1954
1982
  display: flex;
1955
1983
  justify-content: center;
1956
1984
  align-items: center;
1957
1985
  height: 100%;
1958
1986
  transition: width 0.1s;
1959
1987
  }
1960
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1961
- display: none !important;
1988
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1989
+ display: grid;
1990
+ font-size: 10px;
1991
+ grid-template-columns: 1fr;
1992
+ grid-template-rows: 1fr;
1993
+ padding: 1px 0px 0 0px;
1994
+ margin: 0;
1962
1995
  }
1963
1996
 
1964
- @media (max-width: 576px) {
1965
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1997
+ @media (max-width: 600px) {
1998
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1966
1999
  height: 5px !important;
1967
2000
  }
1968
- .video-js.skin_news_live button.vjs-big-play-button {
1969
- width: 50px !important;
1970
- height: 50px !important;
1971
- font-size: 2.1rem !important;
1972
- }
1973
2001
 
1974
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2002
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1975
2003
  display: none;
1976
2004
  }
1977
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1978
- bottom: 2.4em !important;
1979
- right: -1em;
1980
- z-index: 1;
1981
- }
1982
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1983
- display: none !important;
1984
- }
1985
-
1986
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1987
- color: white !important;
1988
- font-size: 13px !important;
1989
- background-color: black !important;
1990
- }
1991
- }
1992
-
1993
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1994
- width: 100% !important;
1995
- }
1996
-
1997
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1998
- color: white !important;
1999
- font-size: 16px !important;
2000
- background-color: black !important;
2001
- }
2002
2005
 
2003
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
2004
- margin-bottom: 2rem !important;
2005
2006
  }
2006
2007
 
2007
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
2008
- font-size: 18px !important;
2008
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
2009
+ content: none !important;
2010
+ fill: none !important;
2011
+ filter: none !important;
2009
2012
  }
2010
2013
 
2011
-
2012
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
2013
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
2014
- font-size: 1.2em !important;
2015
- line-height: 1.5em !important;
2016
- padding: 0.2em 0.8em !important;
2014
+ /* svg icons opacity and hover effect */
2015
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2016
+ opacity: 0.7 !important;
2017
2017
  }
2018
2018
 
2019
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
2020
- content: none !important;
2021
- fill: none !important;
2022
- filter: none !important;
2019
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2020
+ opacity: 1 !important;
2023
2021
  }
2024
2022
 
2025
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2023
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2026
2024
  color: rgba(255, 255, 2555, 0.7)!important;
2027
2025
  }
2028
2026
 
2029
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2027
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2030
2028
  color: rgba(255, 255, 2555, 1)!important;
2031
2029
  }
2032
2030
 
2033
2031
 
2034
2032
 
2033
+
2034
+
2035
2035
  /* CSS for videojs-dvr-seekbar */
2036
2036
 
2037
2037
  .video-js.vjs-dvr-seekbar {
@@ -2294,6 +2294,7 @@
2294
2294
 
2295
2295
 
2296
2296
 
2297
+
2297
2298
  .vjs-custom-big-mute.vjs-control{
2298
2299
  position: absolute;
2299
2300
  align-items: center;
@@ -2342,7 +2343,6 @@
2342
2343
  width: 22px;
2343
2344
  }
2344
2345
 
2345
-
2346
2346
  /* nextep — up-next card (centered in player, scales with player size) */
2347
2347
  .video-js:has(.next-ep-preview),
2348
2348
  .video-js:has(.next-ep-preview-player-thumb) {
@@ -2631,6 +2631,38 @@
2631
2631
  z-index: 30 !important;
2632
2632
  }
2633
2633
 
2634
+ /* a wrapper element that tracks the mouse vertically */
2635
+ .vjs-thumbnail-holder {
2636
+ position: absolute;
2637
+ left: -1000px;
2638
+ }
2639
+
2640
+ /* the thumbnail image itself */
2641
+ .vjs-thumbnail {
2642
+ position: absolute;
2643
+ left: 0;
2644
+ bottom: 1.3em;
2645
+ opacity: 0;
2646
+ transition: opacity .2s ease;
2647
+ -webkit-transition: opacity .2s ease;
2648
+ -moz-transition: opacity .2s ease;
2649
+ -mz-transition: opacity .2s ease;
2650
+ }
2651
+
2652
+ /* fade in the thumbnail when hovering over the progress bar */
2653
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2654
+ .vjs-progress-control:hover .vjs-thumbnail,
2655
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2656
+ .vjs-progress-control:active .vjs-thumbnail {
2657
+ opacity: 1;
2658
+ }
2659
+
2660
+ /* ... but hide the thumbnail when hovering directly over it */
2661
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2662
+ .vjs-progress-control:active .vjs-thumbnail:active {
2663
+ opacity: 0;
2664
+ }
2665
+
2634
2666
  .video-js.vjs-quality-menu {
2635
2667
  display: block;
2636
2668
  }
@@ -2701,38 +2733,6 @@
2701
2733
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2702
2734
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2703
2735
  }
2704
- /* a wrapper element that tracks the mouse vertically */
2705
- .vjs-thumbnail-holder {
2706
- position: absolute;
2707
- left: -1000px;
2708
- }
2709
-
2710
- /* the thumbnail image itself */
2711
- .vjs-thumbnail {
2712
- position: absolute;
2713
- left: 0;
2714
- bottom: 1.3em;
2715
- opacity: 0;
2716
- transition: opacity .2s ease;
2717
- -webkit-transition: opacity .2s ease;
2718
- -moz-transition: opacity .2s ease;
2719
- -mz-transition: opacity .2s ease;
2720
- }
2721
-
2722
- /* fade in the thumbnail when hovering over the progress bar */
2723
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2724
- .vjs-progress-control:hover .vjs-thumbnail,
2725
- .vjs-progress-control.fake-active .vjs-thumbnail,
2726
- .vjs-progress-control:active .vjs-thumbnail {
2727
- opacity: 1;
2728
- }
2729
-
2730
- /* ... but hide the thumbnail when hovering directly over it */
2731
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2732
- .vjs-progress-control:active .vjs-thumbnail:active {
2733
- opacity: 0;
2734
- }
2735
-
2736
2736
  .vjs-poster {
2737
2737
  display: inline-block;
2738
2738
  vertical-align: middle;