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