@viewlift/player-backup 2.0.283-backup → 2.0.284-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 +700 -700
- package/esm/bundle.css +700 -700
- package/package.json +1 -1
package/cjs/bundle.css
CHANGED
|
@@ -1,31 +1,223 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
|
|
5
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
6
|
+
height: 0.7em;
|
|
7
|
+
position: absolute;
|
|
8
|
+
top: -0.7em;
|
|
9
|
+
width: 100%;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
13
|
+
height: 100%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
17
|
+
line-height: 2.5;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
21
|
+
height: 19px;
|
|
22
|
+
width: 19px;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
}
|
|
25
|
+
.video-js.skin_vlone .vjs-control {
|
|
26
|
+
user-select: none;
|
|
27
|
+
}
|
|
28
|
+
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
29
|
+
user-select: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
33
|
+
height: 19px;
|
|
34
|
+
width: 19px;
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.video-js.skin_vlone .vjs-play-progress:before {
|
|
39
|
+
display: none !important;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
43
|
+
margin: 0 !important;
|
|
44
|
+
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
49
|
+
display: block;
|
|
50
|
+
flex: 1 1 auto;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
54
|
+
z-index: 1;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
.video-js.skin_vlone .vjs-control-bar {
|
|
59
|
+
height: 40px;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
63
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
64
|
+
position: relative !important;
|
|
65
|
+
}
|
|
66
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
67
|
+
display: flex;
|
|
68
|
+
left: 0px;
|
|
69
|
+
top: -1px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
73
|
+
font-size: 2em !important;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.video-js.skin_vlone .vjs-control {
|
|
77
|
+
width: 4.3em;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.vjs-menu-button-popup .vjs-menu {
|
|
81
|
+
bottom: 10px !important;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
86
|
+
height: 1.3em;
|
|
87
|
+
position: absolute;
|
|
88
|
+
top: -1.3em;
|
|
89
|
+
transition: height 0.3s, top 0.3s;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
94
|
+
display: none !important;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
98
|
+
display: block;
|
|
99
|
+
}
|
|
100
|
+
.video-js.skin_vlone .vjs-remaining-time {
|
|
101
|
+
display: none;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
105
|
+
line-height: 3.5em;
|
|
106
|
+
font-size: 1.1em;
|
|
107
|
+
min-width: 4em;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.video-js.skin_vlone .vjs-time-divider > div{
|
|
111
|
+
display: flex;
|
|
112
|
+
justify-content: center;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.video-js.skin_vlone .vjs-live-control{
|
|
116
|
+
align-items: center;
|
|
117
|
+
}
|
|
118
|
+
.video-js.skin_vlone .vjs-live-display{
|
|
119
|
+
height: 2.2em;
|
|
120
|
+
display: flex;
|
|
121
|
+
align-items: center;
|
|
122
|
+
font-family: monospace;
|
|
123
|
+
width: 4em;
|
|
124
|
+
justify-content: center;
|
|
125
|
+
background: red;
|
|
126
|
+
margin: 4px 0px 4px 12px;
|
|
127
|
+
}
|
|
128
|
+
.video-js.skin_vlone .vjs-live-display:hover{
|
|
129
|
+
cursor: pointer;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
133
|
+
line-height: 3.5em !important;
|
|
134
|
+
font-size: 1.1em !important;
|
|
135
|
+
width: min-content !important;
|
|
136
|
+
min-width: 1.5em;
|
|
137
|
+
padding: 0 !important;
|
|
138
|
+
user-select: none;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
142
|
+
margin-left: 16px !important;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
146
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
147
|
+
font-size: 1.2em !important;
|
|
148
|
+
line-height: 1.5em !important;
|
|
149
|
+
padding: 0.2em 0.8em !important;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
/* Big play */
|
|
154
|
+
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
155
|
+
width: 80px;
|
|
156
|
+
height: 80px;
|
|
157
|
+
display: flex;
|
|
158
|
+
justify-content: center;
|
|
159
|
+
align-items: center;
|
|
160
|
+
border: none;
|
|
161
|
+
position: absolute;
|
|
162
|
+
top: 0;
|
|
163
|
+
left: 0;
|
|
164
|
+
right: 0;
|
|
165
|
+
bottom: 0;
|
|
166
|
+
margin: auto;
|
|
167
|
+
font-size: 5em;
|
|
168
|
+
line-height: 1.3em;
|
|
169
|
+
transform: none !important;
|
|
170
|
+
border-radius: 1.3em;
|
|
171
|
+
}
|
|
172
|
+
.video-js.skin_vlone .ssai-ad-container{
|
|
173
|
+
position: absolute;
|
|
174
|
+
bottom: 4px;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
@media(max-width:600px){
|
|
178
|
+
.video-js.skin_vlone button.vjs-big-play-button {
|
|
179
|
+
width: 50px !important;
|
|
180
|
+
height: 50px !important;
|
|
181
|
+
font-size: 2.1rem !important;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.video-js.skin_vlone .ssai-ad-container {
|
|
185
|
+
position: absolute;
|
|
186
|
+
bottom: 2px;
|
|
187
|
+
}
|
|
188
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
189
|
+
display: none;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
193
|
+
display: none;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
197
|
+
display: none;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
5
202
|
font-size: 2.2em;
|
|
6
203
|
line-height: 2.6;
|
|
7
204
|
}
|
|
8
|
-
.video-js.
|
|
9
|
-
|
|
205
|
+
.video-js.skin_mini{
|
|
206
|
+
overflow: hidden;
|
|
10
207
|
}
|
|
11
|
-
.video-js.
|
|
208
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
12
209
|
z-index: 1 !important;
|
|
13
|
-
height:
|
|
210
|
+
height: 4em !important;
|
|
14
211
|
background: black !important;
|
|
15
212
|
}
|
|
16
|
-
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
17
|
-
display: flex;
|
|
18
|
-
align-items: center;
|
|
19
|
-
justify-content: center;
|
|
20
|
-
}
|
|
21
213
|
|
|
22
|
-
.video-js.
|
|
214
|
+
.video-js.skin_mini .vjs-fade>* {
|
|
23
215
|
visibility: hidden !important;
|
|
24
216
|
opacity: 0 !important;
|
|
25
217
|
transition: visibility 1s, opacity 1s !important;
|
|
26
218
|
}
|
|
27
219
|
|
|
28
|
-
.video-js.
|
|
220
|
+
.video-js.skin_mini .custom-spaced-progress-bar {
|
|
29
221
|
position: absolute;
|
|
30
222
|
width: 100%;
|
|
31
223
|
display: flex;
|
|
@@ -33,7 +225,7 @@
|
|
|
33
225
|
top: -0.5em;
|
|
34
226
|
}
|
|
35
227
|
|
|
36
|
-
.video-js.
|
|
228
|
+
.video-js.skin_mini .vjs-progress-control {
|
|
37
229
|
/* left: -6px; */
|
|
38
230
|
position: relative;
|
|
39
231
|
width: 100%;
|
|
@@ -44,19 +236,19 @@
|
|
|
44
236
|
|
|
45
237
|
|
|
46
238
|
|
|
47
|
-
.video-js.
|
|
239
|
+
.video-js.skin_mini .vjs-custom-control-spacer {
|
|
48
240
|
display: block;
|
|
49
241
|
flex: 1 1 auto;
|
|
50
242
|
}
|
|
51
243
|
|
|
52
|
-
.video-js.
|
|
244
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
|
|
53
245
|
margin: 0 0px 0 0px;
|
|
54
246
|
}
|
|
55
|
-
.video-js.
|
|
247
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
56
248
|
display: none;
|
|
57
249
|
}
|
|
58
250
|
|
|
59
|
-
.video-js.
|
|
251
|
+
.video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
60
252
|
font-size: 14px;
|
|
61
253
|
font-weight: 500;
|
|
62
254
|
align-self: center;
|
|
@@ -65,143 +257,158 @@
|
|
|
65
257
|
border-radius: 8px;
|
|
66
258
|
}
|
|
67
259
|
|
|
68
|
-
.video-js.
|
|
69
|
-
height:
|
|
260
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
261
|
+
height: 5px !important;
|
|
70
262
|
}
|
|
71
263
|
|
|
72
|
-
.video-js.
|
|
73
|
-
font-size: 1.
|
|
264
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
265
|
+
font-size: 1.3em;
|
|
74
266
|
line-height: unset;
|
|
75
267
|
top: -0.3333333333em;
|
|
76
268
|
}
|
|
77
269
|
|
|
78
|
-
.video-js.
|
|
270
|
+
.video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
|
|
79
271
|
display: none !important;
|
|
80
272
|
}
|
|
81
273
|
|
|
82
274
|
/* */
|
|
83
|
-
.video-js.
|
|
275
|
+
.video-js.skin_mini .vjs-mouse-display{
|
|
84
276
|
font-size: 1.6666666667em;
|
|
85
277
|
}
|
|
86
278
|
|
|
87
|
-
.video-js.
|
|
279
|
+
.video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
|
|
88
280
|
font-size: 1em !important;
|
|
89
281
|
}
|
|
90
282
|
|
|
91
|
-
.video-js.
|
|
92
|
-
width:
|
|
283
|
+
.video-js.skin_mini .vjs-button{
|
|
284
|
+
width: 3em;
|
|
93
285
|
display: flex;
|
|
94
286
|
align-items: center;
|
|
95
287
|
justify-content: center;
|
|
96
288
|
}
|
|
97
289
|
|
|
98
290
|
|
|
99
|
-
.video-js.
|
|
291
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
100
292
|
.icon-maximize {
|
|
101
293
|
display: block;
|
|
102
294
|
height: 32px;
|
|
103
295
|
}
|
|
104
296
|
|
|
105
|
-
.video-js.
|
|
297
|
+
.video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
|
|
106
298
|
line-height: 4;
|
|
107
299
|
}
|
|
108
300
|
|
|
109
|
-
.video-js.
|
|
301
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
110
302
|
.icon-minimize {
|
|
111
303
|
display: none;
|
|
112
304
|
height: 32px;
|
|
113
305
|
}
|
|
114
306
|
|
|
115
|
-
.video-js.
|
|
307
|
+
.video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
|
|
116
308
|
outline: none !important;
|
|
117
309
|
}
|
|
118
|
-
.video-js.
|
|
310
|
+
.video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
119
311
|
.vjs-icon-fullscreen-enter:before {
|
|
120
312
|
/* content: '' !important; */
|
|
121
313
|
}
|
|
122
314
|
|
|
123
|
-
.video-js.
|
|
315
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
124
316
|
display: flex;
|
|
125
317
|
justify-content: center;
|
|
126
318
|
align-items: center;
|
|
127
319
|
/* transform: rotate(90deg); */
|
|
128
320
|
}
|
|
129
321
|
|
|
130
|
-
.video-js.
|
|
322
|
+
.video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
131
323
|
display: none;
|
|
132
324
|
}
|
|
133
|
-
.video-js.
|
|
325
|
+
.video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
|
|
134
326
|
margin-left: -10px;
|
|
327
|
+
display: none;
|
|
135
328
|
}
|
|
136
329
|
|
|
137
|
-
.video-js.
|
|
330
|
+
.video-js.skin_mini .vjs-loading-spinner {
|
|
331
|
+
position: absolute;
|
|
332
|
+
top: 50%;
|
|
333
|
+
left: 50%;
|
|
334
|
+
transform: translate(-50%, -50%);
|
|
335
|
+
opacity: .85;
|
|
336
|
+
text-align: left;
|
|
337
|
+
border: .2em solid rgba(43, 51, 63, .7);
|
|
338
|
+
box-sizing: border-box;
|
|
339
|
+
background-clip: padding-box;
|
|
340
|
+
width: 3em;
|
|
341
|
+
height: 3em;
|
|
342
|
+
border-radius: 50%;
|
|
343
|
+
visibility: hidden;
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
.video-js.skin_mini .skipbtn:hover{
|
|
138
347
|
cursor: pointer;
|
|
139
348
|
}
|
|
140
349
|
|
|
141
|
-
.video-js.
|
|
350
|
+
.video-js.skin_mini .rewindbtn:hover{
|
|
142
351
|
cursor: pointer;
|
|
143
352
|
}
|
|
144
353
|
|
|
145
|
-
.video-js.
|
|
354
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
|
|
146
355
|
position: relative;
|
|
147
356
|
padding-left: 0;
|
|
148
357
|
}
|
|
149
358
|
|
|
150
|
-
.video-js.
|
|
151
|
-
|
|
359
|
+
.video-js.skin_mini.vjs-paused .vjs-big-play-button {
|
|
360
|
+
width: 40px;
|
|
361
|
+
height: 40px;
|
|
362
|
+
display: flex;
|
|
363
|
+
justify-content: center;
|
|
364
|
+
align-items: center;
|
|
365
|
+
border: none;
|
|
366
|
+
position: absolute;
|
|
367
|
+
top: 0;
|
|
368
|
+
left: 0;
|
|
369
|
+
right: 0;
|
|
370
|
+
bottom: 0;
|
|
371
|
+
margin: auto;
|
|
372
|
+
font-size: 3em;
|
|
373
|
+
line-height: 1.3em;
|
|
374
|
+
transform: none !important;
|
|
375
|
+
border-radius: 1.3em;
|
|
152
376
|
}
|
|
153
377
|
|
|
154
|
-
.video-js.
|
|
155
|
-
width: 90px;
|
|
156
|
-
height: 90px;
|
|
157
|
-
display: flex;
|
|
158
|
-
justify-content: center;
|
|
159
|
-
align-items: center;
|
|
160
|
-
border-radius: 50%;
|
|
161
|
-
position: absolute;
|
|
162
|
-
top: 0;
|
|
163
|
-
left: 0;
|
|
164
|
-
right: 0;
|
|
165
|
-
bottom: 0;
|
|
166
|
-
margin: auto;
|
|
167
|
-
font-size: 6em;
|
|
168
|
-
line-height: 1.4em;
|
|
169
|
-
border: 0.05em solid;
|
|
170
|
-
color: inherit;
|
|
171
|
-
}
|
|
172
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
378
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
173
379
|
font-weight: bold;
|
|
174
380
|
}
|
|
175
381
|
|
|
176
|
-
.video-js.
|
|
177
|
-
bottom:
|
|
178
|
-
right:
|
|
382
|
+
.video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
|
|
383
|
+
bottom: 1.1em !important;
|
|
384
|
+
right: 1em;
|
|
179
385
|
z-index: 1;
|
|
386
|
+
font-size: 10px;
|
|
180
387
|
}
|
|
181
388
|
|
|
182
|
-
.video-js.
|
|
389
|
+
.video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
|
|
183
390
|
width: 24px !important;
|
|
184
391
|
height: 24px !important;
|
|
185
392
|
}
|
|
186
|
-
.settings-selector-icon>svg{
|
|
393
|
+
.video-js.skin_mini .settings-selector-icon>svg{
|
|
187
394
|
height: 19px !important;
|
|
188
395
|
width: 19px !important;
|
|
189
396
|
}
|
|
190
397
|
|
|
191
398
|
|
|
192
|
-
.video-js.
|
|
399
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
193
400
|
cursor: pointer;
|
|
194
401
|
}
|
|
195
402
|
|
|
196
|
-
.video-js.
|
|
403
|
+
.video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
197
404
|
padding-right: 0;
|
|
198
405
|
}
|
|
199
406
|
|
|
200
|
-
.video-js.
|
|
407
|
+
.video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
201
408
|
padding-left: 0;
|
|
202
409
|
}
|
|
203
410
|
|
|
204
|
-
.video-js.
|
|
411
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
205
412
|
padding-left: 0;
|
|
206
413
|
padding-right: 0;
|
|
207
414
|
display: flex;
|
|
@@ -209,46 +416,48 @@
|
|
|
209
416
|
width: min-content;
|
|
210
417
|
}
|
|
211
418
|
|
|
212
|
-
.video-js.
|
|
419
|
+
.video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
|
|
213
420
|
display: none
|
|
214
421
|
}
|
|
215
|
-
.video-js.
|
|
422
|
+
.video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
216
423
|
display: none
|
|
217
424
|
}
|
|
218
425
|
|
|
219
|
-
.video-js.
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
426
|
+
.video-js.skin_mini .vjs-control-bar .vjs-time-control {
|
|
427
|
+
display: flex;
|
|
428
|
+
align-items: center;
|
|
429
|
+
font-weight: 700;
|
|
430
|
+
font-size: 9px;
|
|
431
|
+
min-width: 0.8em;
|
|
432
|
+
padding-left: 0;
|
|
225
433
|
}
|
|
226
434
|
|
|
227
|
-
.video-js.
|
|
435
|
+
.video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
228
436
|
display: none;
|
|
229
437
|
font-size: 11px;
|
|
230
438
|
justify-content: center;
|
|
231
439
|
align-items: center;
|
|
232
440
|
user-select: none;
|
|
233
441
|
}
|
|
234
|
-
.video-js.
|
|
442
|
+
.video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
235
443
|
display: none;
|
|
236
444
|
}
|
|
237
445
|
|
|
238
|
-
.video-js.
|
|
446
|
+
.video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
239
447
|
height: min-content;
|
|
240
448
|
width: min-content;
|
|
241
449
|
}
|
|
242
|
-
.video-js.
|
|
243
|
-
width:
|
|
450
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
451
|
+
width: 3em;
|
|
452
|
+
margin-right: 4px;
|
|
244
453
|
}
|
|
245
454
|
|
|
246
|
-
.video-js.
|
|
455
|
+
.video-js.skin_mini .content{
|
|
247
456
|
bottom: 3.4rem !important;
|
|
248
457
|
right: -4rem !important;
|
|
249
458
|
}
|
|
250
459
|
|
|
251
|
-
.setting-icon > svg{
|
|
460
|
+
.video-js.skin_mini .setting-icon > svg{
|
|
252
461
|
height:18px !important;
|
|
253
462
|
}
|
|
254
463
|
|
|
@@ -262,15 +471,16 @@
|
|
|
262
471
|
pointer-events:none
|
|
263
472
|
}
|
|
264
473
|
|
|
265
|
-
.video-js.
|
|
474
|
+
.video-js.skin_mini iframe{
|
|
266
475
|
width: 100%;
|
|
267
476
|
height: 100%;
|
|
268
477
|
}
|
|
269
478
|
|
|
270
|
-
.video-js.
|
|
479
|
+
.video-js.skin_mini .vjs-live-control{
|
|
271
480
|
align-items: center;
|
|
481
|
+
max-width: 5em;
|
|
272
482
|
}
|
|
273
|
-
.video-js.
|
|
483
|
+
.video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
|
|
274
484
|
height: 2.2em;
|
|
275
485
|
display: flex;
|
|
276
486
|
align-items: center;
|
|
@@ -278,277 +488,212 @@
|
|
|
278
488
|
width: 4em;
|
|
279
489
|
justify-content: center;
|
|
280
490
|
background: red;
|
|
281
|
-
margin: 4px 0px 4px
|
|
491
|
+
margin: 4px 0px 4px 2px;
|
|
282
492
|
}
|
|
283
493
|
|
|
284
|
-
.video-js.
|
|
494
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
|
|
285
495
|
text-shadow: none;
|
|
286
496
|
}
|
|
287
|
-
.video-js.
|
|
497
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
288
498
|
display: none;
|
|
289
499
|
font-size: 12px;
|
|
290
500
|
}
|
|
291
501
|
|
|
292
|
-
.video-js.
|
|
293
|
-
height:
|
|
502
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
503
|
+
height: 1.8em;
|
|
294
504
|
display: inline-flex;
|
|
295
505
|
align-items: center;
|
|
296
|
-
|
|
506
|
+
font-family: monospace;
|
|
297
507
|
justify-content: center;
|
|
298
|
-
border:
|
|
299
|
-
margin: 4px 0px 4px
|
|
508
|
+
border: 1.5px solid;
|
|
509
|
+
margin: 4px 0px 4px 2px;
|
|
300
510
|
white-space: pre;
|
|
301
|
-
padding:
|
|
511
|
+
padding: 2px 4px;
|
|
302
512
|
font-size: 1.2em;
|
|
303
513
|
font-weight: 500;
|
|
304
514
|
color: rgba(255, 255, 2555, 0.7);
|
|
305
|
-
|
|
306
|
-
letter-spacing: -.1px;
|
|
307
|
-
line-height: normal;
|
|
308
|
-
text-transform: uppercase;
|
|
309
|
-
color: #FFFFFF;
|
|
310
|
-
opacity: .7;
|
|
311
|
-
font-family: "Proxima Nova";
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
315
|
-
opacity: 1;
|
|
316
515
|
}
|
|
317
516
|
|
|
318
|
-
.video-js.
|
|
517
|
+
.video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
319
518
|
content: "NOT LIVE";
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
.settings-selection.vjs-control.vjs-button{
|
|
323
|
-
display: flex !important;
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
@media(max-width:576px){
|
|
327
|
-
.settings-selection.vjs-control.vjs-button{
|
|
328
|
-
display: none !important;
|
|
329
|
-
}
|
|
519
|
+
word-spacing: -4px;
|
|
330
520
|
}
|
|
331
521
|
|
|
332
522
|
|
|
333
|
-
@media(max-width:
|
|
523
|
+
@media(max-width:600px){
|
|
334
524
|
.tvProviderImage{
|
|
335
525
|
display: none
|
|
336
526
|
}
|
|
337
|
-
.video-js.
|
|
527
|
+
.video-js.skin_mini .vjs-fullscreen .icon-minimize,
|
|
338
528
|
.icon-maximize {
|
|
339
529
|
height: 30px !important;
|
|
340
530
|
}
|
|
341
531
|
|
|
342
|
-
.video-js.
|
|
532
|
+
.video-js.skin_mini .vjs-fullscreen .icon-maximize,
|
|
343
533
|
.icon-minimize {
|
|
344
534
|
height: 30px !important;
|
|
345
535
|
}
|
|
346
|
-
.video-js.
|
|
347
|
-
width:
|
|
536
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
537
|
+
width: 3.5em;
|
|
348
538
|
}
|
|
349
|
-
.video-js.
|
|
539
|
+
.video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
350
540
|
height: min-content;
|
|
351
541
|
}
|
|
352
542
|
|
|
353
|
-
.video-js.
|
|
543
|
+
.video-js.skin_mini button.vjs-slowmo-button{
|
|
354
544
|
display: none;
|
|
355
545
|
}
|
|
356
|
-
.video-js.
|
|
546
|
+
.video-js.skin_mini button.vjs-rewind-button{
|
|
357
547
|
display: none;
|
|
358
548
|
}
|
|
359
|
-
.video-js.
|
|
549
|
+
.video-js.skin_mini button.vjs-rewind-button>svg{
|
|
360
550
|
height: 20px;
|
|
361
551
|
}
|
|
362
|
-
.video-js.
|
|
363
|
-
width:
|
|
552
|
+
.video-js.skin_mini .vjs-button{
|
|
553
|
+
width: 3em;
|
|
364
554
|
}
|
|
365
|
-
.video-js.
|
|
555
|
+
.video-js.skin_mini .widget-selection{
|
|
366
556
|
display: none;
|
|
367
557
|
}
|
|
368
|
-
.video-js.
|
|
558
|
+
.video-js.skin_mini .container{
|
|
369
559
|
display: none !important;
|
|
370
560
|
}
|
|
371
|
-
.video-js.
|
|
561
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
372
562
|
height: 4em !important;
|
|
373
563
|
}
|
|
374
|
-
.video-js.
|
|
564
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
375
565
|
font-size: 2.5em;
|
|
376
566
|
line-height: 1.5;
|
|
377
567
|
}
|
|
378
|
-
.video-js.
|
|
568
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
379
569
|
font-size: 1.2em;
|
|
380
570
|
position: absolute;
|
|
381
571
|
right: -0.5em;
|
|
382
572
|
z-index: 1;
|
|
383
573
|
}
|
|
384
|
-
.video-js.
|
|
574
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
385
575
|
height: 20px;
|
|
386
576
|
}
|
|
387
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
388
|
-
width: 50px !important;
|
|
389
|
-
height: 50px !important;
|
|
390
|
-
font-size: 2.1rem !important;
|
|
391
|
-
}
|
|
392
577
|
|
|
393
578
|
.stream-selector-icon>svg{
|
|
394
579
|
width: 24px;
|
|
395
580
|
height: 24px;
|
|
396
581
|
}
|
|
397
|
-
.video-js.
|
|
398
|
-
margin: 0 12px 0 12px;
|
|
399
|
-
}
|
|
400
|
-
.video-js.skin_news .vjs-seek-to-live-text{
|
|
582
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
401
583
|
font-size: 12px;
|
|
402
584
|
}
|
|
403
|
-
|
|
404
|
-
|
|
585
|
+
|
|
586
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
587
|
+
color: white !important;
|
|
588
|
+
font-size: 16px !important;
|
|
589
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
590
|
+
}
|
|
405
591
|
}
|
|
592
|
+
|
|
593
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
594
|
+
color: white !important;
|
|
595
|
+
font-size: 16px !important;
|
|
596
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
406
597
|
}
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
display: flex;
|
|
411
|
-
justify-content: center;
|
|
412
|
-
align-items: center;
|
|
413
|
-
border-radius: 50%;
|
|
414
|
-
position: absolute;
|
|
415
|
-
top: 0;
|
|
416
|
-
left: 0;
|
|
417
|
-
right: 0;
|
|
418
|
-
bottom: 0;
|
|
419
|
-
margin: auto;
|
|
420
|
-
font-size: 6em;
|
|
421
|
-
line-height: 1.4em;
|
|
598
|
+
|
|
599
|
+
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
600
|
+
font-size: 18px !important;
|
|
422
601
|
}
|
|
423
602
|
|
|
424
|
-
.video-js.
|
|
603
|
+
.video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
604
|
+
margin-bottom: 1rem !important;
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
|
|
608
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
425
609
|
display: flex;
|
|
426
610
|
justify-content: center;
|
|
427
611
|
align-items: center;
|
|
428
612
|
height: 100%;
|
|
429
613
|
transition: width 0.1s;
|
|
430
614
|
}
|
|
615
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
616
|
+
margin: 2px;
|
|
617
|
+
}
|
|
431
618
|
|
|
432
|
-
.video-js.
|
|
619
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
433
620
|
display: flex;
|
|
434
621
|
justify-content: center;
|
|
435
622
|
align-items: center;
|
|
436
623
|
height: 100%;
|
|
437
624
|
transition: width 0.1s;
|
|
438
625
|
}
|
|
439
|
-
.video-js.
|
|
440
|
-
display:
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
626
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
627
|
+
display: grid;
|
|
628
|
+
font-size: 10px;
|
|
629
|
+
grid-template-columns: 1fr;
|
|
630
|
+
grid-template-rows: 1fr;
|
|
631
|
+
padding: 1px 0px 0 0px;
|
|
632
|
+
margin: 0;
|
|
445
633
|
}
|
|
446
634
|
|
|
447
|
-
@media (max-width:
|
|
448
|
-
.video-js.
|
|
449
|
-
bottom: 2px;
|
|
450
|
-
}
|
|
451
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
635
|
+
@media (max-width: 600px) {
|
|
636
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
452
637
|
height: 5px !important;
|
|
453
638
|
}
|
|
454
|
-
.video-js.skin_news button.vjs-big-play-button {
|
|
455
|
-
width: 50px !important;
|
|
456
|
-
height: 50px !important;
|
|
457
|
-
font-size: 2.1rem !important;
|
|
458
|
-
}
|
|
459
639
|
|
|
460
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
640
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
461
641
|
display: none;
|
|
462
642
|
}
|
|
463
|
-
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
464
|
-
bottom: 2.4em !important;
|
|
465
|
-
right: -1em;
|
|
466
|
-
z-index: 1;
|
|
467
|
-
}
|
|
468
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
469
|
-
display: none !important;
|
|
470
|
-
}
|
|
471
|
-
|
|
472
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
473
|
-
color: white !important;
|
|
474
|
-
font-size: 13px !important;
|
|
475
|
-
background-color: black !important;
|
|
476
|
-
}
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
480
|
-
color: white !important;
|
|
481
|
-
font-size: 16px !important;
|
|
482
|
-
background-color: black !important;
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
486
|
-
margin-bottom: 2rem !important;
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
490
|
-
font-size: 18px !important;
|
|
491
|
-
}
|
|
492
|
-
|
|
493
643
|
|
|
494
|
-
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
495
|
-
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
496
|
-
font-size: 1.2em !important;
|
|
497
|
-
line-height: 1.5em !important;
|
|
498
|
-
padding: 0.2em 0.8em !important;
|
|
499
644
|
}
|
|
500
645
|
|
|
501
|
-
.video-js.
|
|
646
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
502
647
|
content: none !important;
|
|
503
648
|
fill: none !important;
|
|
504
649
|
filter: none !important;
|
|
505
650
|
}
|
|
506
651
|
|
|
507
652
|
/* svg icons opacity and hover effect */
|
|
508
|
-
.video-js.
|
|
653
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
509
654
|
opacity: 0.7 !important;
|
|
510
655
|
}
|
|
511
656
|
|
|
512
|
-
.video-js.
|
|
513
|
-
opacity: 1 !important;
|
|
514
|
-
}
|
|
515
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
516
|
-
opacity: 0.7 !important;
|
|
517
|
-
}
|
|
518
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
657
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
519
658
|
opacity: 1 !important;
|
|
520
659
|
}
|
|
521
660
|
|
|
522
|
-
.video-js.
|
|
661
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
523
662
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
524
663
|
}
|
|
525
664
|
|
|
526
|
-
.video-js.
|
|
665
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
527
666
|
color: rgba(255, 255, 2555, 1)!important;
|
|
528
667
|
}
|
|
529
668
|
|
|
530
669
|
|
|
531
670
|
|
|
532
|
-
|
|
671
|
+
|
|
672
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
533
673
|
font-size: 2.2em;
|
|
534
674
|
line-height: 2.6;
|
|
535
675
|
}
|
|
536
|
-
.video-js.
|
|
537
|
-
|
|
676
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
677
|
+
background: white;
|
|
538
678
|
}
|
|
539
|
-
.video-js.
|
|
679
|
+
.video-js.skin_news .vjs-control-bar{
|
|
540
680
|
z-index: 1 !important;
|
|
541
|
-
height:
|
|
681
|
+
height: 5em !important;
|
|
542
682
|
background: black !important;
|
|
543
683
|
}
|
|
684
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
685
|
+
display: flex;
|
|
686
|
+
align-items: center;
|
|
687
|
+
justify-content: center;
|
|
688
|
+
}
|
|
544
689
|
|
|
545
|
-
.video-js.
|
|
690
|
+
.video-js.skin_news .vjs-fade>* {
|
|
546
691
|
visibility: hidden !important;
|
|
547
692
|
opacity: 0 !important;
|
|
548
693
|
transition: visibility 1s, opacity 1s !important;
|
|
549
694
|
}
|
|
550
695
|
|
|
551
|
-
.video-js.
|
|
696
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
552
697
|
position: absolute;
|
|
553
698
|
width: 100%;
|
|
554
699
|
display: flex;
|
|
@@ -556,7 +701,7 @@
|
|
|
556
701
|
top: -0.5em;
|
|
557
702
|
}
|
|
558
703
|
|
|
559
|
-
.video-js.
|
|
704
|
+
.video-js.skin_news .vjs-progress-control {
|
|
560
705
|
/* left: -6px; */
|
|
561
706
|
position: relative;
|
|
562
707
|
width: 100%;
|
|
@@ -567,19 +712,19 @@
|
|
|
567
712
|
|
|
568
713
|
|
|
569
714
|
|
|
570
|
-
.video-js.
|
|
715
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
571
716
|
display: block;
|
|
572
717
|
flex: 1 1 auto;
|
|
573
718
|
}
|
|
574
719
|
|
|
575
|
-
.video-js.
|
|
720
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
576
721
|
margin: 0 0px 0 0px;
|
|
577
722
|
}
|
|
578
|
-
.video-js.
|
|
723
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
579
724
|
display: none;
|
|
580
725
|
}
|
|
581
726
|
|
|
582
|
-
.video-js.
|
|
727
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
583
728
|
font-size: 14px;
|
|
584
729
|
font-weight: 500;
|
|
585
730
|
align-self: center;
|
|
@@ -588,158 +733,143 @@
|
|
|
588
733
|
border-radius: 8px;
|
|
589
734
|
}
|
|
590
735
|
|
|
591
|
-
.video-js.
|
|
592
|
-
height:
|
|
736
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
737
|
+
height: 6px !important;
|
|
593
738
|
}
|
|
594
739
|
|
|
595
|
-
.video-js.
|
|
596
|
-
font-size: 1.
|
|
740
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
741
|
+
font-size: 1.5em;
|
|
597
742
|
line-height: unset;
|
|
598
743
|
top: -0.3333333333em;
|
|
599
744
|
}
|
|
600
745
|
|
|
601
|
-
.video-js.
|
|
746
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
602
747
|
display: none !important;
|
|
603
748
|
}
|
|
604
749
|
|
|
605
750
|
/* */
|
|
606
|
-
.video-js.
|
|
751
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
607
752
|
font-size: 1.6666666667em;
|
|
608
753
|
}
|
|
609
754
|
|
|
610
|
-
.video-js.
|
|
755
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
611
756
|
font-size: 1em !important;
|
|
612
757
|
}
|
|
613
758
|
|
|
614
|
-
.video-js.
|
|
615
|
-
width: 3em;
|
|
759
|
+
.video-js.skin_news .vjs-button{
|
|
760
|
+
width: 5.3em;
|
|
616
761
|
display: flex;
|
|
617
762
|
align-items: center;
|
|
618
763
|
justify-content: center;
|
|
619
764
|
}
|
|
620
765
|
|
|
621
766
|
|
|
622
|
-
.video-js.
|
|
767
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
623
768
|
.icon-maximize {
|
|
624
769
|
display: block;
|
|
625
770
|
height: 32px;
|
|
626
771
|
}
|
|
627
772
|
|
|
628
|
-
.video-js.
|
|
773
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
629
774
|
line-height: 4;
|
|
630
775
|
}
|
|
631
776
|
|
|
632
|
-
.video-js.
|
|
777
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
633
778
|
.icon-minimize {
|
|
634
779
|
display: none;
|
|
635
780
|
height: 32px;
|
|
636
781
|
}
|
|
637
782
|
|
|
638
|
-
.video-js.
|
|
783
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
639
784
|
outline: none !important;
|
|
640
785
|
}
|
|
641
|
-
.video-js.
|
|
786
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
642
787
|
.vjs-icon-fullscreen-enter:before {
|
|
643
788
|
/* content: '' !important; */
|
|
644
789
|
}
|
|
645
790
|
|
|
646
|
-
.video-js.
|
|
791
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
647
792
|
display: flex;
|
|
648
793
|
justify-content: center;
|
|
649
794
|
align-items: center;
|
|
650
795
|
/* transform: rotate(90deg); */
|
|
651
796
|
}
|
|
652
797
|
|
|
653
|
-
.video-js.
|
|
798
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
654
799
|
display: none;
|
|
655
800
|
}
|
|
656
|
-
.video-js.
|
|
801
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
657
802
|
margin-left: -10px;
|
|
658
|
-
display: none;
|
|
659
|
-
}
|
|
660
|
-
|
|
661
|
-
.video-js.skin_mini .vjs-loading-spinner {
|
|
662
|
-
position: absolute;
|
|
663
|
-
top: 50%;
|
|
664
|
-
left: 50%;
|
|
665
|
-
transform: translate(-50%, -50%);
|
|
666
|
-
opacity: .85;
|
|
667
|
-
text-align: left;
|
|
668
|
-
border: .2em solid rgba(43, 51, 63, .7);
|
|
669
|
-
box-sizing: border-box;
|
|
670
|
-
background-clip: padding-box;
|
|
671
|
-
width: 3em;
|
|
672
|
-
height: 3em;
|
|
673
|
-
border-radius: 50%;
|
|
674
|
-
visibility: hidden;
|
|
675
803
|
}
|
|
676
804
|
|
|
677
|
-
.video-js.
|
|
805
|
+
.video-js.skin_news .skipbtn:hover{
|
|
678
806
|
cursor: pointer;
|
|
679
807
|
}
|
|
680
808
|
|
|
681
|
-
.video-js.
|
|
809
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
682
810
|
cursor: pointer;
|
|
683
811
|
}
|
|
684
812
|
|
|
685
|
-
.video-js.
|
|
813
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
686
814
|
position: relative;
|
|
687
815
|
padding-left: 0;
|
|
688
816
|
}
|
|
689
817
|
|
|
690
|
-
.video-js.
|
|
691
|
-
|
|
692
|
-
height: 40px;
|
|
693
|
-
display: flex;
|
|
694
|
-
justify-content: center;
|
|
695
|
-
align-items: center;
|
|
696
|
-
border: none;
|
|
697
|
-
position: absolute;
|
|
698
|
-
top: 0;
|
|
699
|
-
left: 0;
|
|
700
|
-
right: 0;
|
|
701
|
-
bottom: 0;
|
|
702
|
-
margin: auto;
|
|
703
|
-
font-size: 3em;
|
|
704
|
-
line-height: 1.3em;
|
|
705
|
-
transform: none !important;
|
|
706
|
-
border-radius: 1.3em;
|
|
818
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
819
|
+
display: none !important;
|
|
707
820
|
}
|
|
708
821
|
|
|
709
|
-
.video-js.
|
|
822
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
823
|
+
width: 90px;
|
|
824
|
+
height: 90px;
|
|
825
|
+
display: flex;
|
|
826
|
+
justify-content: center;
|
|
827
|
+
align-items: center;
|
|
828
|
+
border-radius: 50%;
|
|
829
|
+
position: absolute;
|
|
830
|
+
top: 0;
|
|
831
|
+
left: 0;
|
|
832
|
+
right: 0;
|
|
833
|
+
bottom: 0;
|
|
834
|
+
margin: auto;
|
|
835
|
+
font-size: 6em;
|
|
836
|
+
line-height: 1.4em;
|
|
837
|
+
border: 0.05em solid;
|
|
838
|
+
color: inherit;
|
|
839
|
+
}
|
|
840
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
710
841
|
font-weight: bold;
|
|
711
842
|
}
|
|
712
843
|
|
|
713
|
-
.video-js.
|
|
714
|
-
bottom:
|
|
715
|
-
right: 1em;
|
|
844
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
845
|
+
bottom: 2.4em !important;
|
|
846
|
+
right: -1em;
|
|
716
847
|
z-index: 1;
|
|
717
|
-
font-size: 10px;
|
|
718
848
|
}
|
|
719
849
|
|
|
720
|
-
.video-js.
|
|
850
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
721
851
|
width: 24px !important;
|
|
722
852
|
height: 24px !important;
|
|
723
853
|
}
|
|
724
|
-
.
|
|
854
|
+
.settings-selector-icon>svg{
|
|
725
855
|
height: 19px !important;
|
|
726
856
|
width: 19px !important;
|
|
727
857
|
}
|
|
728
858
|
|
|
729
859
|
|
|
730
|
-
.video-js.
|
|
860
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
731
861
|
cursor: pointer;
|
|
732
862
|
}
|
|
733
863
|
|
|
734
|
-
.video-js.
|
|
864
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
735
865
|
padding-right: 0;
|
|
736
866
|
}
|
|
737
867
|
|
|
738
|
-
.video-js.
|
|
868
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
739
869
|
padding-left: 0;
|
|
740
870
|
}
|
|
741
871
|
|
|
742
|
-
.video-js.
|
|
872
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
743
873
|
padding-left: 0;
|
|
744
874
|
padding-right: 0;
|
|
745
875
|
display: flex;
|
|
@@ -747,48 +877,46 @@
|
|
|
747
877
|
width: min-content;
|
|
748
878
|
}
|
|
749
879
|
|
|
750
|
-
.video-js.
|
|
880
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
751
881
|
display: none
|
|
752
882
|
}
|
|
753
|
-
.video-js.
|
|
883
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
754
884
|
display: none
|
|
755
885
|
}
|
|
756
886
|
|
|
757
|
-
.video-js.
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
padding-left: 0;
|
|
887
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
888
|
+
display: flex;
|
|
889
|
+
align-items: center;
|
|
890
|
+
font-weight: 700;
|
|
891
|
+
font-size: 12px;
|
|
892
|
+
min-width: 1.2em;
|
|
764
893
|
}
|
|
765
894
|
|
|
766
|
-
.video-js.
|
|
895
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
767
896
|
display: none;
|
|
768
897
|
font-size: 11px;
|
|
769
898
|
justify-content: center;
|
|
770
899
|
align-items: center;
|
|
771
900
|
user-select: none;
|
|
772
901
|
}
|
|
773
|
-
.video-js.
|
|
902
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
774
903
|
display: none;
|
|
775
904
|
}
|
|
776
905
|
|
|
777
|
-
.video-js.
|
|
906
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
778
907
|
height: min-content;
|
|
779
908
|
width: min-content;
|
|
780
909
|
}
|
|
781
|
-
.video-js.
|
|
782
|
-
width:
|
|
783
|
-
margin-right: 4px;
|
|
910
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
911
|
+
width: 6em;
|
|
784
912
|
}
|
|
785
913
|
|
|
786
|
-
.video-js.
|
|
914
|
+
.video-js.skin_news .content{
|
|
787
915
|
bottom: 3.4rem !important;
|
|
788
916
|
right: -4rem !important;
|
|
789
917
|
}
|
|
790
918
|
|
|
791
|
-
.
|
|
919
|
+
.setting-icon > svg{
|
|
792
920
|
height:18px !important;
|
|
793
921
|
}
|
|
794
922
|
|
|
@@ -802,16 +930,15 @@
|
|
|
802
930
|
pointer-events:none
|
|
803
931
|
}
|
|
804
932
|
|
|
805
|
-
.video-js.
|
|
933
|
+
.video-js.skin_news iframe{
|
|
806
934
|
width: 100%;
|
|
807
935
|
height: 100%;
|
|
808
936
|
}
|
|
809
937
|
|
|
810
|
-
.video-js.
|
|
938
|
+
.video-js.skin_news .vjs-live-control{
|
|
811
939
|
align-items: center;
|
|
812
|
-
max-width: 5em;
|
|
813
940
|
}
|
|
814
|
-
.video-js.
|
|
941
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
815
942
|
height: 2.2em;
|
|
816
943
|
display: flex;
|
|
817
944
|
align-items: center;
|
|
@@ -819,187 +946,257 @@
|
|
|
819
946
|
width: 4em;
|
|
820
947
|
justify-content: center;
|
|
821
948
|
background: red;
|
|
822
|
-
margin: 4px 0px 4px
|
|
949
|
+
margin: 4px 0px 4px 12px;
|
|
823
950
|
}
|
|
824
951
|
|
|
825
|
-
.video-js.
|
|
952
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
826
953
|
text-shadow: none;
|
|
827
954
|
}
|
|
828
|
-
.video-js.
|
|
955
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
829
956
|
display: none;
|
|
830
957
|
font-size: 12px;
|
|
831
958
|
}
|
|
832
959
|
|
|
833
|
-
.video-js.
|
|
834
|
-
height:
|
|
960
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
961
|
+
height: 2.2em;
|
|
835
962
|
display: inline-flex;
|
|
836
963
|
align-items: center;
|
|
837
|
-
font-family: monospace;
|
|
964
|
+
/* font-family: monospace; */
|
|
838
965
|
justify-content: center;
|
|
839
|
-
border:
|
|
840
|
-
margin: 4px 0px 4px
|
|
966
|
+
border: 2px solid;
|
|
967
|
+
margin: 4px 0px 4px 6px;
|
|
841
968
|
white-space: pre;
|
|
842
|
-
padding:
|
|
969
|
+
padding: 0px 6px;
|
|
843
970
|
font-size: 1.2em;
|
|
844
971
|
font-weight: 500;
|
|
845
972
|
color: rgba(255, 255, 2555, 0.7);
|
|
973
|
+
|
|
974
|
+
letter-spacing: -.1px;
|
|
975
|
+
line-height: normal;
|
|
976
|
+
text-transform: uppercase;
|
|
977
|
+
color: #FFFFFF;
|
|
978
|
+
opacity: .7;
|
|
979
|
+
font-family: "Proxima Nova";
|
|
846
980
|
}
|
|
847
981
|
|
|
848
|
-
.video-js.
|
|
982
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
983
|
+
opacity: 1;
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
849
987
|
content: "NOT LIVE";
|
|
850
|
-
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
.settings-selection.vjs-control.vjs-button{
|
|
991
|
+
display: flex !important;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
@media(max-width:576px){
|
|
995
|
+
.settings-selection.vjs-control.vjs-button{
|
|
996
|
+
display: none !important;
|
|
997
|
+
}
|
|
851
998
|
}
|
|
852
999
|
|
|
853
1000
|
|
|
854
|
-
@media(max-width:
|
|
1001
|
+
@media(max-width:576px){
|
|
855
1002
|
.tvProviderImage{
|
|
856
1003
|
display: none
|
|
857
1004
|
}
|
|
858
|
-
.video-js.
|
|
1005
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
859
1006
|
.icon-maximize {
|
|
860
1007
|
height: 30px !important;
|
|
861
1008
|
}
|
|
862
1009
|
|
|
863
|
-
.video-js.
|
|
1010
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
864
1011
|
.icon-minimize {
|
|
865
1012
|
height: 30px !important;
|
|
866
1013
|
}
|
|
867
|
-
.video-js.
|
|
868
|
-
width:
|
|
1014
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1015
|
+
width: 4.5em;
|
|
869
1016
|
}
|
|
870
|
-
.video-js.
|
|
1017
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
871
1018
|
height: min-content;
|
|
872
1019
|
}
|
|
873
1020
|
|
|
874
|
-
.video-js.
|
|
1021
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
875
1022
|
display: none;
|
|
876
1023
|
}
|
|
877
|
-
.video-js.
|
|
1024
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
878
1025
|
display: none;
|
|
879
1026
|
}
|
|
880
|
-
.video-js.
|
|
1027
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
881
1028
|
height: 20px;
|
|
882
1029
|
}
|
|
883
|
-
.video-js.
|
|
884
|
-
width:
|
|
1030
|
+
.video-js.skin_news .vjs-button{
|
|
1031
|
+
width: 4.8em;
|
|
885
1032
|
}
|
|
886
|
-
.video-js.
|
|
1033
|
+
.video-js.skin_news .widget-selection{
|
|
887
1034
|
display: none;
|
|
888
1035
|
}
|
|
889
|
-
.video-js.
|
|
1036
|
+
.video-js.skin_news .container{
|
|
890
1037
|
display: none !important;
|
|
891
1038
|
}
|
|
892
|
-
.video-js.
|
|
1039
|
+
.video-js.skin_news .vjs-control-bar{
|
|
893
1040
|
height: 4em !important;
|
|
894
1041
|
}
|
|
895
|
-
.video-js.
|
|
1042
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
896
1043
|
font-size: 2.5em;
|
|
897
1044
|
line-height: 1.5;
|
|
898
1045
|
}
|
|
899
|
-
.video-js.
|
|
1046
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
900
1047
|
font-size: 1.2em;
|
|
901
1048
|
position: absolute;
|
|
902
1049
|
right: -0.5em;
|
|
903
1050
|
z-index: 1;
|
|
904
1051
|
}
|
|
905
|
-
.video-js.
|
|
1052
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
906
1053
|
height: 20px;
|
|
907
1054
|
}
|
|
1055
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
1056
|
+
width: 50px !important;
|
|
1057
|
+
height: 50px !important;
|
|
1058
|
+
font-size: 2.1rem !important;
|
|
1059
|
+
}
|
|
908
1060
|
|
|
909
1061
|
.stream-selector-icon>svg{
|
|
910
1062
|
width: 24px;
|
|
911
1063
|
height: 24px;
|
|
912
1064
|
}
|
|
913
|
-
.video-js.
|
|
914
|
-
|
|
1065
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1066
|
+
margin: 0 12px 0 12px;
|
|
915
1067
|
}
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
color: white !important;
|
|
919
|
-
font-size: 16px !important;
|
|
920
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
921
|
-
}
|
|
1068
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
1069
|
+
font-size: 12px;
|
|
922
1070
|
}
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
color: white !important;
|
|
926
|
-
font-size: 16px !important;
|
|
927
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
1071
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
1072
|
+
margin: 0 12px 0 12px;
|
|
928
1073
|
}
|
|
929
|
-
|
|
930
|
-
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
931
|
-
font-size: 18px !important;
|
|
932
1074
|
}
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
1075
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
1076
|
+
width: 90px;
|
|
1077
|
+
height: 90px;
|
|
1078
|
+
display: flex;
|
|
1079
|
+
justify-content: center;
|
|
1080
|
+
align-items: center;
|
|
1081
|
+
border-radius: 50%;
|
|
1082
|
+
position: absolute;
|
|
1083
|
+
top: 0;
|
|
1084
|
+
left: 0;
|
|
1085
|
+
right: 0;
|
|
1086
|
+
bottom: 0;
|
|
1087
|
+
margin: auto;
|
|
1088
|
+
font-size: 6em;
|
|
1089
|
+
line-height: 1.4em;
|
|
936
1090
|
}
|
|
937
1091
|
|
|
938
|
-
|
|
939
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1092
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
940
1093
|
display: flex;
|
|
941
1094
|
justify-content: center;
|
|
942
1095
|
align-items: center;
|
|
943
1096
|
height: 100%;
|
|
944
1097
|
transition: width 0.1s;
|
|
945
1098
|
}
|
|
946
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
947
|
-
margin: 2px;
|
|
948
|
-
}
|
|
949
1099
|
|
|
950
|
-
.video-js.
|
|
1100
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
951
1101
|
display: flex;
|
|
952
1102
|
justify-content: center;
|
|
953
1103
|
align-items: center;
|
|
954
1104
|
height: 100%;
|
|
955
1105
|
transition: width 0.1s;
|
|
956
1106
|
}
|
|
957
|
-
.video-js.
|
|
958
|
-
display:
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
margin: 0;
|
|
1107
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1108
|
+
display: none !important;
|
|
1109
|
+
}
|
|
1110
|
+
.video-js.skin_news .ssai-ad-container{
|
|
1111
|
+
position: absolute;
|
|
1112
|
+
bottom: 14px;
|
|
964
1113
|
}
|
|
965
1114
|
|
|
966
|
-
@media (max-width:
|
|
967
|
-
.video-js.
|
|
1115
|
+
@media (max-width: 576px) {
|
|
1116
|
+
.video-js.skin_news .ssai-ad-container{
|
|
1117
|
+
bottom: 2px;
|
|
1118
|
+
}
|
|
1119
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
968
1120
|
height: 5px !important;
|
|
969
1121
|
}
|
|
1122
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
1123
|
+
width: 50px !important;
|
|
1124
|
+
height: 50px !important;
|
|
1125
|
+
font-size: 2.1rem !important;
|
|
1126
|
+
}
|
|
970
1127
|
|
|
971
|
-
.
|
|
1128
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
972
1129
|
display: none;
|
|
973
1130
|
}
|
|
1131
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
1132
|
+
bottom: 2.4em !important;
|
|
1133
|
+
right: -1em;
|
|
1134
|
+
z-index: 1;
|
|
1135
|
+
}
|
|
1136
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1137
|
+
display: none !important;
|
|
1138
|
+
}
|
|
974
1139
|
|
|
1140
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1141
|
+
color: white;
|
|
1142
|
+
font-size: 13px;
|
|
1143
|
+
background-color: black;
|
|
1144
|
+
}
|
|
975
1145
|
}
|
|
976
1146
|
|
|
977
|
-
.video-js.
|
|
1147
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1148
|
+
color: white;
|
|
1149
|
+
font-size: 16px;
|
|
1150
|
+
background-color: black;
|
|
1151
|
+
}
|
|
1152
|
+
|
|
1153
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1154
|
+
margin-bottom: 2rem !important;
|
|
1155
|
+
}
|
|
1156
|
+
|
|
1157
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
1158
|
+
font-size: 18px !important;
|
|
1159
|
+
}
|
|
1160
|
+
|
|
1161
|
+
|
|
1162
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1163
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1164
|
+
font-size: 1.2em !important;
|
|
1165
|
+
line-height: 1.5em !important;
|
|
1166
|
+
padding: 0.2em 0.8em !important;
|
|
1167
|
+
}
|
|
1168
|
+
|
|
1169
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
978
1170
|
content: none !important;
|
|
979
1171
|
fill: none !important;
|
|
980
1172
|
filter: none !important;
|
|
981
1173
|
}
|
|
982
1174
|
|
|
983
1175
|
/* svg icons opacity and hover effect */
|
|
984
|
-
.video-js.
|
|
1176
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
985
1177
|
opacity: 0.7 !important;
|
|
986
1178
|
}
|
|
987
1179
|
|
|
988
|
-
.video-js.
|
|
1180
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1181
|
+
opacity: 1 !important;
|
|
1182
|
+
}
|
|
1183
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1184
|
+
opacity: 0.7 !important;
|
|
1185
|
+
}
|
|
1186
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
989
1187
|
opacity: 1 !important;
|
|
990
1188
|
}
|
|
991
1189
|
|
|
992
|
-
.video-js.
|
|
1190
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
993
1191
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
994
1192
|
}
|
|
995
1193
|
|
|
996
|
-
.video-js.
|
|
1194
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
997
1195
|
color: rgba(255, 255, 2555, 1)!important;
|
|
998
1196
|
}
|
|
999
1197
|
|
|
1000
1198
|
|
|
1001
1199
|
|
|
1002
|
-
|
|
1003
1200
|
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
1004
1201
|
font-size: 2.2em;
|
|
1005
1202
|
line-height: 2.6;
|
|
@@ -1388,316 +1585,119 @@
|
|
|
1388
1585
|
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1389
1586
|
margin: 0 12px 0 12px;
|
|
1390
1587
|
}
|
|
1391
|
-
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
1392
|
-
font-size: 12px;
|
|
1393
|
-
}
|
|
1394
|
-
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1395
|
-
margin: 0 12px 0 12px;
|
|
1396
|
-
}
|
|
1397
|
-
}
|
|
1398
|
-
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1399
|
-
width: 90px;
|
|
1400
|
-
height: 90px;
|
|
1401
|
-
display: flex;
|
|
1402
|
-
justify-content: center;
|
|
1403
|
-
align-items: center;
|
|
1404
|
-
border-radius: 50%;
|
|
1405
|
-
position: absolute;
|
|
1406
|
-
top: 0;
|
|
1407
|
-
left: 0;
|
|
1408
|
-
right: 0;
|
|
1409
|
-
bottom: 0;
|
|
1410
|
-
margin: auto;
|
|
1411
|
-
font-size: 6em;
|
|
1412
|
-
line-height: 1.4em;
|
|
1413
|
-
}
|
|
1414
|
-
|
|
1415
|
-
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1416
|
-
display: flex;
|
|
1417
|
-
justify-content: center;
|
|
1418
|
-
align-items: center;
|
|
1419
|
-
height: 100%;
|
|
1420
|
-
transition: width 0.1s;
|
|
1421
|
-
}
|
|
1422
|
-
|
|
1423
|
-
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1424
|
-
display: flex;
|
|
1425
|
-
justify-content: center;
|
|
1426
|
-
align-items: center;
|
|
1427
|
-
height: 100%;
|
|
1428
|
-
transition: width 0.1s;
|
|
1429
|
-
}
|
|
1430
|
-
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1431
|
-
display: none !important;
|
|
1432
|
-
}
|
|
1433
|
-
|
|
1434
|
-
@media (max-width: 576px) {
|
|
1435
|
-
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
1436
|
-
height: 5px !important;
|
|
1437
|
-
}
|
|
1438
|
-
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1439
|
-
width: 50px !important;
|
|
1440
|
-
height: 50px !important;
|
|
1441
|
-
font-size: 2.1rem !important;
|
|
1442
|
-
}
|
|
1443
|
-
|
|
1444
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1445
|
-
display: none;
|
|
1446
|
-
}
|
|
1447
|
-
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
1448
|
-
bottom: 2.4em !important;
|
|
1449
|
-
right: -1em;
|
|
1450
|
-
z-index: 1;
|
|
1451
|
-
}
|
|
1452
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1453
|
-
display: none !important;
|
|
1454
|
-
}
|
|
1455
|
-
|
|
1456
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
1457
|
-
color: white !important;
|
|
1458
|
-
font-size: 13px !important;
|
|
1459
|
-
background-color: black !important;
|
|
1460
|
-
}
|
|
1461
|
-
}
|
|
1462
|
-
|
|
1463
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
1464
|
-
width: 100% !important;
|
|
1465
|
-
}
|
|
1466
|
-
|
|
1467
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
1468
|
-
color: white !important;
|
|
1469
|
-
font-size: 16px !important;
|
|
1470
|
-
background-color: black !important;
|
|
1471
|
-
}
|
|
1472
|
-
|
|
1473
|
-
.video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1474
|
-
margin-bottom: 2rem !important;
|
|
1475
|
-
}
|
|
1476
|
-
|
|
1477
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml p {
|
|
1478
|
-
font-size: 18px !important;
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1483
|
-
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1484
|
-
font-size: 1.2em !important;
|
|
1485
|
-
line-height: 1.5em !important;
|
|
1486
|
-
padding: 0.2em 0.8em !important;
|
|
1487
|
-
}
|
|
1488
|
-
|
|
1489
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1490
|
-
content: none !important;
|
|
1491
|
-
fill: none !important;
|
|
1492
|
-
filter: none !important;
|
|
1493
|
-
}
|
|
1494
|
-
|
|
1495
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1496
|
-
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1497
|
-
}
|
|
1498
|
-
|
|
1499
|
-
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1500
|
-
color: rgba(255, 255, 2555, 1)!important;
|
|
1501
|
-
}
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
1506
|
-
height: 0.7em;
|
|
1507
|
-
position: absolute;
|
|
1508
|
-
top: -0.7em;
|
|
1509
|
-
width: 100%;
|
|
1510
|
-
}
|
|
1511
|
-
|
|
1512
|
-
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
1513
|
-
height: 100%;
|
|
1514
|
-
}
|
|
1515
|
-
|
|
1516
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
1517
|
-
line-height: 2.5;
|
|
1518
|
-
}
|
|
1519
|
-
|
|
1520
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
1521
|
-
height: 19px;
|
|
1522
|
-
width: 19px;
|
|
1523
|
-
cursor: pointer;
|
|
1524
|
-
}
|
|
1525
|
-
.video-js.skin_vlone .vjs-control {
|
|
1526
|
-
user-select: none;
|
|
1527
|
-
}
|
|
1528
|
-
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
1529
|
-
user-select: none;
|
|
1530
|
-
}
|
|
1531
|
-
|
|
1532
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
1533
|
-
height: 19px;
|
|
1534
|
-
width: 19px;
|
|
1535
|
-
cursor: pointer;
|
|
1536
|
-
}
|
|
1537
|
-
|
|
1538
|
-
.video-js.skin_vlone .vjs-play-progress:before {
|
|
1539
|
-
display: none !important;
|
|
1540
|
-
}
|
|
1541
|
-
|
|
1542
|
-
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
1543
|
-
margin: 0 !important;
|
|
1544
|
-
|
|
1545
|
-
}
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
1549
|
-
display: block;
|
|
1550
|
-
flex: 1 1 auto;
|
|
1551
|
-
}
|
|
1552
|
-
|
|
1553
|
-
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1554
|
-
z-index: 1;
|
|
1555
|
-
}
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
.video-js.skin_vlone .vjs-control-bar {
|
|
1559
|
-
height: 40px;
|
|
1588
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
1589
|
+
font-size: 12px;
|
|
1560
1590
|
}
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
1564
|
-
position: relative !important;
|
|
1591
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
1592
|
+
margin: 0 12px 0 12px;
|
|
1565
1593
|
}
|
|
1566
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
1567
|
-
display: flex;
|
|
1568
|
-
left: 0px;
|
|
1569
|
-
top: -1px;
|
|
1570
1594
|
}
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1595
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
1596
|
+
width: 90px;
|
|
1597
|
+
height: 90px;
|
|
1598
|
+
display: flex;
|
|
1599
|
+
justify-content: center;
|
|
1600
|
+
align-items: center;
|
|
1601
|
+
border-radius: 50%;
|
|
1602
|
+
position: absolute;
|
|
1603
|
+
top: 0;
|
|
1604
|
+
left: 0;
|
|
1605
|
+
right: 0;
|
|
1606
|
+
bottom: 0;
|
|
1607
|
+
margin: auto;
|
|
1608
|
+
font-size: 6em;
|
|
1609
|
+
line-height: 1.4em;
|
|
1574
1610
|
}
|
|
1575
1611
|
|
|
1576
|
-
.video-js.
|
|
1577
|
-
|
|
1612
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1613
|
+
display: flex;
|
|
1614
|
+
justify-content: center;
|
|
1615
|
+
align-items: center;
|
|
1616
|
+
height: 100%;
|
|
1617
|
+
transition: width 0.1s;
|
|
1578
1618
|
}
|
|
1579
1619
|
|
|
1580
|
-
.vjs-
|
|
1581
|
-
|
|
1620
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1621
|
+
display: flex;
|
|
1622
|
+
justify-content: center;
|
|
1623
|
+
align-items: center;
|
|
1624
|
+
height: 100%;
|
|
1625
|
+
transition: width 0.1s;
|
|
1582
1626
|
}
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
1586
|
-
height: 1.3em;
|
|
1587
|
-
position: absolute;
|
|
1588
|
-
top: -1.3em;
|
|
1589
|
-
transition: height 0.3s, top 0.3s;
|
|
1627
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1628
|
+
display: none !important;
|
|
1590
1629
|
}
|
|
1591
1630
|
|
|
1631
|
+
@media (max-width: 576px) {
|
|
1632
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
1633
|
+
height: 5px !important;
|
|
1634
|
+
}
|
|
1635
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
1636
|
+
width: 50px !important;
|
|
1637
|
+
height: 50px !important;
|
|
1638
|
+
font-size: 2.1rem !important;
|
|
1639
|
+
}
|
|
1592
1640
|
|
|
1593
|
-
.
|
|
1594
|
-
display: none !important;
|
|
1595
|
-
}
|
|
1596
|
-
|
|
1597
|
-
.video-js.skin_vlone .vjs-time-control {
|
|
1598
|
-
display: block;
|
|
1599
|
-
}
|
|
1600
|
-
.video-js.skin_vlone .vjs-remaining-time {
|
|
1641
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1601
1642
|
display: none;
|
|
1643
|
+
}
|
|
1644
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
1645
|
+
bottom: 2.4em !important;
|
|
1646
|
+
right: -1em;
|
|
1647
|
+
z-index: 1;
|
|
1602
1648
|
}
|
|
1649
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1650
|
+
display: none !important;
|
|
1651
|
+
}
|
|
1603
1652
|
|
|
1604
|
-
.video-js.
|
|
1605
|
-
|
|
1606
|
-
font-size:
|
|
1607
|
-
|
|
1653
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
1654
|
+
color: white !important;
|
|
1655
|
+
font-size: 13px !important;
|
|
1656
|
+
background-color: black !important;
|
|
1657
|
+
}
|
|
1608
1658
|
}
|
|
1609
1659
|
|
|
1610
|
-
.video-js.
|
|
1611
|
-
|
|
1612
|
-
justify-content: center;
|
|
1660
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
1661
|
+
width: 100% !important;
|
|
1613
1662
|
}
|
|
1614
1663
|
|
|
1615
|
-
.video-js.
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
height: 2.2em;
|
|
1620
|
-
display: flex;
|
|
1621
|
-
align-items: center;
|
|
1622
|
-
font-family: monospace;
|
|
1623
|
-
width: 4em;
|
|
1624
|
-
justify-content: center;
|
|
1625
|
-
background: red;
|
|
1626
|
-
margin: 4px 0px 4px 12px;
|
|
1627
|
-
}
|
|
1628
|
-
.video-js.skin_vlone .vjs-live-display:hover{
|
|
1629
|
-
cursor: pointer;
|
|
1664
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
1665
|
+
color: white !important;
|
|
1666
|
+
font-size: 16px !important;
|
|
1667
|
+
background-color: black !important;
|
|
1630
1668
|
}
|
|
1631
1669
|
|
|
1632
|
-
.video-js.
|
|
1633
|
-
|
|
1634
|
-
font-size: 1.1em !important;
|
|
1635
|
-
width: min-content !important;
|
|
1636
|
-
min-width: 1.5em;
|
|
1637
|
-
padding: 0 !important;
|
|
1638
|
-
user-select: none;
|
|
1670
|
+
.video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1671
|
+
margin-bottom: 2rem !important;
|
|
1639
1672
|
}
|
|
1640
1673
|
|
|
1641
|
-
.video-js.
|
|
1642
|
-
|
|
1674
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml p {
|
|
1675
|
+
font-size: 18px !important;
|
|
1643
1676
|
}
|
|
1644
1677
|
|
|
1645
|
-
|
|
1646
|
-
.video-js.
|
|
1678
|
+
|
|
1679
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1680
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1647
1681
|
font-size: 1.2em !important;
|
|
1648
1682
|
line-height: 1.5em !important;
|
|
1649
1683
|
padding: 0.2em 0.8em !important;
|
|
1650
1684
|
}
|
|
1651
1685
|
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
height: 80px;
|
|
1657
|
-
display: flex;
|
|
1658
|
-
justify-content: center;
|
|
1659
|
-
align-items: center;
|
|
1660
|
-
border: none;
|
|
1661
|
-
position: absolute;
|
|
1662
|
-
top: 0;
|
|
1663
|
-
left: 0;
|
|
1664
|
-
right: 0;
|
|
1665
|
-
bottom: 0;
|
|
1666
|
-
margin: auto;
|
|
1667
|
-
font-size: 5em;
|
|
1668
|
-
line-height: 1.3em;
|
|
1669
|
-
transform: none !important;
|
|
1670
|
-
border-radius: 1.3em;
|
|
1671
|
-
}
|
|
1672
|
-
.video-js.skin_vlone .ssai-ad-container{
|
|
1673
|
-
position: absolute;
|
|
1674
|
-
bottom: 4px;
|
|
1686
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1687
|
+
content: none !important;
|
|
1688
|
+
fill: none !important;
|
|
1689
|
+
filter: none !important;
|
|
1675
1690
|
}
|
|
1676
|
-
|
|
1677
|
-
@media(max-width:600px){
|
|
1678
|
-
.video-js.skin_vlone button.vjs-big-play-button {
|
|
1679
|
-
width: 50px !important;
|
|
1680
|
-
height: 50px !important;
|
|
1681
|
-
font-size: 2.1rem !important;
|
|
1682
|
-
}
|
|
1683
1691
|
|
|
1684
|
-
.video-js.
|
|
1685
|
-
|
|
1686
|
-
bottom: 2px;
|
|
1687
|
-
}
|
|
1688
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
1689
|
-
display: none;
|
|
1692
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1693
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1690
1694
|
}
|
|
1691
1695
|
|
|
1692
|
-
.video-js.
|
|
1693
|
-
|
|
1696
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1697
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
1694
1698
|
}
|
|
1695
1699
|
|
|
1696
|
-
|
|
1697
|
-
display: none;
|
|
1698
|
-
}
|
|
1699
|
-
}
|
|
1700
|
-
|
|
1700
|
+
|
|
1701
1701
|
|
|
1702
1702
|
/* CSS for videojs-dvr-seekbar */
|
|
1703
1703
|
|
|
@@ -1878,7 +1878,6 @@
|
|
|
1878
1878
|
|
|
1879
1879
|
|
|
1880
1880
|
|
|
1881
|
-
|
|
1882
1881
|
.video-js .multicamera-parent.default{
|
|
1883
1882
|
height: 345px;
|
|
1884
1883
|
position: absolute;
|
|
@@ -1961,6 +1960,8 @@
|
|
|
1961
1960
|
|
|
1962
1961
|
|
|
1963
1962
|
|
|
1963
|
+
|
|
1964
|
+
|
|
1964
1965
|
.vjs-custom-big-mute.vjs-control{
|
|
1965
1966
|
position: absolute;
|
|
1966
1967
|
align-items: center;
|
|
@@ -2009,7 +2010,6 @@
|
|
|
2009
2010
|
width: 22px;
|
|
2010
2011
|
}
|
|
2011
2012
|
|
|
2012
|
-
|
|
2013
2013
|
/* nextep */
|
|
2014
2014
|
.next-ep-preview{
|
|
2015
2015
|
position: absolute;
|
|
@@ -2085,38 +2085,6 @@
|
|
|
2085
2085
|
margin-left: 8px;
|
|
2086
2086
|
}
|
|
2087
2087
|
}
|
|
2088
|
-
/* a wrapper element that tracks the mouse vertically */
|
|
2089
|
-
.vjs-thumbnail-holder {
|
|
2090
|
-
position: absolute;
|
|
2091
|
-
left: -1000px;
|
|
2092
|
-
}
|
|
2093
|
-
|
|
2094
|
-
/* the thumbnail image itself */
|
|
2095
|
-
.vjs-thumbnail {
|
|
2096
|
-
position: absolute;
|
|
2097
|
-
left: 0;
|
|
2098
|
-
bottom: 1.3em;
|
|
2099
|
-
opacity: 0;
|
|
2100
|
-
transition: opacity .2s ease;
|
|
2101
|
-
-webkit-transition: opacity .2s ease;
|
|
2102
|
-
-moz-transition: opacity .2s ease;
|
|
2103
|
-
-mz-transition: opacity .2s ease;
|
|
2104
|
-
}
|
|
2105
|
-
|
|
2106
|
-
/* fade in the thumbnail when hovering over the progress bar */
|
|
2107
|
-
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2108
|
-
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2109
|
-
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2110
|
-
.vjs-progress-control:active .vjs-thumbnail {
|
|
2111
|
-
opacity: 1;
|
|
2112
|
-
}
|
|
2113
|
-
|
|
2114
|
-
/* ... but hide the thumbnail when hovering directly over it */
|
|
2115
|
-
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2116
|
-
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2117
|
-
opacity: 0;
|
|
2118
|
-
}
|
|
2119
|
-
|
|
2120
2088
|
.video-js.vjs-quality-menu {
|
|
2121
2089
|
display: block;
|
|
2122
2090
|
}
|
|
@@ -2187,6 +2155,38 @@
|
|
|
2187
2155
|
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2188
2156
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2189
2157
|
}
|
|
2158
|
+
/* a wrapper element that tracks the mouse vertically */
|
|
2159
|
+
.vjs-thumbnail-holder {
|
|
2160
|
+
position: absolute;
|
|
2161
|
+
left: -1000px;
|
|
2162
|
+
}
|
|
2163
|
+
|
|
2164
|
+
/* the thumbnail image itself */
|
|
2165
|
+
.vjs-thumbnail {
|
|
2166
|
+
position: absolute;
|
|
2167
|
+
left: 0;
|
|
2168
|
+
bottom: 1.3em;
|
|
2169
|
+
opacity: 0;
|
|
2170
|
+
transition: opacity .2s ease;
|
|
2171
|
+
-webkit-transition: opacity .2s ease;
|
|
2172
|
+
-moz-transition: opacity .2s ease;
|
|
2173
|
+
-mz-transition: opacity .2s ease;
|
|
2174
|
+
}
|
|
2175
|
+
|
|
2176
|
+
/* fade in the thumbnail when hovering over the progress bar */
|
|
2177
|
+
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2178
|
+
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2179
|
+
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2180
|
+
.vjs-progress-control:active .vjs-thumbnail {
|
|
2181
|
+
opacity: 1;
|
|
2182
|
+
}
|
|
2183
|
+
|
|
2184
|
+
/* ... but hide the thumbnail when hovering directly over it */
|
|
2185
|
+
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2186
|
+
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2187
|
+
opacity: 0;
|
|
2188
|
+
}
|
|
2189
|
+
|
|
2190
2190
|
.vjs-poster {
|
|
2191
2191
|
display: inline-block;
|
|
2192
2192
|
vertical-align: middle;
|