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