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