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