@viewlift/player-backup 2.0.310-backup → 2.0.311-backup

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/cjs/{autoNextVideo-405fbb9c.js → autoNextVideo-fc2b431a.js} +1 -1
  2. package/cjs/bundle.css +806 -806
  3. package/cjs/{features-497aa685.js → features-82d9ca88.js} +1 -1
  4. package/cjs/generic-4ce1f920.js +1 -0
  5. package/cjs/{index-eed20004.js → index-6eb3b36c.js} +1 -1
  6. package/cjs/{index-a3c4762d.js → index-797d8a32.js} +1 -1
  7. package/cjs/{index-160bf3cf.js → index-b1300549.js} +1 -1
  8. package/cjs/{index-1b1814b2.js → index-f1e5b1d5.js} +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/{multicamv2-b7179cca.js → multicamv2-23894cf4.js} +1 -1
  11. package/cjs/{multicamv2-d97aac93.js → multicamv2-25a94798.js} +1 -1
  12. package/cjs/{nextEpisodeButton-d8673023.js → nextEpisodeButton-aefe2360.js} +1 -1
  13. package/cjs/{playlist-da78386b.js → playlist-5c5ae2cc.js} +1 -1
  14. package/cjs/{series-a44ff797.js → series-53707da1.js} +1 -1
  15. package/cjs/{series-v2-f583f57c.js → series-v2-0a721372.js} +1 -1
  16. package/cjs/{series-v2-d70b0c21.js → series-v2-9ce94819.js} +1 -1
  17. package/cjs/{skin-986ee45f.js → skin-01efeb40.js} +1 -1
  18. package/cjs/{skin-fe84f7e4.js → skin-1ccfd6d0.js} +1 -1
  19. package/cjs/{skin-765eaa0a.js → skin-467293c8.js} +1 -1
  20. package/cjs/{skin-b8d21775.js → skin-7ec3be36.js} +1 -1
  21. package/cjs/{skin-329840ee.js → skin-83ddc49a.js} +1 -1
  22. package/cjs/{skin-645e94e3.js → skin-880a2f6b.js} +1 -1
  23. package/cjs/{skin-64a712c1.js → skin-9d5d2398.js} +1 -1
  24. package/cjs/{skin-ca777bf7.js → skin-bf731683.js} +1 -1
  25. package/cjs/{skin-125b2f1b.js → skin-c583857e.js} +1 -1
  26. package/cjs/{skin-43fd6f9f.js → skin-cfb04340.js} +1 -1
  27. package/cjs/{videoSelector-dd2d5324.js → videoSelector-2c01eb95.js} +1 -1
  28. package/cjs/{videoSelector-78d2a88e.js → videoSelector-c73db767.js} +1 -1
  29. package/esm/{autoNextVideo-8969c6df.js → autoNextVideo-87c3e2a1.js} +1 -1
  30. package/esm/bundle.css +806 -806
  31. package/esm/{features-412626fb.js → features-bb94cb4f.js} +1 -1
  32. package/esm/{generic-34f78811.js → generic-eb5ecc78.js} +1 -1
  33. package/esm/{index-06ad6212.js → index-3d5ab252.js} +1 -1
  34. package/esm/{index-5e82fbd8.js → index-54dd8002.js} +1 -1
  35. package/esm/{index-88ef87d6.js → index-6b1a53a6.js} +1 -1
  36. package/esm/{index-7fc11ec8.js → index-bf078f35.js} +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/{multicamv2-6816cd94.js → multicamv2-1d7d506c.js} +1 -1
  39. package/esm/{multicamv2-5850afc8.js → multicamv2-49e47601.js} +1 -1
  40. package/esm/{nextEpisodeButton-5c8edd3e.js → nextEpisodeButton-b81b9816.js} +1 -1
  41. package/esm/{playlist-dd6e58b6.js → playlist-344f2c42.js} +1 -1
  42. package/esm/{series-74ab47cc.js → series-5fe561c3.js} +1 -1
  43. package/esm/{series-v2-15df8835.js → series-v2-61c35597.js} +1 -1
  44. package/esm/{series-v2-3b5e2560.js → series-v2-85bfd9eb.js} +1 -1
  45. package/esm/{skin-1ffbc63d.js → skin-497e0641.js} +1 -1
  46. package/esm/{skin-45f8682c.js → skin-4c3bb9d8.js} +1 -1
  47. package/esm/{skin-a02fbfbe.js → skin-75142274.js} +1 -1
  48. package/esm/{skin-b236cc43.js → skin-872cc671.js} +1 -1
  49. package/esm/{skin-b2991b04.js → skin-991aeb3d.js} +1 -1
  50. package/esm/{skin-29b49d84.js → skin-a5c5b87f.js} +1 -1
  51. package/esm/{skin-212eda31.js → skin-b575a309.js} +1 -1
  52. package/esm/{skin-9aeadb01.js → skin-c4422c7c.js} +1 -1
  53. package/esm/{skin-f24e5bea.js → skin-cccac219.js} +1 -1
  54. package/esm/{skin-e26bb2ef.js → skin-dd8b0e02.js} +1 -1
  55. package/esm/{videoSelector-a5e0df6e.js → videoSelector-93d7b4c1.js} +1 -1
  56. package/esm/{videoSelector-0713849a.js → videoSelector-ea4bd7c8.js} +1 -1
  57. package/package.json +1 -1
  58. package/cjs/generic-215f4b2f.js +0 -1
package/cjs/bundle.css CHANGED
@@ -1,338 +1,509 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_cn_news .vjs-control-bar {
5
- z-index: 1 !important;
6
- height: auto !important;
7
- padding: 0.8em 30px 0.6em;
8
- background: transparent !important;
9
- display: flex;
10
- flex-wrap: wrap;
11
- align-items: center;
12
- column-gap: 10px;
13
- }
14
4
 
15
-
16
- .video-js.skin_cn_news .vjs-control-bar::before {
17
- content: '';
18
- position: absolute;
19
- left: 0;
20
- right: 0;
21
- bottom: 0;
22
- top: -3em;
23
- background: linear-gradient(
24
- to top,
25
- rgba(0, 0, 0, 0.85) 0%,
26
- rgba(0, 0, 0, 0.7) 40%,
27
- rgba(0, 0, 0, 0.55) 70%,
28
- rgba(0, 0, 0, 0.38) 86%,
29
- transparent 100%
30
- );
31
- pointer-events: none;
32
- z-index: -1;
5
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
6
+ font-size: 2.2em;
7
+ line-height: 2.6;
33
8
  }
34
-
35
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
36
- order: -1;
37
- flex: 0 0 100%;
38
- width: 80%;
39
- margin: 0 0 5em;
40
- position: relative;
9
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
10
+ background: #fcb700;
41
11
  }
42
-
43
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
44
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
45
- width: auto;
46
- min-width: 0;
12
+ .video-js.skin_news_live .vjs-control-bar{
13
+ z-index: 1 !important;
14
+ height: 5em !important;
15
+ background: black !important;
47
16
  }
48
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
49
- display: inline-flex;
17
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
18
+ display: flex;
50
19
  align-items: center;
51
20
  justify-content: center;
52
- height: 7em;
53
- padding: 0 10px;
54
- color: #fff;
55
21
  }
56
22
 
57
- .video-js.skin_cn_news .vjs-svg-icon::before {
58
- content: none !important;
23
+ .video-js.skin_news_live .vjs-fade>* {
24
+ visibility: hidden !important;
25
+ opacity: 0 !important;
26
+ transition: visibility 1s, opacity 1s !important;
59
27
  }
60
28
 
29
+ .video-js.skin_news_live .custom-spaced-progress-bar {
30
+ position: absolute;
31
+ width: 100%;
32
+ display: flex;
33
+ height: 0.5em;
34
+ top: -0.5em;
35
+ }
61
36
 
62
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
63
- display: inline-flex;
64
- align-items: center;
65
- justify-content: center;
37
+ .video-js.skin_news_live .vjs-progress-control {
38
+ /* left: -6px; */
39
+ position: relative;
40
+ width: 100%;
41
+ height: 0.5em;
42
+ transition: height 0.1s, top 0.1s;
66
43
  }
67
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
68
- .video-js.skin_cn_news .vjs-rewind-button svg {
69
- width: 24px;
70
- height: 24px;
71
- display: block;
44
+
45
+ .video-js.skin_news_live .vjs-volume-panel{
46
+ min-width: 5.3em;
72
47
  }
73
48
 
74
49
 
75
50
 
76
- .video-js.skin_cn_news .vjs-subs-caps-button {
77
- opacity: 1;
51
+ .video-js.skin_news_live .vjs-custom-control-spacer {
52
+ /* display: block; */
53
+ /* flex: 1 1 auto; */
78
54
  }
79
55
 
56
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
57
+ margin: 0 0px 0 0px;
58
+ }
59
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
60
+ display: none;
61
+ }
80
62
 
81
-
82
- .video-js.skin_cn_news .vjs-volume-panel {
83
- margin: 0;
84
- display: inline-flex;
85
- align-items: center;
63
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
64
+ font-size: 14px;
65
+ font-weight: 500;
86
66
  align-self: center;
87
- height: 2.2em;
88
- min-width: 7em;
89
- transition: none;
67
+ height: min-content;
68
+ padding: 5px 2px;
69
+ border-radius: 8px;
90
70
  }
91
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
92
- width: 0;
93
- height: 100%;
94
- display: flex;
95
- align-items: center;
96
- overflow: hidden;
97
- opacity: 0;
98
- transition: width 0.15s ease, opacity 0.15s ease;
71
+
72
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
73
+ height: 6px !important;
99
74
  }
100
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
101
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
102
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
103
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
104
- width: 5em;
105
- opacity: 1;
75
+
76
+ .video-js.skin_news_live .vjs-play-progress:before {
77
+ font-size: 1.5em;
78
+ line-height: unset;
79
+ top: -0.3333333333em;
106
80
  }
107
81
 
108
- .video-js.skin_cn_news .vjs-volume-bar {
109
- width: 4em;
110
- height: 0.3em;
111
- margin: 0 0.45em;
82
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
83
+ display: none !important;
112
84
  }
113
85
 
86
+ /* */
87
+ .video-js.skin_news_live .vjs-mouse-display{
88
+ font-size: 1.6666666667em;
89
+ }
114
90
 
115
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
116
- display: none !important;
91
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
92
+ font-size: 1em !important;
117
93
  }
118
94
 
119
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
120
- width: 0 !important;
95
+ .video-js.skin_news_live .vjs-button{
96
+ width: 5.3em;
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: center;
121
100
  }
122
101
 
123
102
 
124
- .video-js.skin_cn_news .vjs-custom-control-spacer {
125
- display: block !important;
126
- flex: 1 1 auto;
103
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
104
+ .icon-maximize {
105
+ display: block;
106
+ height: 32px;
127
107
  }
128
108
 
109
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
110
+ line-height: 4;
111
+ }
129
112
 
130
- .video-js.skin_cn_news .vjs-big-play-button {
131
- display: none;
113
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
114
+ .icon-minimize {
115
+ display: none;
116
+ height: 32px;
132
117
  }
133
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
134
- position: relative !important;
135
- display: flex;
136
- left: 0;
137
- top: -1px;
118
+
119
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
120
+ outline: none !important;
121
+ /* flex: 1; */
138
122
  }
139
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
123
+ .video-js.skin_news_live .vjs-play-toggle-container{
140
124
  display: flex;
125
+ flex: 1;
141
126
  justify-content: center;
142
- align-items: center;
143
- position: absolute;
144
- top: 0;
145
- left: 0;
146
- right: 0;
147
- bottom: 0;
148
- margin: auto;
149
- width: 80px;
150
- height: 80px;
151
- border: none;
152
- border-radius: 50%;
153
- background: rgba(0, 0, 0, 0.55);
154
- font-size: 5em;
155
- line-height: 1.3em;
156
- transform: none !important;
157
127
  }
158
128
 
159
129
 
160
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
161
- height: 4px !important;
162
- margin: 0;
163
- border-radius: 20px;
164
- background-color: #393944;
130
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
131
+ .vjs-icon-fullscreen-enter:before {
132
+ /* content: '' !important; */
165
133
  }
166
134
 
167
- .video-js.skin_cn_news .vjs-play-progress {
168
- background-color: #ffffff;
169
- border-radius: 20px;
135
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
136
+ display: flex;
137
+ justify-content: center;
138
+ align-items: center;
139
+ /* transform: rotate(90deg); */
170
140
  }
171
141
 
172
- .video-js.skin_cn_news .vjs-load-progress,
173
- .video-js.skin_cn_news .vjs-load-progress div {
174
- background: rgba(255, 255, 255, 0.15);
175
- border-radius: 20px;
142
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
143
+ display: none;
144
+ }
145
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
146
+ margin-left: -10px;
176
147
  }
177
148
 
178
-
179
- .video-js.skin_cn_news .vjs-play-progress:before {
180
- content: '';
181
- width: 16px;
182
- height: 16px;
183
- border-radius: 50%;
184
- background: #ffffff;
185
- border: 2px solid rgba(0, 0, 0, 0.6);
186
- box-sizing: border-box;
187
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
188
- top: -6px;
189
- right: -8px;
190
- position: absolute;
149
+ .video-js.skin_news_live .skipbtn:hover{
150
+ cursor: pointer;
191
151
  }
192
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
193
- display: none !important;
152
+
153
+ .video-js.skin_news_live .rewindbtn:hover{
154
+ cursor: pointer;
194
155
  }
195
156
 
196
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
197
- background: #ffffff;
198
- color: #0a0e17;
199
- font-weight: 700;
200
- border-radius: 3px;
157
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
158
+ position: relative;
159
+ padding-left: 0;
201
160
  }
202
161
 
203
- .video-js.skin_cn_news .vjs-live-control {
204
- display: none !important;
162
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
163
+ display: none !important;
205
164
  }
206
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
207
- display: inline-flex;
208
- align-items: center;
209
- align-self: center;
210
- height: 2.2em;
211
- gap: 5px;
212
- width: auto;
213
- padding: 0 10px;
214
- border: 1px solid rgba(255, 255, 255, 0.45);
215
- border-radius: 4px;
165
+
166
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
167
+ /* width: 90px;
168
+ height: 90px;
169
+ display: flex;
170
+ justify-content: center;
171
+ align-items: center;
172
+ border-radius: 50%;
173
+ position: absolute;
174
+ top: 0;
175
+ left: 0;
176
+ right: 0;
177
+ bottom: 0;
178
+ margin: auto;
179
+ font-size: 6em;
180
+ line-height: 1.4em;
181
+ border: 0.05em solid;
182
+ color: inherit; */
183
+ display: none !important;
184
+ }
185
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
186
+ font-weight: bold;
187
+ }
188
+
189
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
190
+ bottom: 2.4em !important;
191
+ right: -1em;
192
+ z-index: 1;
193
+ }
194
+
195
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
196
+ width: 24px !important;
197
+ height: 24px !important;
198
+ }
199
+ .settings-selector-icon>svg{
200
+ height: 19px !important;
201
+ width: 19px !important;
202
+ }
203
+
204
+
205
+ .video-js.skin_news_live button.vjs-rewind-button{
216
206
  cursor: pointer;
217
207
  }
218
208
 
219
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
209
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
210
+ padding-right: 0;
220
211
  display: none;
221
212
  }
222
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
223
- display: inline-flex;
224
- align-items: center;
213
+
214
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
215
+ padding-left: 0;
216
+ display: none;
225
217
  }
226
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
227
- content: '';
228
- display: inline-block;
229
- width: 8px;
230
- height: 8px;
231
- border-radius: 50%;
232
- background: #ff2d2d; /* red live dot */
218
+
219
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
220
+ padding-left: 0;
221
+ padding-right: 0;
222
+ display: none;
233
223
  }
234
- .video-js.skin_cn_news .vjs-seek-to-live-text {
235
- color: #ffffff;
224
+
225
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
226
+ display: none
227
+ }
228
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
229
+ display: none
230
+ }
231
+
232
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
233
+ display: flex;
234
+ align-items: center;
236
235
  font-weight: 700;
237
236
  font-size: 12px;
238
- letter-spacing: 0.03em;
237
+ min-width: 1.2em;
239
238
  }
240
239
 
241
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
242
- border-color: transparent;
240
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
241
+ display: none;
242
+ font-size: 11px;
243
+ justify-content: center;
244
+ align-items: center;
245
+ user-select: none;
243
246
  }
244
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
245
- color: #ff2d2d;
247
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
248
+ display: none;
246
249
  }
247
250
 
248
- /* ---- time controls ---- */
249
- .video-js.skin_cn_news .vjs-current-time,
250
- .video-js.skin_cn_news .vjs-duration,
251
- .video-js.skin_cn_news .vjs-time-divider {
252
- display: none !important;
251
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
252
+ height: min-content;
253
+ width: min-content;
253
254
  }
254
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
255
- display: none;
255
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
256
+ width: 6em;
257
+ }
258
+
259
+ .video-js.skin_news_live .content{
260
+ bottom: 3.4rem !important;
261
+ right: -4rem !important;
262
+ }
263
+
264
+ .setting-icon > svg{
265
+ height:18px !important;
266
+ }
267
+
268
+ .output-overlay{
269
+ position: absolute;
270
+ bottom: 0;
271
+ height: 100%;
272
+ width: 100%;
273
+ z-index: 0;
274
+ border: 0;
275
+ pointer-events:none
276
+ }
277
+
278
+ .video-js.skin_news_live iframe{
279
+ width: 100%;
280
+ height: 100%;
281
+ }
282
+
283
+ .video-js.skin_news_live .vjs-live-control{
284
+ align-items: center;
285
+ display: none;
286
+ }
287
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
288
+ height: 2.2em;
289
+ display: flex;
256
290
  align-items: center;
291
+ font-family: monospace;
292
+ width: 4em;
257
293
  justify-content: center;
258
- font-size: 11px;
259
- font-weight: 700;
260
- color: #fff;
261
- padding: 0 6px;
294
+ background: red;
295
+ margin: 4px 0px 4px 12px;
296
+ }
297
+
298
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
299
+ text-shadow: none;
300
+ }
301
+
302
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
303
+ display: flex;
304
+ justify-content: center;
305
+ min-width: 5.3em;
306
+ pointer-events: none;
262
307
  user-select: none;
263
308
  }
264
309
 
310
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
311
+ color: white;
312
+ }
313
+
265
314
 
266
- .video-js.skin_cn_news .vjs-chapter-marker {
267
- z-index: 2;
268
- width: var(--vl-chapter-size, 8px);
269
- height: var(--vl-chapter-size, 8px);
270
- top: 50%;
271
- bottom: auto;
272
- background: var(--vl-chapter-color, #ffffff);
273
- opacity: var(--vl-chapter-opacity, 1);
315
+ .settings-selection.vjs-control.vjs-button{
316
+ display: flex !important;
317
+ }
318
+
319
+ @media(max-width:576px){
320
+ .settings-selection.vjs-control.vjs-button{
321
+ display: none !important;
322
+ }
323
+ }
324
+
325
+
326
+ @media(max-width:576px){
327
+ .tvProviderImage{
328
+ display: none
329
+ }
330
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
331
+ .icon-maximize {
332
+ height: 30px !important;
333
+ }
334
+
335
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
336
+ .icon-minimize {
337
+ height: 30px !important;
338
+ }
339
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
340
+ width: 4.5em;
341
+ }
342
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
343
+ height: min-content;
344
+ }
345
+
346
+ .video-js.skin_news_live button.vjs-slowmo-button{
347
+ display: none;
348
+ }
349
+ .video-js.skin_news_live button.vjs-rewind-button{
350
+ display: none;
351
+ }
352
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
353
+ height: 20px;
354
+ }
355
+ .video-js.skin_news_live .vjs-button{
356
+ width: 4.8em;
357
+ }
358
+ .video-js.skin_news_live .widget-selection{
359
+ display: none;
360
+ }
361
+ .video-js.skin_news_live .container{
362
+ display: none !important;
363
+ }
364
+ .video-js.skin_news_live .vjs-control-bar{
365
+ height: 4em !important;
366
+ }
367
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
368
+ font-size: 2.5em;
369
+ line-height: 1.5;
370
+ }
371
+ .video-js.skin_news_live .vjs-play-progress:before {
372
+ font-size: 1.2em;
373
+ position: absolute;
374
+ right: -0.5em;
375
+ z-index: 1;
376
+ }
377
+ .video-js.skin_news_live button.vjs-skip-button>svg{
378
+ height: 20px;
379
+ }
380
+ .video-js.skin_news_live button.vjs-big-play-button {
381
+ width: 50px !important;
382
+ height: 50px !important;
383
+ font-size: 2.1rem !important;
384
+ }
385
+
386
+ .stream-selector-icon>svg{
387
+ width: 24px;
388
+ height: 24px;
389
+ }
390
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
391
+ margin: 0 12px 0 12px;
392
+ }
393
+ .video-js.skin_news_live .vjs-seek-to-live-text{
394
+ font-size: 12px;
395
+ }
396
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
397
+ margin: 0 12px 0 12px;
398
+ }
399
+ }
400
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
401
+ width: 90px;
402
+ height: 90px;
403
+ display: flex;
404
+ justify-content: center;
405
+ align-items: center;
274
406
  border-radius: 50%;
275
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
276
- transform: translate(-50%, -50%) scale(1);
277
- transition: background-color 0.12s ease;
407
+ position: absolute;
408
+ top: 0;
409
+ left: 0;
410
+ right: 0;
411
+ bottom: 0;
412
+ margin: auto;
413
+ font-size: 6em;
414
+ line-height: 1.4em;
278
415
  }
279
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
280
- background: var(--vl-chapter-hover, #0a5cff);
416
+
417
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
418
+ display: flex;
419
+ justify-content: center;
420
+ align-items: center;
421
+ height: 100%;
422
+ transition: width 0.1s;
281
423
  }
282
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
283
- background: var(--vl-chapter-active, #0a5cff);
424
+
425
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
426
+ display: flex;
427
+ justify-content: center;
428
+ align-items: center;
429
+ height: 100%;
430
+ transition: width 0.1s;
431
+ }
432
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
433
+ display: none !important;
434
+ }
435
+
436
+ @media (max-width: 576px) {
437
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
438
+ height: 5px !important;
439
+ }
440
+ .video-js.skin_news_live button.vjs-big-play-button {
441
+ width: 50px !important;
442
+ height: 50px !important;
443
+ font-size: 2.1rem !important;
444
+ }
445
+
446
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
447
+ display: none;
448
+ }
449
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
450
+ bottom: 2.4em !important;
451
+ right: -1em;
452
+ z-index: 1;
453
+ }
454
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
455
+ display: none !important;
456
+ }
457
+
458
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
459
+ color: white !important;
460
+ font-size: 13px !important;
461
+ background-color: black !important;
462
+ }
463
+ }
464
+
465
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
466
+ width: 100% !important;
467
+ }
468
+
469
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
470
+ color: white !important;
471
+ font-size: 16px !important;
472
+ background-color: black !important;
284
473
  }
285
474
 
475
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
476
+ margin-bottom: 2rem !important;
477
+ }
286
478
 
287
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
288
- width: 16px;
289
- height: 16px;
290
- bottom: 160%;
291
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
479
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
480
+ font-size: 18px !important;
292
481
  }
293
482
 
294
483
 
295
- .video-js.skin_cn_news .vjs-chapter-preview {
296
- background: var(--vl-chapter-tooltip, #0a5cff);
297
- border-radius: 6px;
298
- padding: 8px 10px;
299
- width: max-content;
300
- max-width: 300px;
301
- text-align: left;
302
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
303
- }
304
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
305
- color: #ffffff;
306
- font-size: 13px;
307
- font-weight: 400;
308
- margin-bottom: 2px;
484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
485
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
486
+ font-size: 1.2em !important;
487
+ line-height: 1.5em !important;
488
+ padding: 0.2em 0.8em !important;
309
489
  }
310
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
311
- color: #ffffff;
312
- font-size: 13px;
313
- font-weight: 400;
314
- line-height: 1.3;
315
- white-space: normal;
316
- text-align: left;
490
+
491
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
492
+ content: none !important;
493
+ fill: none !important;
494
+ filter: none !important;
317
495
  }
318
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
319
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
496
+
497
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
498
+ color: rgba(255, 255, 2555, 0.7)!important;
320
499
  }
321
500
 
322
- /* ---- responsive ---- */
323
- @media (max-width: 576px) {
324
- .video-js.skin_cn_news .vjs-control-bar {
325
- height: 3.2em !important;
326
- padding: 0 8px;
327
- }
328
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
329
- padding: 0 6px;
330
- }
331
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
332
- display: none !important;
333
- }
501
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
502
+ color: rgba(255, 255, 2555, 1)!important;
334
503
  }
335
504
 
505
+
506
+
336
507
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
337
508
  font-size: 2.2em;
338
509
  line-height: 2.6;
@@ -861,708 +1032,536 @@
861
1032
 
862
1033
 
863
1034
 
864
-
865
-
866
-
867
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
868
- font-size: 2.2em;
869
- line-height: 2.6;
870
- }
871
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
872
- background: #fcb700;
873
- }
874
- .video-js.skin_news_live .vjs-control-bar{
875
- z-index: 1 !important;
876
- height: 5em !important;
877
- background: black !important;
878
- }
879
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
880
- display: flex;
881
- align-items: center;
882
- justify-content: center;
883
- }
884
-
885
- .video-js.skin_news_live .vjs-fade>* {
886
- visibility: hidden !important;
887
- opacity: 0 !important;
888
- transition: visibility 1s, opacity 1s !important;
889
- }
890
-
891
- .video-js.skin_news_live .custom-spaced-progress-bar {
892
- position: absolute;
893
- width: 100%;
894
- display: flex;
895
- height: 0.5em;
896
- top: -0.5em;
897
- }
898
-
899
- .video-js.skin_news_live .vjs-progress-control {
900
- /* left: -6px; */
901
- position: relative;
902
- width: 100%;
903
- height: 0.5em;
904
- transition: height 0.1s, top 0.1s;
905
- }
906
-
907
- .video-js.skin_news_live .vjs-volume-panel{
908
- min-width: 5.3em;
909
- }
910
-
911
-
912
-
913
- .video-js.skin_news_live .vjs-custom-control-spacer {
914
- /* display: block; */
915
- /* flex: 1 1 auto; */
916
- }
917
-
918
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
919
- margin: 0 0px 0 0px;
920
- }
921
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
922
- display: none;
923
- }
924
-
925
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
926
- font-size: 14px;
927
- font-weight: 500;
928
- align-self: center;
929
- height: min-content;
930
- padding: 5px 2px;
931
- border-radius: 8px;
932
- }
933
-
934
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
935
- height: 6px !important;
936
- }
937
-
938
- .video-js.skin_news_live .vjs-play-progress:before {
939
- font-size: 1.5em;
940
- line-height: unset;
941
- top: -0.3333333333em;
942
- }
943
-
944
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
945
- display: none !important;
946
- }
947
-
948
- /* */
949
- .video-js.skin_news_live .vjs-mouse-display{
950
- font-size: 1.6666666667em;
951
- }
952
-
953
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
954
- font-size: 1em !important;
955
- }
956
-
957
- .video-js.skin_news_live .vjs-button{
958
- width: 5.3em;
959
- display: flex;
960
- align-items: center;
961
- justify-content: center;
962
- }
963
-
964
-
965
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
966
- .icon-maximize {
967
- display: block;
968
- height: 32px;
969
- }
970
-
971
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
972
- line-height: 4;
973
- }
974
-
975
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
976
- .icon-minimize {
977
- display: none;
978
- height: 32px;
979
- }
980
-
981
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
982
- outline: none !important;
983
- /* flex: 1; */
984
- }
985
- .video-js.skin_news_live .vjs-play-toggle-container{
986
- display: flex;
987
- flex: 1;
988
- justify-content: center;
989
- }
990
-
991
-
992
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
993
- .vjs-icon-fullscreen-enter:before {
994
- /* content: '' !important; */
995
- }
996
-
997
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
998
- display: flex;
999
- justify-content: center;
1000
- align-items: center;
1001
- /* transform: rotate(90deg); */
1002
- }
1003
-
1004
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1005
- display: none;
1006
- }
1007
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1008
- margin-left: -10px;
1009
- }
1010
-
1011
- .video-js.skin_news_live .skipbtn:hover{
1012
- cursor: pointer;
1035
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1036
+ height: 0.7em;
1037
+ position: absolute;
1038
+ top: -0.7em;
1039
+ width: 100%;
1013
1040
  }
1014
1041
 
1015
- .video-js.skin_news_live .rewindbtn:hover{
1016
- cursor: pointer;
1042
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1043
+ height: 100%;
1017
1044
  }
1018
1045
 
1019
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1020
- position: relative;
1021
- padding-left: 0;
1046
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1047
+ line-height: 2.5;
1022
1048
  }
1023
1049
 
1024
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1025
- display: none !important;
1050
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1051
+ height: 19px;
1052
+ width: 19px;
1053
+ cursor: pointer;
1026
1054
  }
1027
-
1028
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1029
- /* width: 90px;
1030
- height: 90px;
1031
- display: flex;
1032
- justify-content: center;
1033
- align-items: center;
1034
- border-radius: 50%;
1035
- position: absolute;
1036
- top: 0;
1037
- left: 0;
1038
- right: 0;
1039
- bottom: 0;
1040
- margin: auto;
1041
- font-size: 6em;
1042
- line-height: 1.4em;
1043
- border: 0.05em solid;
1044
- color: inherit; */
1045
- display: none !important;
1055
+ .video-js.skin_vlone .vjs-control {
1056
+ user-select: none;
1046
1057
  }
1047
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1048
- font-weight: bold;
1058
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1059
+ user-select: none;
1049
1060
  }
1050
1061
 
1051
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1052
- bottom: 2.4em !important;
1053
- right: -1em;
1054
- z-index: 1;
1062
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1063
+ height: 19px;
1064
+ width: 19px;
1065
+ cursor: pointer;
1055
1066
  }
1056
1067
 
1057
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1058
- width: 24px !important;
1059
- height: 24px !important;
1060
- }
1061
- .settings-selector-icon>svg{
1062
- height: 19px !important;
1063
- width: 19px !important;
1068
+ .video-js.skin_vlone .vjs-play-progress:before {
1069
+ display: none !important;
1064
1070
  }
1065
1071
 
1072
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1073
+ margin: 0 !important;
1066
1074
 
1067
- .video-js.skin_news_live button.vjs-rewind-button{
1068
- cursor: pointer;
1069
1075
  }
1070
1076
 
1071
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1072
- padding-right: 0;
1073
- display: none;
1074
- }
1075
1077
 
1076
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1077
- padding-left: 0;
1078
- display: none;
1078
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1079
+ display: block;
1080
+ flex: 1 1 auto;
1079
1081
  }
1080
1082
 
1081
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1082
- padding-left: 0;
1083
- padding-right: 0;
1084
- display: none;
1083
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1084
+ z-index: 1;
1085
1085
  }
1086
1086
 
1087
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1088
- display: none
1089
- }
1090
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1091
- display: none
1092
- }
1093
1087
 
1094
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1095
- display: flex;
1096
- align-items: center;
1097
- font-weight: 700;
1098
- font-size: 12px;
1099
- min-width: 1.2em;
1088
+ .video-js.skin_vlone .vjs-control-bar {
1089
+ height: 40px;
1100
1090
  }
1101
1091
 
1102
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1103
- display: none;
1104
- font-size: 11px;
1105
- justify-content: center;
1106
- align-items: center;
1107
- user-select: none;
1092
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1093
+ .vjs-button>.vjs-icon-placeholder:before {
1094
+ position: relative !important;
1108
1095
  }
1109
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1110
- display: none;
1096
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1097
+ display: flex;
1098
+ left: 0px;
1099
+ top: -1px;
1111
1100
  }
1112
1101
 
1113
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1114
- height: min-content;
1115
- width: min-content;
1116
- }
1117
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1118
- width: 6em;
1102
+ .vjs-button>.vjs-icon-placeholder:before {
1103
+ font-size: 2em !important;
1119
1104
  }
1120
1105
 
1121
- .video-js.skin_news_live .content{
1122
- bottom: 3.4rem !important;
1123
- right: -4rem !important;
1106
+ .video-js.skin_vlone .vjs-control {
1107
+ width: 4.3em;
1124
1108
  }
1125
1109
 
1126
- .setting-icon > svg{
1127
- height:18px !important;
1110
+ .vjs-menu-button-popup .vjs-menu {
1111
+ bottom: 10px !important;
1128
1112
  }
1129
1113
 
1130
- .output-overlay{
1131
- position: absolute;
1132
- bottom: 0;
1133
- height: 100%;
1134
- width: 100%;
1135
- z-index: 0;
1136
- border: 0;
1137
- pointer-events:none
1114
+
1115
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1116
+ height: 1.3em;
1117
+ position: absolute;
1118
+ top: -1.3em;
1119
+ transition: height 0.3s, top 0.3s;
1138
1120
  }
1139
1121
 
1140
- .video-js.skin_news_live iframe{
1141
- width: 100%;
1142
- height: 100%;
1122
+
1123
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1124
+ display: none !important;
1143
1125
  }
1144
1126
 
1145
- .video-js.skin_news_live .vjs-live-control{
1146
- align-items: center;
1147
- display: none;
1127
+ .video-js.skin_vlone .vjs-time-control {
1128
+ display: block;
1148
1129
  }
1149
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1150
- height: 2.2em;
1151
- display: flex;
1152
- align-items: center;
1153
- font-family: monospace;
1154
- width: 4em;
1155
- justify-content: center;
1156
- background: red;
1157
- margin: 4px 0px 4px 12px;
1130
+ .video-js.skin_vlone .vjs-remaining-time {
1131
+ display: none;
1158
1132
  }
1159
1133
 
1160
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1161
- text-shadow: none;
1134
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1135
+ line-height: 3.5em;
1136
+ font-size: 1.1em;
1137
+ min-width: 4em;
1162
1138
  }
1163
1139
 
1164
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1165
- display: flex;
1166
- justify-content: center;
1167
- min-width: 5.3em;
1168
- pointer-events: none;
1169
- user-select: none;
1140
+ .video-js.skin_vlone .vjs-time-divider > div{
1141
+ display: flex;
1142
+ justify-content: center;
1170
1143
  }
1171
1144
 
1172
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1173
- color: white;
1145
+ .video-js.skin_vlone .vjs-live-control{
1146
+ align-items: center;
1174
1147
  }
1175
-
1176
-
1177
- .settings-selection.vjs-control.vjs-button{
1178
- display: flex !important;
1148
+ .video-js.skin_vlone .vjs-live-display{
1149
+ height: 2.2em;
1150
+ display: flex;
1151
+ align-items: center;
1152
+ font-family: monospace;
1153
+ width: 4em;
1154
+ justify-content: center;
1155
+ background: red;
1156
+ margin: 4px 0px 4px 12px;
1157
+ }
1158
+ .video-js.skin_vlone .vjs-live-display:hover{
1159
+ cursor: pointer;
1179
1160
  }
1180
1161
 
1181
- @media(max-width:576px){
1182
- .settings-selection.vjs-control.vjs-button{
1183
- display: none !important;
1184
- }
1162
+ .video-js.skin_vlone .vjs-time-control {
1163
+ line-height: 3.5em !important;
1164
+ font-size: 1.1em !important;
1165
+ width: min-content !important;
1166
+ min-width: 1.5em;
1167
+ padding: 0 !important;
1168
+ user-select: none;
1185
1169
  }
1186
1170
 
1171
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1172
+ margin-left: 16px !important;
1173
+ }
1187
1174
 
1188
- @media(max-width:576px){
1189
- .tvProviderImage{
1190
- display: none
1191
- }
1192
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1193
- .icon-maximize {
1194
- height: 30px !important;
1195
- }
1175
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1176
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1177
+ font-size: 1.2em !important;
1178
+ line-height: 1.5em !important;
1179
+ padding: 0.2em 0.8em !important;
1180
+ }
1196
1181
 
1197
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1198
- .icon-minimize {
1199
- height: 30px !important;
1200
- }
1201
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1202
- width: 4.5em;
1203
- }
1204
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1205
- height: min-content;
1206
- }
1207
1182
 
1208
- .video-js.skin_news_live button.vjs-slowmo-button{
1209
- display: none;
1210
- }
1211
- .video-js.skin_news_live button.vjs-rewind-button{
1212
- display: none;
1213
- }
1214
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1215
- height: 20px;
1216
- }
1217
- .video-js.skin_news_live .vjs-button{
1218
- width: 4.8em;
1219
- }
1220
- .video-js.skin_news_live .widget-selection{
1221
- display: none;
1222
- }
1223
- .video-js.skin_news_live .container{
1224
- display: none !important;
1225
- }
1226
- .video-js.skin_news_live .vjs-control-bar{
1227
- height: 4em !important;
1228
- }
1229
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1230
- font-size: 2.5em;
1231
- line-height: 1.5;
1232
- }
1233
- .video-js.skin_news_live .vjs-play-progress:before {
1234
- font-size: 1.2em;
1183
+ /* Big play */
1184
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1185
+ width: 80px;
1186
+ height: 80px;
1187
+ display: flex;
1188
+ justify-content: center;
1189
+ align-items: center;
1190
+ border: none;
1235
1191
  position: absolute;
1236
- right: -0.5em;
1237
- z-index: 1;
1238
- }
1239
- .video-js.skin_news_live button.vjs-skip-button>svg{
1240
- height: 20px;
1192
+ top: 0;
1193
+ left: 0;
1194
+ right: 0;
1195
+ bottom: 0;
1196
+ margin: auto;
1197
+ font-size: 5em;
1198
+ line-height: 1.3em;
1199
+ transform: none !important;
1200
+ border-radius: 1.3em;
1241
1201
  }
1242
- .video-js.skin_news_live button.vjs-big-play-button {
1243
- width: 50px !important;
1244
- height: 50px !important;
1245
- font-size: 2.1rem !important;
1202
+ .video-js.skin_vlone .ssai-ad-container{
1203
+ position: absolute;
1204
+ bottom: 4px;
1246
1205
  }
1206
+
1207
+ @media(max-width:600px){
1208
+ .video-js.skin_vlone button.vjs-big-play-button {
1209
+ width: 50px !important;
1210
+ height: 50px !important;
1211
+ font-size: 2.1rem !important;
1212
+ }
1247
1213
 
1248
- .stream-selector-icon>svg{
1249
- width: 24px;
1250
- height: 24px;
1214
+ .video-js.skin_vlone .ssai-ad-container {
1215
+ position: absolute;
1216
+ bottom: 2px;
1251
1217
  }
1252
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1253
- margin: 0 12px 0 12px;
1218
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1219
+ display: none;
1254
1220
  }
1255
- .video-js.skin_news_live .vjs-seek-to-live-text{
1256
- font-size: 12px;
1221
+
1222
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1223
+ /* display: none; */
1257
1224
  }
1258
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1259
- margin: 0 12px 0 12px;
1225
+
1226
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1227
+ /* display: none; */
1260
1228
  }
1261
1229
  }
1262
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1263
- width: 90px;
1264
- height: 90px;
1230
+
1231
+
1232
+
1233
+ .video-js.skin_cn_news .vjs-control-bar {
1234
+ z-index: 1 !important;
1235
+ height: auto !important;
1236
+ padding: 0.8em 30px 0.6em;
1237
+ background: transparent !important;
1265
1238
  display: flex;
1266
- justify-content: center;
1239
+ flex-wrap: wrap;
1267
1240
  align-items: center;
1268
- border-radius: 50%;
1241
+ column-gap: 10px;
1242
+ }
1243
+
1244
+
1245
+ .video-js.skin_cn_news .vjs-control-bar::before {
1246
+ content: '';
1269
1247
  position: absolute;
1270
- top: 0;
1271
1248
  left: 0;
1272
1249
  right: 0;
1273
1250
  bottom: 0;
1274
- margin: auto;
1275
- font-size: 6em;
1276
- line-height: 1.4em;
1251
+ top: -3em;
1252
+ background: linear-gradient(
1253
+ to top,
1254
+ rgba(0, 0, 0, 0.85) 0%,
1255
+ rgba(0, 0, 0, 0.7) 40%,
1256
+ rgba(0, 0, 0, 0.55) 70%,
1257
+ rgba(0, 0, 0, 0.38) 86%,
1258
+ transparent 100%
1259
+ );
1260
+ pointer-events: none;
1261
+ z-index: -1;
1277
1262
  }
1278
1263
 
1279
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1280
- display: flex;
1281
- justify-content: center;
1282
- align-items: center;
1283
- height: 100%;
1284
- transition: width 0.1s;
1264
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1265
+ order: -1;
1266
+ flex: 0 0 100%;
1267
+ width: 80%;
1268
+ margin: 0 0 5em;
1269
+ position: relative;
1285
1270
  }
1286
1271
 
1287
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1288
- display: flex;
1289
- justify-content: center;
1272
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1273
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1274
+ width: auto;
1275
+ min-width: 0;
1276
+ }
1277
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1278
+ display: inline-flex;
1290
1279
  align-items: center;
1291
- height: 100%;
1292
- transition: width 0.1s;
1280
+ justify-content: center;
1281
+ height: 7em;
1282
+ padding: 0 10px;
1283
+ color: #fff;
1293
1284
  }
1294
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1295
- display: none !important;
1285
+
1286
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1287
+ content: none !important;
1296
1288
  }
1297
1289
 
1298
- @media (max-width: 576px) {
1299
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1300
- height: 5px !important;
1301
- }
1302
- .video-js.skin_news_live button.vjs-big-play-button {
1303
- width: 50px !important;
1304
- height: 50px !important;
1305
- font-size: 2.1rem !important;
1306
- }
1307
1290
 
1308
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1309
- display: none;
1310
- }
1311
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1312
- bottom: 2.4em !important;
1313
- right: -1em;
1314
- z-index: 1;
1291
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1292
+ display: inline-flex;
1293
+ align-items: center;
1294
+ justify-content: center;
1315
1295
  }
1316
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1317
- display: none !important;
1318
- }
1319
-
1320
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1321
- color: white !important;
1322
- font-size: 13px !important;
1323
- background-color: black !important;
1324
- }
1296
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1297
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1298
+ width: 24px;
1299
+ height: 24px;
1300
+ display: block;
1325
1301
  }
1326
1302
 
1327
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1328
- width: 100% !important;
1329
- }
1330
1303
 
1331
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1332
- color: white !important;
1333
- font-size: 16px !important;
1334
- background-color: black !important;
1335
- }
1336
1304
 
1337
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1338
- margin-bottom: 2rem !important;
1305
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1306
+ opacity: 1;
1339
1307
  }
1340
1308
 
1341
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1342
- font-size: 18px !important;
1343
- }
1344
1309
 
1345
1310
 
1346
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1347
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1348
- font-size: 1.2em !important;
1349
- line-height: 1.5em !important;
1350
- padding: 0.2em 0.8em !important;
1311
+ .video-js.skin_cn_news .vjs-volume-panel {
1312
+ margin: 0;
1313
+ display: inline-flex;
1314
+ align-items: center;
1315
+ align-self: center;
1316
+ height: 2.2em;
1317
+ min-width: 7em;
1318
+ transition: none;
1351
1319
  }
1352
-
1353
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1354
- content: none !important;
1355
- fill: none !important;
1356
- filter: none !important;
1320
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1321
+ width: 0;
1322
+ height: 100%;
1323
+ display: flex;
1324
+ align-items: center;
1325
+ overflow: hidden;
1326
+ opacity: 0;
1327
+ transition: width 0.15s ease, opacity 0.15s ease;
1357
1328
  }
1358
-
1359
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1360
- color: rgba(255, 255, 2555, 0.7)!important;
1329
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1330
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1331
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1332
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1333
+ width: 5em;
1334
+ opacity: 1;
1361
1335
  }
1362
1336
 
1363
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1364
- color: rgba(255, 255, 2555, 1)!important;
1337
+ .video-js.skin_cn_news .vjs-volume-bar {
1338
+ width: 4em;
1339
+ height: 0.3em;
1340
+ margin: 0 0.45em;
1365
1341
  }
1366
1342
 
1367
1343
 
1368
-
1369
-
1370
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1371
- height: 0.7em;
1372
- position: absolute;
1373
- top: -0.7em;
1374
- width: 100%;
1344
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1345
+ display: none !important;
1375
1346
  }
1376
1347
 
1377
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1378
- height: 100%;
1348
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1349
+ width: 0 !important;
1379
1350
  }
1380
1351
 
1381
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1382
- line-height: 2.5;
1383
- }
1384
1352
 
1385
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1386
- height: 19px;
1387
- width: 19px;
1388
- cursor: pointer;
1389
- }
1390
- .video-js.skin_vlone .vjs-control {
1391
- user-select: none;
1392
- }
1393
- .video-js.skin_vlone .vjs-custom-control-spacer{
1394
- user-select: none;
1353
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1354
+ display: block !important;
1355
+ flex: 1 1 auto;
1395
1356
  }
1396
1357
 
1397
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1398
- height: 19px;
1399
- width: 19px;
1400
- cursor: pointer;
1401
- }
1402
1358
 
1403
- .video-js.skin_vlone .vjs-play-progress:before {
1404
- display: none !important;
1359
+ .video-js.skin_cn_news .vjs-big-play-button {
1360
+ display: none;
1405
1361
  }
1406
-
1407
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1408
- margin: 0 !important;
1409
-
1362
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1363
+ position: relative !important;
1364
+ display: flex;
1365
+ left: 0;
1366
+ top: -1px;
1367
+ }
1368
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1369
+ display: flex;
1370
+ justify-content: center;
1371
+ align-items: center;
1372
+ position: absolute;
1373
+ top: 0;
1374
+ left: 0;
1375
+ right: 0;
1376
+ bottom: 0;
1377
+ margin: auto;
1378
+ width: 80px;
1379
+ height: 80px;
1380
+ border: none;
1381
+ border-radius: 50%;
1382
+ background: rgba(0, 0, 0, 0.55);
1383
+ font-size: 5em;
1384
+ line-height: 1.3em;
1385
+ transform: none !important;
1410
1386
  }
1411
1387
 
1412
1388
 
1413
- .video-js.skin_vlone .vjs-custom-control-spacer {
1414
- display: block;
1415
- flex: 1 1 auto;
1389
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1390
+ height: 4px !important;
1391
+ margin: 0;
1392
+ border-radius: 20px;
1393
+ background-color: #393944;
1416
1394
  }
1417
1395
 
1418
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1419
- z-index: 1;
1396
+ .video-js.skin_cn_news .vjs-play-progress {
1397
+ background-color: #ffffff;
1398
+ border-radius: 20px;
1420
1399
  }
1421
1400
 
1422
-
1423
- .video-js.skin_vlone .vjs-control-bar {
1424
- height: 40px;
1401
+ .video-js.skin_cn_news .vjs-load-progress,
1402
+ .video-js.skin_cn_news .vjs-load-progress div {
1403
+ background: rgba(255, 255, 255, 0.15);
1404
+ border-radius: 20px;
1425
1405
  }
1426
1406
 
1427
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1428
- .vjs-button>.vjs-icon-placeholder:before {
1429
- position: relative !important;
1407
+
1408
+ .video-js.skin_cn_news .vjs-play-progress:before {
1409
+ content: '';
1410
+ width: 16px;
1411
+ height: 16px;
1412
+ border-radius: 50%;
1413
+ background: #ffffff;
1414
+ border: 2px solid rgba(0, 0, 0, 0.6);
1415
+ box-sizing: border-box;
1416
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1417
+ top: -6px;
1418
+ right: -8px;
1419
+ position: absolute;
1430
1420
  }
1431
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1432
- display: flex;
1433
- left: 0px;
1434
- top: -1px;
1421
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1422
+ display: none !important;
1435
1423
  }
1436
1424
 
1437
- .vjs-button>.vjs-icon-placeholder:before {
1438
- font-size: 2em !important;
1425
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1426
+ background: #ffffff;
1427
+ color: #0a0e17;
1428
+ font-weight: 700;
1429
+ border-radius: 3px;
1439
1430
  }
1440
1431
 
1441
- .video-js.skin_vlone .vjs-control {
1442
- width: 4.3em;
1432
+ .video-js.skin_cn_news .vjs-live-control {
1433
+ display: none !important;
1443
1434
  }
1444
-
1445
- .vjs-menu-button-popup .vjs-menu {
1446
- bottom: 10px !important;
1435
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1436
+ display: inline-flex;
1437
+ align-items: center;
1438
+ align-self: center;
1439
+ height: 2.2em;
1440
+ gap: 5px;
1441
+ width: auto;
1442
+ padding: 0 10px;
1443
+ border: 1px solid rgba(255, 255, 255, 0.45);
1444
+ border-radius: 4px;
1445
+ cursor: pointer;
1447
1446
  }
1448
1447
 
1449
-
1450
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1451
- height: 1.3em;
1452
- position: absolute;
1453
- top: -1.3em;
1454
- transition: height 0.3s, top 0.3s;
1448
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1449
+ display: none;
1455
1450
  }
1456
-
1457
-
1458
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1459
- display: none !important;
1451
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1452
+ display: inline-flex;
1453
+ align-items: center;
1460
1454
  }
1461
-
1462
- .video-js.skin_vlone .vjs-time-control {
1463
- display: block;
1455
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1456
+ content: '';
1457
+ display: inline-block;
1458
+ width: 8px;
1459
+ height: 8px;
1460
+ border-radius: 50%;
1461
+ background: #ff2d2d; /* red live dot */
1464
1462
  }
1465
- .video-js.skin_vlone .vjs-remaining-time {
1466
- display: none;
1463
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1464
+ color: #ffffff;
1465
+ font-weight: 700;
1466
+ font-size: 12px;
1467
+ letter-spacing: 0.03em;
1467
1468
  }
1468
1469
 
1469
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1470
- line-height: 3.5em;
1471
- font-size: 1.1em;
1472
- min-width: 4em;
1470
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1471
+ border-color: transparent;
1473
1472
  }
1474
-
1475
- .video-js.skin_vlone .vjs-time-divider > div{
1476
- display: flex;
1477
- justify-content: center;
1473
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1474
+ color: #ff2d2d;
1478
1475
  }
1479
1476
 
1480
- .video-js.skin_vlone .vjs-live-control{
1481
- align-items: center;
1482
- }
1483
- .video-js.skin_vlone .vjs-live-display{
1484
- height: 2.2em;
1485
- display: flex;
1486
- align-items: center;
1487
- font-family: monospace;
1488
- width: 4em;
1489
- justify-content: center;
1490
- background: red;
1491
- margin: 4px 0px 4px 12px;
1477
+ /* ---- time controls ---- */
1478
+ .video-js.skin_cn_news .vjs-current-time,
1479
+ .video-js.skin_cn_news .vjs-duration,
1480
+ .video-js.skin_cn_news .vjs-time-divider {
1481
+ display: none !important;
1492
1482
  }
1493
- .video-js.skin_vlone .vjs-live-display:hover{
1494
- cursor: pointer;
1483
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1484
+ display: none;
1485
+ align-items: center;
1486
+ justify-content: center;
1487
+ font-size: 11px;
1488
+ font-weight: 700;
1489
+ color: #fff;
1490
+ padding: 0 6px;
1491
+ user-select: none;
1495
1492
  }
1496
1493
 
1497
- .video-js.skin_vlone .vjs-time-control {
1498
- line-height: 3.5em !important;
1499
- font-size: 1.1em !important;
1500
- width: min-content !important;
1501
- min-width: 1.5em;
1502
- padding: 0 !important;
1503
- user-select: none;
1504
- }
1505
1494
 
1506
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1507
- margin-left: 16px !important;
1495
+ .video-js.skin_cn_news .vjs-chapter-marker {
1496
+ z-index: 2;
1497
+ width: var(--vl-chapter-size, 8px);
1498
+ height: var(--vl-chapter-size, 8px);
1499
+ top: 50%;
1500
+ bottom: auto;
1501
+ background: var(--vl-chapter-color, #ffffff);
1502
+ opacity: var(--vl-chapter-opacity, 1);
1503
+ border-radius: 50%;
1504
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1505
+ transform: translate(-50%, -50%) scale(1);
1506
+ transition: background-color 0.12s ease;
1507
+ }
1508
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1509
+ background: var(--vl-chapter-hover, #0a5cff);
1510
+ }
1511
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1512
+ background: var(--vl-chapter-active, #0a5cff);
1508
1513
  }
1509
1514
 
1510
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1511
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1512
- font-size: 1.2em !important;
1513
- line-height: 1.5em !important;
1514
- padding: 0.2em 0.8em !important;
1515
+
1516
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1517
+ width: 16px;
1518
+ height: 16px;
1519
+ bottom: 160%;
1520
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1515
1521
  }
1516
1522
 
1517
1523
 
1518
- /* Big play */
1519
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1520
- width: 80px;
1521
- height: 80px;
1522
- display: flex;
1523
- justify-content: center;
1524
- align-items: center;
1525
- border: none;
1526
- position: absolute;
1527
- top: 0;
1528
- left: 0;
1529
- right: 0;
1530
- bottom: 0;
1531
- margin: auto;
1532
- font-size: 5em;
1533
- line-height: 1.3em;
1534
- transform: none !important;
1535
- border-radius: 1.3em;
1524
+ .video-js.skin_cn_news .vjs-chapter-preview {
1525
+ background: var(--vl-chapter-tooltip, #0a5cff);
1526
+ border-radius: 6px;
1527
+ padding: 8px 10px;
1528
+ width: max-content;
1529
+ max-width: 300px;
1530
+ text-align: left;
1531
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1536
1532
  }
1537
- .video-js.skin_vlone .ssai-ad-container{
1538
- position: absolute;
1539
- bottom: 4px;
1533
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1534
+ color: #ffffff;
1535
+ font-size: 13px;
1536
+ font-weight: 400;
1537
+ margin-bottom: 2px;
1540
1538
  }
1541
-
1542
- @media(max-width:600px){
1543
- .video-js.skin_vlone button.vjs-big-play-button {
1544
- width: 50px !important;
1545
- height: 50px !important;
1546
- font-size: 2.1rem !important;
1547
- }
1548
-
1549
- .video-js.skin_vlone .ssai-ad-container {
1550
- position: absolute;
1551
- bottom: 2px;
1539
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1540
+ color: #ffffff;
1541
+ font-size: 13px;
1542
+ font-weight: 400;
1543
+ line-height: 1.3;
1544
+ white-space: normal;
1545
+ text-align: left;
1552
1546
  }
1553
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1554
- display: none;
1547
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1548
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1555
1549
  }
1556
1550
 
1557
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1558
- /* display: none; */
1551
+ /* ---- responsive ---- */
1552
+ @media (max-width: 576px) {
1553
+ .video-js.skin_cn_news .vjs-control-bar {
1554
+ height: 3.2em !important;
1555
+ padding: 0 8px;
1556
+ }
1557
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1558
+ padding: 0 6px;
1559
+ }
1560
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1561
+ display: none !important;
1562
+ }
1559
1563
  }
1560
1564
 
1561
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1562
- /* display: none; */
1563
- }
1564
- }
1565
-
1566
1565
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1567
1566
  font-size: 2.2em;
1568
1567
  line-height: 2.6;
@@ -2032,6 +2031,7 @@
2032
2031
  }
2033
2032
 
2034
2033
 
2034
+
2035
2035
  /* CSS for videojs-dvr-seekbar */
2036
2036
 
2037
2037
  .video-js.vjs-dvr-seekbar {
@@ -2212,6 +2212,8 @@
2212
2212
 
2213
2213
 
2214
2214
 
2215
+
2216
+
2215
2217
  .video-js .multicamera-parent.default{
2216
2218
  height: 345px;
2217
2219
  position: absolute;
@@ -2290,11 +2292,6 @@
2290
2292
  align-content: baseline;
2291
2293
  }
2292
2294
 
2293
-
2294
-
2295
-
2296
-
2297
-
2298
2295
  .vjs-custom-big-mute.vjs-control{
2299
2296
  position: absolute;
2300
2297
  align-items: center;
@@ -2343,6 +2340,9 @@
2343
2340
  width: 22px;
2344
2341
  }
2345
2342
 
2343
+
2344
+
2345
+
2346
2346
  /* nextep — up-next card (centered in player, scales with player size) */
2347
2347
  .video-js:has(.next-ep-preview),
2348
2348
  .video-js:has(.next-ep-preview-player-thumb) {