@vidispine/vdt-materialui 0.15.0-pre.8 → 21.4.0-pre.2
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/dist/index.css +917 -450
- package/dist/index.es.js +14705 -2274
- package/dist/index.js +14794 -2362
- package/package.json +21 -11
package/dist/index.css
CHANGED
|
@@ -1,107 +1,130 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
1
|
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
|
|
3
2
|
position: absolute;
|
|
4
3
|
top: 0;
|
|
5
4
|
left: 0;
|
|
6
5
|
width: 100%;
|
|
7
|
-
height: 100%;
|
|
6
|
+
height: 100%;
|
|
7
|
+
}
|
|
8
8
|
|
|
9
9
|
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
|
|
10
|
-
text-align: center;
|
|
10
|
+
text-align: center;
|
|
11
|
+
}
|
|
11
12
|
|
|
12
13
|
@font-face {
|
|
13
14
|
font-family: VideoJS;
|
|
14
15
|
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
|
|
15
16
|
font-weight: normal;
|
|
16
|
-
font-style: normal;
|
|
17
|
-
|
|
17
|
+
font-style: normal;
|
|
18
|
+
}
|
|
18
19
|
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
|
|
19
20
|
font-family: VideoJS;
|
|
20
21
|
font-weight: normal;
|
|
21
|
-
font-style: normal;
|
|
22
|
+
font-style: normal;
|
|
23
|
+
}
|
|
22
24
|
|
|
23
25
|
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
|
|
24
|
-
content: "\f101";
|
|
26
|
+
content: "\f101";
|
|
27
|
+
}
|
|
25
28
|
|
|
26
29
|
.vjs-icon-play-circle {
|
|
27
30
|
font-family: VideoJS;
|
|
28
31
|
font-weight: normal;
|
|
29
|
-
font-style: normal;
|
|
32
|
+
font-style: normal;
|
|
33
|
+
}
|
|
30
34
|
|
|
31
35
|
.vjs-icon-play-circle:before {
|
|
32
|
-
content: "\f102";
|
|
36
|
+
content: "\f102";
|
|
37
|
+
}
|
|
33
38
|
|
|
34
39
|
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
|
|
35
40
|
font-family: VideoJS;
|
|
36
41
|
font-weight: normal;
|
|
37
|
-
font-style: normal;
|
|
42
|
+
font-style: normal;
|
|
43
|
+
}
|
|
38
44
|
|
|
39
45
|
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
|
|
40
|
-
content: "\f103";
|
|
46
|
+
content: "\f103";
|
|
47
|
+
}
|
|
41
48
|
|
|
42
49
|
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
|
|
43
50
|
font-family: VideoJS;
|
|
44
51
|
font-weight: normal;
|
|
45
|
-
font-style: normal;
|
|
52
|
+
font-style: normal;
|
|
53
|
+
}
|
|
46
54
|
|
|
47
55
|
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
|
|
48
|
-
content: "\f104";
|
|
56
|
+
content: "\f104";
|
|
57
|
+
}
|
|
49
58
|
|
|
50
59
|
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
|
|
51
60
|
font-family: VideoJS;
|
|
52
61
|
font-weight: normal;
|
|
53
|
-
font-style: normal;
|
|
62
|
+
font-style: normal;
|
|
63
|
+
}
|
|
54
64
|
|
|
55
65
|
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
|
|
56
|
-
content: "\f105";
|
|
66
|
+
content: "\f105";
|
|
67
|
+
}
|
|
57
68
|
|
|
58
69
|
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
|
|
59
70
|
font-family: VideoJS;
|
|
60
71
|
font-weight: normal;
|
|
61
|
-
font-style: normal;
|
|
72
|
+
font-style: normal;
|
|
73
|
+
}
|
|
62
74
|
|
|
63
75
|
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
|
|
64
|
-
content: "\f106";
|
|
76
|
+
content: "\f106";
|
|
77
|
+
}
|
|
65
78
|
|
|
66
79
|
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
|
|
67
80
|
font-family: VideoJS;
|
|
68
81
|
font-weight: normal;
|
|
69
|
-
font-style: normal;
|
|
82
|
+
font-style: normal;
|
|
83
|
+
}
|
|
70
84
|
|
|
71
85
|
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
|
|
72
|
-
content: "\f107";
|
|
86
|
+
content: "\f107";
|
|
87
|
+
}
|
|
73
88
|
|
|
74
89
|
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
|
|
75
90
|
font-family: VideoJS;
|
|
76
91
|
font-weight: normal;
|
|
77
|
-
font-style: normal;
|
|
92
|
+
font-style: normal;
|
|
93
|
+
}
|
|
78
94
|
|
|
79
95
|
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
|
|
80
|
-
content: "\f108";
|
|
96
|
+
content: "\f108";
|
|
97
|
+
}
|
|
81
98
|
|
|
82
99
|
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
|
|
83
100
|
font-family: VideoJS;
|
|
84
101
|
font-weight: normal;
|
|
85
|
-
font-style: normal;
|
|
102
|
+
font-style: normal;
|
|
103
|
+
}
|
|
86
104
|
|
|
87
105
|
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
|
|
88
|
-
content: "\f109";
|
|
106
|
+
content: "\f109";
|
|
107
|
+
}
|
|
89
108
|
|
|
90
109
|
.vjs-icon-square {
|
|
91
110
|
font-family: VideoJS;
|
|
92
111
|
font-weight: normal;
|
|
93
|
-
font-style: normal;
|
|
112
|
+
font-style: normal;
|
|
113
|
+
}
|
|
94
114
|
|
|
95
115
|
.vjs-icon-square:before {
|
|
96
|
-
content: "\f10a";
|
|
116
|
+
content: "\f10a";
|
|
117
|
+
}
|
|
97
118
|
|
|
98
119
|
.vjs-icon-spinner {
|
|
99
120
|
font-family: VideoJS;
|
|
100
121
|
font-weight: normal;
|
|
101
|
-
font-style: normal;
|
|
122
|
+
font-style: normal;
|
|
123
|
+
}
|
|
102
124
|
|
|
103
125
|
.vjs-icon-spinner:before {
|
|
104
|
-
content: "\f10b";
|
|
126
|
+
content: "\f10b";
|
|
127
|
+
}
|
|
105
128
|
|
|
106
129
|
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
|
|
107
130
|
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
|
|
@@ -110,192 +133,238 @@
|
|
|
110
133
|
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
|
|
111
134
|
font-family: VideoJS;
|
|
112
135
|
font-weight: normal;
|
|
113
|
-
font-style: normal;
|
|
136
|
+
font-style: normal;
|
|
137
|
+
}
|
|
114
138
|
|
|
115
139
|
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
116
140
|
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
117
141
|
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
118
142
|
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
119
143
|
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
|
|
120
|
-
content: "\f10c";
|
|
144
|
+
content: "\f10c";
|
|
145
|
+
}
|
|
121
146
|
|
|
122
147
|
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
|
|
123
148
|
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
|
|
124
149
|
font-family: VideoJS;
|
|
125
150
|
font-weight: normal;
|
|
126
|
-
font-style: normal;
|
|
151
|
+
font-style: normal;
|
|
152
|
+
}
|
|
127
153
|
|
|
128
154
|
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
129
155
|
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
|
|
130
|
-
content: "\f10d";
|
|
156
|
+
content: "\f10d";
|
|
157
|
+
}
|
|
131
158
|
|
|
132
159
|
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
|
|
133
160
|
font-family: VideoJS;
|
|
134
161
|
font-weight: normal;
|
|
135
|
-
font-style: normal;
|
|
162
|
+
font-style: normal;
|
|
163
|
+
}
|
|
136
164
|
|
|
137
165
|
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
|
|
138
|
-
content: "\f10e";
|
|
166
|
+
content: "\f10e";
|
|
167
|
+
}
|
|
139
168
|
|
|
140
169
|
.vjs-icon-share {
|
|
141
170
|
font-family: VideoJS;
|
|
142
171
|
font-weight: normal;
|
|
143
|
-
font-style: normal;
|
|
172
|
+
font-style: normal;
|
|
173
|
+
}
|
|
144
174
|
|
|
145
175
|
.vjs-icon-share:before {
|
|
146
|
-
content: "\f10f";
|
|
176
|
+
content: "\f10f";
|
|
177
|
+
}
|
|
147
178
|
|
|
148
179
|
.vjs-icon-cog {
|
|
149
180
|
font-family: VideoJS;
|
|
150
181
|
font-weight: normal;
|
|
151
|
-
font-style: normal;
|
|
182
|
+
font-style: normal;
|
|
183
|
+
}
|
|
152
184
|
|
|
153
185
|
.vjs-icon-cog:before {
|
|
154
|
-
content: "\f110";
|
|
186
|
+
content: "\f110";
|
|
187
|
+
}
|
|
155
188
|
|
|
156
189
|
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
|
|
157
190
|
font-family: VideoJS;
|
|
158
191
|
font-weight: normal;
|
|
159
|
-
font-style: normal;
|
|
192
|
+
font-style: normal;
|
|
193
|
+
}
|
|
160
194
|
|
|
161
195
|
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
|
|
162
|
-
content: "\f111";
|
|
196
|
+
content: "\f111";
|
|
197
|
+
}
|
|
163
198
|
|
|
164
199
|
.vjs-icon-circle-outline {
|
|
165
200
|
font-family: VideoJS;
|
|
166
201
|
font-weight: normal;
|
|
167
|
-
font-style: normal;
|
|
202
|
+
font-style: normal;
|
|
203
|
+
}
|
|
168
204
|
|
|
169
205
|
.vjs-icon-circle-outline:before {
|
|
170
|
-
content: "\f112";
|
|
206
|
+
content: "\f112";
|
|
207
|
+
}
|
|
171
208
|
|
|
172
209
|
.vjs-icon-circle-inner-circle {
|
|
173
210
|
font-family: VideoJS;
|
|
174
211
|
font-weight: normal;
|
|
175
|
-
font-style: normal;
|
|
212
|
+
font-style: normal;
|
|
213
|
+
}
|
|
176
214
|
|
|
177
215
|
.vjs-icon-circle-inner-circle:before {
|
|
178
|
-
content: "\f113";
|
|
216
|
+
content: "\f113";
|
|
217
|
+
}
|
|
179
218
|
|
|
180
219
|
.vjs-icon-hd {
|
|
181
220
|
font-family: VideoJS;
|
|
182
221
|
font-weight: normal;
|
|
183
|
-
font-style: normal;
|
|
222
|
+
font-style: normal;
|
|
223
|
+
}
|
|
184
224
|
|
|
185
225
|
.vjs-icon-hd:before {
|
|
186
|
-
content: "\f114";
|
|
226
|
+
content: "\f114";
|
|
227
|
+
}
|
|
187
228
|
|
|
188
229
|
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
|
|
189
230
|
font-family: VideoJS;
|
|
190
231
|
font-weight: normal;
|
|
191
|
-
font-style: normal;
|
|
232
|
+
font-style: normal;
|
|
233
|
+
}
|
|
192
234
|
|
|
193
235
|
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
|
|
194
|
-
content: "\f115";
|
|
236
|
+
content: "\f115";
|
|
237
|
+
}
|
|
195
238
|
|
|
196
239
|
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
|
|
197
240
|
font-family: VideoJS;
|
|
198
241
|
font-weight: normal;
|
|
199
|
-
font-style: normal;
|
|
242
|
+
font-style: normal;
|
|
243
|
+
}
|
|
200
244
|
|
|
201
245
|
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
|
|
202
|
-
content: "\f116";
|
|
246
|
+
content: "\f116";
|
|
247
|
+
}
|
|
203
248
|
|
|
204
249
|
.vjs-icon-facebook {
|
|
205
250
|
font-family: VideoJS;
|
|
206
251
|
font-weight: normal;
|
|
207
|
-
font-style: normal;
|
|
252
|
+
font-style: normal;
|
|
253
|
+
}
|
|
208
254
|
|
|
209
255
|
.vjs-icon-facebook:before {
|
|
210
|
-
content: "\f117";
|
|
256
|
+
content: "\f117";
|
|
257
|
+
}
|
|
211
258
|
|
|
212
259
|
.vjs-icon-gplus {
|
|
213
260
|
font-family: VideoJS;
|
|
214
261
|
font-weight: normal;
|
|
215
|
-
font-style: normal;
|
|
262
|
+
font-style: normal;
|
|
263
|
+
}
|
|
216
264
|
|
|
217
265
|
.vjs-icon-gplus:before {
|
|
218
|
-
content: "\f118";
|
|
266
|
+
content: "\f118";
|
|
267
|
+
}
|
|
219
268
|
|
|
220
269
|
.vjs-icon-linkedin {
|
|
221
270
|
font-family: VideoJS;
|
|
222
271
|
font-weight: normal;
|
|
223
|
-
font-style: normal;
|
|
272
|
+
font-style: normal;
|
|
273
|
+
}
|
|
224
274
|
|
|
225
275
|
.vjs-icon-linkedin:before {
|
|
226
|
-
content: "\f119";
|
|
276
|
+
content: "\f119";
|
|
277
|
+
}
|
|
227
278
|
|
|
228
279
|
.vjs-icon-twitter {
|
|
229
280
|
font-family: VideoJS;
|
|
230
281
|
font-weight: normal;
|
|
231
|
-
font-style: normal;
|
|
282
|
+
font-style: normal;
|
|
283
|
+
}
|
|
232
284
|
|
|
233
285
|
.vjs-icon-twitter:before {
|
|
234
|
-
content: "\f11a";
|
|
286
|
+
content: "\f11a";
|
|
287
|
+
}
|
|
235
288
|
|
|
236
289
|
.vjs-icon-tumblr {
|
|
237
290
|
font-family: VideoJS;
|
|
238
291
|
font-weight: normal;
|
|
239
|
-
font-style: normal;
|
|
292
|
+
font-style: normal;
|
|
293
|
+
}
|
|
240
294
|
|
|
241
295
|
.vjs-icon-tumblr:before {
|
|
242
|
-
content: "\f11b";
|
|
296
|
+
content: "\f11b";
|
|
297
|
+
}
|
|
243
298
|
|
|
244
299
|
.vjs-icon-pinterest {
|
|
245
300
|
font-family: VideoJS;
|
|
246
301
|
font-weight: normal;
|
|
247
|
-
font-style: normal;
|
|
302
|
+
font-style: normal;
|
|
303
|
+
}
|
|
248
304
|
|
|
249
305
|
.vjs-icon-pinterest:before {
|
|
250
|
-
content: "\f11c";
|
|
306
|
+
content: "\f11c";
|
|
307
|
+
}
|
|
251
308
|
|
|
252
309
|
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
|
|
253
310
|
font-family: VideoJS;
|
|
254
311
|
font-weight: normal;
|
|
255
|
-
font-style: normal;
|
|
312
|
+
font-style: normal;
|
|
313
|
+
}
|
|
256
314
|
|
|
257
315
|
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
|
|
258
|
-
content: "\f11d";
|
|
316
|
+
content: "\f11d";
|
|
317
|
+
}
|
|
259
318
|
|
|
260
319
|
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
|
|
261
320
|
font-family: VideoJS;
|
|
262
321
|
font-weight: normal;
|
|
263
|
-
font-style: normal;
|
|
322
|
+
font-style: normal;
|
|
323
|
+
}
|
|
264
324
|
|
|
265
325
|
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
|
|
266
|
-
content: "\f11e";
|
|
326
|
+
content: "\f11e";
|
|
327
|
+
}
|
|
267
328
|
|
|
268
329
|
.vjs-icon-next-item {
|
|
269
330
|
font-family: VideoJS;
|
|
270
331
|
font-weight: normal;
|
|
271
|
-
font-style: normal;
|
|
332
|
+
font-style: normal;
|
|
333
|
+
}
|
|
272
334
|
|
|
273
335
|
.vjs-icon-next-item:before {
|
|
274
|
-
content: "\f11f";
|
|
336
|
+
content: "\f11f";
|
|
337
|
+
}
|
|
275
338
|
|
|
276
339
|
.vjs-icon-previous-item {
|
|
277
340
|
font-family: VideoJS;
|
|
278
341
|
font-weight: normal;
|
|
279
|
-
font-style: normal;
|
|
342
|
+
font-style: normal;
|
|
343
|
+
}
|
|
280
344
|
|
|
281
345
|
.vjs-icon-previous-item:before {
|
|
282
|
-
content: "\f120";
|
|
346
|
+
content: "\f120";
|
|
347
|
+
}
|
|
283
348
|
|
|
284
349
|
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
|
|
285
350
|
font-family: VideoJS;
|
|
286
351
|
font-weight: normal;
|
|
287
|
-
font-style: normal;
|
|
352
|
+
font-style: normal;
|
|
353
|
+
}
|
|
288
354
|
|
|
289
355
|
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
|
|
290
|
-
content: "\f121";
|
|
356
|
+
content: "\f121";
|
|
357
|
+
}
|
|
291
358
|
|
|
292
359
|
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
|
|
293
360
|
font-family: VideoJS;
|
|
294
361
|
font-weight: normal;
|
|
295
|
-
font-style: normal;
|
|
362
|
+
font-style: normal;
|
|
363
|
+
}
|
|
296
364
|
|
|
297
365
|
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
|
|
298
|
-
content: "\f122";
|
|
366
|
+
content: "\f122";
|
|
367
|
+
}
|
|
299
368
|
|
|
300
369
|
.video-js {
|
|
301
370
|
display: block;
|
|
@@ -310,22 +379,27 @@
|
|
|
310
379
|
font-weight: normal;
|
|
311
380
|
font-style: normal;
|
|
312
381
|
font-family: Arial, Helvetica, sans-serif;
|
|
313
|
-
word-break: initial;
|
|
382
|
+
word-break: initial;
|
|
383
|
+
}
|
|
314
384
|
|
|
315
385
|
.video-js:-moz-full-screen {
|
|
316
|
-
position: absolute;
|
|
386
|
+
position: absolute;
|
|
387
|
+
}
|
|
317
388
|
|
|
318
389
|
.video-js:-webkit-full-screen {
|
|
319
390
|
width: 100% !important;
|
|
320
|
-
height: 100% !important;
|
|
391
|
+
height: 100% !important;
|
|
392
|
+
}
|
|
321
393
|
|
|
322
394
|
.video-js[tabindex="-1"] {
|
|
323
|
-
outline: none;
|
|
395
|
+
outline: none;
|
|
396
|
+
}
|
|
324
397
|
|
|
325
398
|
.video-js *,
|
|
326
399
|
.video-js *:before,
|
|
327
400
|
.video-js *:after {
|
|
328
|
-
box-sizing: inherit;
|
|
401
|
+
box-sizing: inherit;
|
|
402
|
+
}
|
|
329
403
|
|
|
330
404
|
.video-js ul {
|
|
331
405
|
font-family: inherit;
|
|
@@ -335,36 +409,53 @@
|
|
|
335
409
|
margin-left: 0;
|
|
336
410
|
margin-right: 0;
|
|
337
411
|
margin-top: 0;
|
|
338
|
-
margin-bottom: 0;
|
|
412
|
+
margin-bottom: 0;
|
|
413
|
+
}
|
|
339
414
|
|
|
340
415
|
.video-js.vjs-fluid,
|
|
341
416
|
.video-js.vjs-16-9,
|
|
342
|
-
.video-js.vjs-4-3
|
|
417
|
+
.video-js.vjs-4-3,
|
|
418
|
+
.video-js.vjs-9-16,
|
|
419
|
+
.video-js.vjs-1-1 {
|
|
343
420
|
width: 100%;
|
|
344
421
|
max-width: 100%;
|
|
345
|
-
height: 0;
|
|
422
|
+
height: 0;
|
|
423
|
+
}
|
|
346
424
|
|
|
347
425
|
.video-js.vjs-16-9 {
|
|
348
|
-
padding-top: 56.25%;
|
|
426
|
+
padding-top: 56.25%;
|
|
427
|
+
}
|
|
349
428
|
|
|
350
429
|
.video-js.vjs-4-3 {
|
|
351
|
-
padding-top: 75%;
|
|
430
|
+
padding-top: 75%;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.video-js.vjs-9-16 {
|
|
434
|
+
padding-top: 177.7777777778%;
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
.video-js.vjs-1-1 {
|
|
438
|
+
padding-top: 100%;
|
|
439
|
+
}
|
|
352
440
|
|
|
353
441
|
.video-js.vjs-fill {
|
|
354
442
|
width: 100%;
|
|
355
|
-
height: 100%;
|
|
443
|
+
height: 100%;
|
|
444
|
+
}
|
|
356
445
|
|
|
357
446
|
.video-js .vjs-tech {
|
|
358
447
|
position: absolute;
|
|
359
448
|
top: 0;
|
|
360
449
|
left: 0;
|
|
361
450
|
width: 100%;
|
|
362
|
-
height: 100%;
|
|
451
|
+
height: 100%;
|
|
452
|
+
}
|
|
363
453
|
|
|
364
454
|
body.vjs-full-window {
|
|
365
455
|
padding: 0;
|
|
366
456
|
margin: 0;
|
|
367
|
-
height: 100%;
|
|
457
|
+
height: 100%;
|
|
458
|
+
}
|
|
368
459
|
|
|
369
460
|
.vjs-full-window .video-js.vjs-fullscreen {
|
|
370
461
|
position: fixed;
|
|
@@ -373,34 +464,41 @@ body.vjs-full-window {
|
|
|
373
464
|
left: 0;
|
|
374
465
|
top: 0;
|
|
375
466
|
bottom: 0;
|
|
376
|
-
right: 0;
|
|
467
|
+
right: 0;
|
|
468
|
+
}
|
|
377
469
|
|
|
378
470
|
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
|
|
379
471
|
width: 100% !important;
|
|
380
472
|
height: 100% !important;
|
|
381
|
-
padding-top: 0 !important;
|
|
473
|
+
padding-top: 0 !important;
|
|
474
|
+
}
|
|
382
475
|
|
|
383
476
|
.video-js.vjs-fullscreen.vjs-user-inactive {
|
|
384
|
-
cursor: none;
|
|
477
|
+
cursor: none;
|
|
478
|
+
}
|
|
385
479
|
|
|
386
480
|
.vjs-hidden {
|
|
387
|
-
display: none !important;
|
|
481
|
+
display: none !important;
|
|
482
|
+
}
|
|
388
483
|
|
|
389
484
|
.vjs-disabled {
|
|
390
485
|
opacity: 0.5;
|
|
391
|
-
cursor: default;
|
|
486
|
+
cursor: default;
|
|
487
|
+
}
|
|
392
488
|
|
|
393
489
|
.video-js .vjs-offscreen {
|
|
394
490
|
height: 1px;
|
|
395
491
|
left: -9999px;
|
|
396
492
|
position: absolute;
|
|
397
493
|
top: 0;
|
|
398
|
-
width: 1px;
|
|
494
|
+
width: 1px;
|
|
495
|
+
}
|
|
399
496
|
|
|
400
497
|
.vjs-lock-showing {
|
|
401
498
|
display: block !important;
|
|
402
|
-
opacity: 1;
|
|
403
|
-
visibility: visible;
|
|
499
|
+
opacity: 1 !important;
|
|
500
|
+
visibility: visible !important;
|
|
501
|
+
}
|
|
404
502
|
|
|
405
503
|
.vjs-no-js {
|
|
406
504
|
padding: 20px;
|
|
@@ -411,11 +509,13 @@ body.vjs-full-window {
|
|
|
411
509
|
text-align: center;
|
|
412
510
|
width: 300px;
|
|
413
511
|
height: 150px;
|
|
414
|
-
margin: 0px auto;
|
|
512
|
+
margin: 0px auto;
|
|
513
|
+
}
|
|
415
514
|
|
|
416
515
|
.vjs-no-js a,
|
|
417
516
|
.vjs-no-js a:visited {
|
|
418
|
-
color: #66A8CC;
|
|
517
|
+
color: #66A8CC;
|
|
518
|
+
}
|
|
419
519
|
|
|
420
520
|
.video-js .vjs-big-play-button {
|
|
421
521
|
font-size: 3em;
|
|
@@ -433,29 +533,34 @@ body.vjs-full-window {
|
|
|
433
533
|
background-color: #2B333F;
|
|
434
534
|
background-color: rgba(43, 51, 63, 0.7);
|
|
435
535
|
border-radius: 0.3em;
|
|
436
|
-
transition: all 0.4s;
|
|
536
|
+
transition: all 0.4s;
|
|
537
|
+
}
|
|
437
538
|
|
|
438
539
|
.vjs-big-play-centered .vjs-big-play-button {
|
|
439
540
|
top: 50%;
|
|
440
541
|
left: 50%;
|
|
441
542
|
margin-top: -0.81666em;
|
|
442
|
-
margin-left: -1.5em;
|
|
543
|
+
margin-left: -1.5em;
|
|
544
|
+
}
|
|
443
545
|
|
|
444
546
|
.video-js:hover .vjs-big-play-button,
|
|
445
547
|
.video-js .vjs-big-play-button:focus {
|
|
446
548
|
border-color: #fff;
|
|
447
549
|
background-color: #73859f;
|
|
448
550
|
background-color: rgba(115, 133, 159, 0.5);
|
|
449
|
-
transition: all 0s;
|
|
551
|
+
transition: all 0s;
|
|
552
|
+
}
|
|
450
553
|
|
|
451
554
|
.vjs-controls-disabled .vjs-big-play-button,
|
|
452
555
|
.vjs-has-started .vjs-big-play-button,
|
|
453
556
|
.vjs-using-native-controls .vjs-big-play-button,
|
|
454
557
|
.vjs-error .vjs-big-play-button {
|
|
455
|
-
display: none;
|
|
558
|
+
display: none;
|
|
559
|
+
}
|
|
456
560
|
|
|
457
561
|
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
|
|
458
|
-
display: block;
|
|
562
|
+
display: block;
|
|
563
|
+
}
|
|
459
564
|
|
|
460
565
|
.video-js button {
|
|
461
566
|
background: none;
|
|
@@ -469,11 +574,13 @@ body.vjs-full-window {
|
|
|
469
574
|
transition: none;
|
|
470
575
|
-webkit-appearance: none;
|
|
471
576
|
-moz-appearance: none;
|
|
472
|
-
appearance: none;
|
|
577
|
+
appearance: none;
|
|
578
|
+
}
|
|
473
579
|
|
|
474
580
|
.vjs-control .vjs-button {
|
|
475
581
|
width: 100%;
|
|
476
|
-
height: 100%;
|
|
582
|
+
height: 100%;
|
|
583
|
+
}
|
|
477
584
|
|
|
478
585
|
.video-js .vjs-control.vjs-close-button {
|
|
479
586
|
cursor: pointer;
|
|
@@ -481,43 +588,53 @@ body.vjs-full-window {
|
|
|
481
588
|
position: absolute;
|
|
482
589
|
right: 0;
|
|
483
590
|
top: 0.5em;
|
|
484
|
-
z-index: 2;
|
|
591
|
+
z-index: 2;
|
|
592
|
+
}
|
|
485
593
|
|
|
486
594
|
.video-js .vjs-modal-dialog {
|
|
487
595
|
background: rgba(0, 0, 0, 0.8);
|
|
488
596
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
|
|
489
|
-
overflow: auto;
|
|
597
|
+
overflow: auto;
|
|
598
|
+
}
|
|
490
599
|
|
|
491
600
|
.video-js .vjs-modal-dialog > * {
|
|
492
|
-
box-sizing: border-box;
|
|
601
|
+
box-sizing: border-box;
|
|
602
|
+
}
|
|
493
603
|
|
|
494
604
|
.vjs-modal-dialog .vjs-modal-dialog-content {
|
|
495
605
|
font-size: 1.2em;
|
|
496
606
|
line-height: 1.5;
|
|
497
607
|
padding: 20px 24px;
|
|
498
|
-
z-index: 1;
|
|
608
|
+
z-index: 1;
|
|
609
|
+
}
|
|
499
610
|
|
|
500
611
|
.vjs-menu-button {
|
|
501
|
-
cursor: pointer;
|
|
612
|
+
cursor: pointer;
|
|
613
|
+
}
|
|
502
614
|
|
|
503
615
|
.vjs-menu-button.vjs-disabled {
|
|
504
|
-
cursor: default;
|
|
616
|
+
cursor: default;
|
|
617
|
+
}
|
|
505
618
|
|
|
506
619
|
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
|
|
507
|
-
display: none;
|
|
620
|
+
display: none;
|
|
621
|
+
}
|
|
508
622
|
|
|
509
623
|
.vjs-menu .vjs-menu-content {
|
|
510
624
|
display: block;
|
|
511
625
|
padding: 0;
|
|
512
626
|
margin: 0;
|
|
513
627
|
font-family: Arial, Helvetica, sans-serif;
|
|
514
|
-
overflow: auto;
|
|
628
|
+
overflow: auto;
|
|
629
|
+
}
|
|
515
630
|
|
|
516
631
|
.vjs-menu .vjs-menu-content > * {
|
|
517
|
-
box-sizing: border-box;
|
|
632
|
+
box-sizing: border-box;
|
|
633
|
+
}
|
|
518
634
|
|
|
519
635
|
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
|
|
520
|
-
display: none;
|
|
636
|
+
display: none;
|
|
637
|
+
}
|
|
521
638
|
|
|
522
639
|
.vjs-menu li {
|
|
523
640
|
list-style: none;
|
|
@@ -526,20 +643,28 @@ body.vjs-full-window {
|
|
|
526
643
|
line-height: 1.4em;
|
|
527
644
|
font-size: 1.2em;
|
|
528
645
|
text-align: center;
|
|
529
|
-
text-transform: lowercase;
|
|
646
|
+
text-transform: lowercase;
|
|
647
|
+
}
|
|
530
648
|
|
|
531
649
|
.vjs-menu li.vjs-menu-item:focus,
|
|
532
650
|
.vjs-menu li.vjs-menu-item:hover,
|
|
533
651
|
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
|
|
534
652
|
background-color: #73859f;
|
|
535
|
-
background-color: rgba(115, 133, 159, 0.5);
|
|
653
|
+
background-color: rgba(115, 133, 159, 0.5);
|
|
654
|
+
}
|
|
536
655
|
|
|
537
656
|
.vjs-menu li.vjs-selected,
|
|
538
657
|
.vjs-menu li.vjs-selected:focus,
|
|
539
658
|
.vjs-menu li.vjs-selected:hover,
|
|
540
659
|
.js-focus-visible .vjs-menu li.vjs-selected:hover {
|
|
541
660
|
background-color: #fff;
|
|
542
|
-
color: #2B333F;
|
|
661
|
+
color: #2B333F;
|
|
662
|
+
}
|
|
663
|
+
|
|
664
|
+
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
|
|
665
|
+
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
|
|
666
|
+
background: none;
|
|
667
|
+
}
|
|
543
668
|
|
|
544
669
|
.vjs-menu li.vjs-menu-title {
|
|
545
670
|
text-align: center;
|
|
@@ -549,7 +674,8 @@ body.vjs-full-window {
|
|
|
549
674
|
padding: 0;
|
|
550
675
|
margin: 0 0 0.3em 0;
|
|
551
676
|
font-weight: bold;
|
|
552
|
-
cursor: default;
|
|
677
|
+
cursor: default;
|
|
678
|
+
}
|
|
553
679
|
|
|
554
680
|
.vjs-menu-button-popup .vjs-menu {
|
|
555
681
|
display: none;
|
|
@@ -559,7 +685,8 @@ body.vjs-full-window {
|
|
|
559
685
|
left: -3em;
|
|
560
686
|
height: 0em;
|
|
561
687
|
margin-bottom: 1.5em;
|
|
562
|
-
border-top-color: rgba(43, 51, 63, 0.7);
|
|
688
|
+
border-top-color: rgba(43, 51, 63, 0.7);
|
|
689
|
+
}
|
|
563
690
|
|
|
564
691
|
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
565
692
|
background-color: #2B333F;
|
|
@@ -567,39 +694,48 @@ body.vjs-full-window {
|
|
|
567
694
|
position: absolute;
|
|
568
695
|
width: 100%;
|
|
569
696
|
bottom: 1.5em;
|
|
570
|
-
max-height: 15em;
|
|
697
|
+
max-height: 15em;
|
|
698
|
+
}
|
|
571
699
|
|
|
572
700
|
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
|
|
573
701
|
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
574
|
-
max-height: 5em;
|
|
702
|
+
max-height: 5em;
|
|
703
|
+
}
|
|
575
704
|
|
|
576
705
|
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
577
|
-
max-height: 10em;
|
|
706
|
+
max-height: 10em;
|
|
707
|
+
}
|
|
578
708
|
|
|
579
709
|
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
580
|
-
max-height: 14em;
|
|
710
|
+
max-height: 14em;
|
|
711
|
+
}
|
|
581
712
|
|
|
582
713
|
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
|
|
583
714
|
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
|
|
584
715
|
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
585
|
-
max-height: 25em;
|
|
716
|
+
max-height: 25em;
|
|
717
|
+
}
|
|
586
718
|
|
|
587
719
|
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
|
|
588
720
|
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
|
|
589
|
-
display: block;
|
|
721
|
+
display: block;
|
|
722
|
+
}
|
|
590
723
|
|
|
591
724
|
.video-js .vjs-menu-button-inline {
|
|
592
725
|
transition: all 0.4s;
|
|
593
|
-
overflow: hidden;
|
|
726
|
+
overflow: hidden;
|
|
727
|
+
}
|
|
594
728
|
|
|
595
729
|
.video-js .vjs-menu-button-inline:before {
|
|
596
|
-
width: 2.222222222em;
|
|
730
|
+
width: 2.222222222em;
|
|
731
|
+
}
|
|
597
732
|
|
|
598
733
|
.video-js .vjs-menu-button-inline:hover,
|
|
599
734
|
.video-js .vjs-menu-button-inline:focus,
|
|
600
735
|
.video-js .vjs-menu-button-inline.vjs-slider-active,
|
|
601
736
|
.video-js.vjs-no-flex .vjs-menu-button-inline {
|
|
602
|
-
width: 12em;
|
|
737
|
+
width: 12em;
|
|
738
|
+
}
|
|
603
739
|
|
|
604
740
|
.vjs-menu-button-inline .vjs-menu {
|
|
605
741
|
opacity: 0;
|
|
@@ -610,30 +746,35 @@ body.vjs-full-window {
|
|
|
610
746
|
top: 0;
|
|
611
747
|
padding: 0;
|
|
612
748
|
margin: 0;
|
|
613
|
-
transition: all 0.4s;
|
|
749
|
+
transition: all 0.4s;
|
|
750
|
+
}
|
|
614
751
|
|
|
615
752
|
.vjs-menu-button-inline:hover .vjs-menu,
|
|
616
753
|
.vjs-menu-button-inline:focus .vjs-menu,
|
|
617
754
|
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
|
|
618
755
|
display: block;
|
|
619
|
-
opacity: 1;
|
|
756
|
+
opacity: 1;
|
|
757
|
+
}
|
|
620
758
|
|
|
621
759
|
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
|
|
622
760
|
display: block;
|
|
623
761
|
opacity: 1;
|
|
624
762
|
position: relative;
|
|
625
|
-
width: auto;
|
|
763
|
+
width: auto;
|
|
764
|
+
}
|
|
626
765
|
|
|
627
766
|
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
|
|
628
767
|
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
|
|
629
768
|
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
|
|
630
|
-
width: auto;
|
|
769
|
+
width: auto;
|
|
770
|
+
}
|
|
631
771
|
|
|
632
772
|
.vjs-menu-button-inline .vjs-menu-content {
|
|
633
773
|
width: auto;
|
|
634
774
|
height: 100%;
|
|
635
775
|
margin: 0;
|
|
636
|
-
overflow: hidden;
|
|
776
|
+
overflow: hidden;
|
|
777
|
+
}
|
|
637
778
|
|
|
638
779
|
.video-js .vjs-control-bar {
|
|
639
780
|
display: none;
|
|
@@ -644,30 +785,37 @@ body.vjs-full-window {
|
|
|
644
785
|
right: 0;
|
|
645
786
|
height: 3em;
|
|
646
787
|
background-color: #2B333F;
|
|
647
|
-
background-color: rgba(43, 51, 63, 0.7);
|
|
788
|
+
background-color: rgba(43, 51, 63, 0.7);
|
|
789
|
+
}
|
|
648
790
|
|
|
649
791
|
.vjs-has-started .vjs-control-bar {
|
|
650
792
|
display: flex;
|
|
651
793
|
visibility: visible;
|
|
652
794
|
opacity: 1;
|
|
653
|
-
transition: visibility 0.1s, opacity 0.1s;
|
|
795
|
+
transition: visibility 0.1s, opacity 0.1s;
|
|
796
|
+
}
|
|
654
797
|
|
|
655
798
|
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
|
|
656
799
|
visibility: visible;
|
|
657
800
|
opacity: 0;
|
|
658
|
-
|
|
801
|
+
pointer-events: none;
|
|
802
|
+
transition: visibility 1s, opacity 1s;
|
|
803
|
+
}
|
|
659
804
|
|
|
660
805
|
.vjs-controls-disabled .vjs-control-bar,
|
|
661
806
|
.vjs-using-native-controls .vjs-control-bar,
|
|
662
807
|
.vjs-error .vjs-control-bar {
|
|
663
|
-
display: none !important;
|
|
808
|
+
display: none !important;
|
|
809
|
+
}
|
|
664
810
|
|
|
665
811
|
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
|
|
666
812
|
opacity: 1;
|
|
667
|
-
visibility: visible;
|
|
813
|
+
visibility: visible;
|
|
814
|
+
}
|
|
668
815
|
|
|
669
816
|
.vjs-has-started.vjs-no-flex .vjs-control-bar {
|
|
670
|
-
display: table;
|
|
817
|
+
display: table;
|
|
818
|
+
}
|
|
671
819
|
|
|
672
820
|
.video-js .vjs-control {
|
|
673
821
|
position: relative;
|
|
@@ -676,16 +824,23 @@ body.vjs-full-window {
|
|
|
676
824
|
padding: 0;
|
|
677
825
|
height: 100%;
|
|
678
826
|
width: 4em;
|
|
679
|
-
flex: none;
|
|
827
|
+
flex: none;
|
|
828
|
+
}
|
|
680
829
|
|
|
681
830
|
.vjs-button > .vjs-icon-placeholder:before {
|
|
682
831
|
font-size: 1.8em;
|
|
683
|
-
line-height: 1.67;
|
|
832
|
+
line-height: 1.67;
|
|
833
|
+
}
|
|
834
|
+
|
|
835
|
+
.vjs-button > .vjs-icon-placeholder {
|
|
836
|
+
display: block;
|
|
837
|
+
}
|
|
684
838
|
|
|
685
839
|
.video-js .vjs-control:focus:before,
|
|
686
840
|
.video-js .vjs-control:hover:before,
|
|
687
841
|
.video-js .vjs-control:focus {
|
|
688
|
-
text-shadow: 0em 0em 1em white;
|
|
842
|
+
text-shadow: 0em 0em 1em white;
|
|
843
|
+
}
|
|
689
844
|
|
|
690
845
|
.video-js .vjs-control-text {
|
|
691
846
|
border: 0;
|
|
@@ -694,14 +849,17 @@ body.vjs-full-window {
|
|
|
694
849
|
overflow: hidden;
|
|
695
850
|
padding: 0;
|
|
696
851
|
position: absolute;
|
|
697
|
-
width: 1px;
|
|
852
|
+
width: 1px;
|
|
853
|
+
}
|
|
698
854
|
|
|
699
855
|
.vjs-no-flex .vjs-control {
|
|
700
856
|
display: table-cell;
|
|
701
|
-
vertical-align: middle;
|
|
857
|
+
vertical-align: middle;
|
|
858
|
+
}
|
|
702
859
|
|
|
703
860
|
.video-js .vjs-custom-control-spacer {
|
|
704
|
-
display: none;
|
|
861
|
+
display: none;
|
|
862
|
+
}
|
|
705
863
|
|
|
706
864
|
.video-js .vjs-progress-control {
|
|
707
865
|
cursor: pointer;
|
|
@@ -709,34 +867,43 @@ body.vjs-full-window {
|
|
|
709
867
|
display: flex;
|
|
710
868
|
align-items: center;
|
|
711
869
|
min-width: 4em;
|
|
712
|
-
touch-action: none;
|
|
870
|
+
touch-action: none;
|
|
871
|
+
}
|
|
713
872
|
|
|
714
873
|
.video-js .vjs-progress-control.disabled {
|
|
715
|
-
cursor: default;
|
|
874
|
+
cursor: default;
|
|
875
|
+
}
|
|
716
876
|
|
|
717
877
|
.vjs-live .vjs-progress-control {
|
|
718
|
-
display: none;
|
|
878
|
+
display: none;
|
|
879
|
+
}
|
|
719
880
|
|
|
720
881
|
.vjs-liveui .vjs-progress-control {
|
|
721
882
|
display: flex;
|
|
722
|
-
align-items: center;
|
|
883
|
+
align-items: center;
|
|
884
|
+
}
|
|
723
885
|
|
|
724
886
|
.vjs-no-flex .vjs-progress-control {
|
|
725
|
-
width: auto;
|
|
887
|
+
width: auto;
|
|
888
|
+
}
|
|
726
889
|
|
|
727
890
|
.video-js .vjs-progress-holder {
|
|
728
891
|
flex: auto;
|
|
729
892
|
transition: all 0.2s;
|
|
730
|
-
height: 0.3em;
|
|
893
|
+
height: 0.3em;
|
|
894
|
+
}
|
|
731
895
|
|
|
732
896
|
.video-js .vjs-progress-control .vjs-progress-holder {
|
|
733
|
-
margin: 0 10px;
|
|
897
|
+
margin: 0 10px;
|
|
898
|
+
}
|
|
734
899
|
|
|
735
900
|
.video-js .vjs-progress-control:hover .vjs-progress-holder {
|
|
736
|
-
font-size: 1.6666666667em;
|
|
901
|
+
font-size: 1.6666666667em;
|
|
902
|
+
}
|
|
737
903
|
|
|
738
904
|
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
|
|
739
|
-
font-size: 1em;
|
|
905
|
+
font-size: 1em;
|
|
906
|
+
}
|
|
740
907
|
|
|
741
908
|
.video-js .vjs-progress-holder .vjs-play-progress,
|
|
742
909
|
.video-js .vjs-progress-holder .vjs-load-progress,
|
|
@@ -746,23 +913,28 @@ body.vjs-full-window {
|
|
|
746
913
|
height: 100%;
|
|
747
914
|
margin: 0;
|
|
748
915
|
padding: 0;
|
|
749
|
-
width: 0;
|
|
916
|
+
width: 0;
|
|
917
|
+
}
|
|
750
918
|
|
|
751
919
|
.video-js .vjs-play-progress {
|
|
752
|
-
background-color: #fff;
|
|
920
|
+
background-color: #fff;
|
|
921
|
+
}
|
|
753
922
|
|
|
754
923
|
.video-js .vjs-play-progress:before {
|
|
755
924
|
font-size: 0.9em;
|
|
756
925
|
position: absolute;
|
|
757
926
|
right: -0.5em;
|
|
758
927
|
top: -0.3333333333em;
|
|
759
|
-
z-index: 1;
|
|
928
|
+
z-index: 1;
|
|
929
|
+
}
|
|
760
930
|
|
|
761
931
|
.video-js .vjs-load-progress {
|
|
762
|
-
background: rgba(115, 133, 159, 0.5);
|
|
932
|
+
background: rgba(115, 133, 159, 0.5);
|
|
933
|
+
}
|
|
763
934
|
|
|
764
935
|
.video-js .vjs-load-progress div {
|
|
765
|
-
background: rgba(115, 133, 159, 0.75);
|
|
936
|
+
background: rgba(115, 133, 159, 0.75);
|
|
937
|
+
}
|
|
766
938
|
|
|
767
939
|
.video-js .vjs-time-tooltip {
|
|
768
940
|
background-color: #fff;
|
|
@@ -777,19 +949,23 @@ body.vjs-full-window {
|
|
|
777
949
|
position: absolute;
|
|
778
950
|
top: -3.4em;
|
|
779
951
|
visibility: hidden;
|
|
780
|
-
z-index: 1;
|
|
952
|
+
z-index: 1;
|
|
953
|
+
}
|
|
781
954
|
|
|
782
955
|
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
|
|
783
|
-
display: none;
|
|
956
|
+
display: none;
|
|
957
|
+
}
|
|
784
958
|
|
|
785
959
|
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
|
|
786
960
|
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
|
|
787
961
|
display: block;
|
|
788
962
|
font-size: 0.6em;
|
|
789
|
-
visibility: visible;
|
|
963
|
+
visibility: visible;
|
|
964
|
+
}
|
|
790
965
|
|
|
791
966
|
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
|
|
792
|
-
font-size: 1em;
|
|
967
|
+
font-size: 1em;
|
|
968
|
+
}
|
|
793
969
|
|
|
794
970
|
.video-js .vjs-progress-control .vjs-mouse-display {
|
|
795
971
|
display: none;
|
|
@@ -797,26 +973,32 @@ body.vjs-full-window {
|
|
|
797
973
|
width: 1px;
|
|
798
974
|
height: 100%;
|
|
799
975
|
background-color: #000;
|
|
800
|
-
z-index: 1;
|
|
976
|
+
z-index: 1;
|
|
977
|
+
}
|
|
801
978
|
|
|
802
979
|
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
|
|
803
|
-
z-index: 0;
|
|
980
|
+
z-index: 0;
|
|
981
|
+
}
|
|
804
982
|
|
|
805
983
|
.video-js .vjs-progress-control:hover .vjs-mouse-display {
|
|
806
|
-
display: block;
|
|
984
|
+
display: block;
|
|
985
|
+
}
|
|
807
986
|
|
|
808
987
|
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
|
|
809
988
|
visibility: hidden;
|
|
810
989
|
opacity: 0;
|
|
811
|
-
transition: visibility 1s, opacity 1s;
|
|
990
|
+
transition: visibility 1s, opacity 1s;
|
|
991
|
+
}
|
|
812
992
|
|
|
813
993
|
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
|
|
814
|
-
display: none;
|
|
994
|
+
display: none;
|
|
995
|
+
}
|
|
815
996
|
|
|
816
997
|
.vjs-mouse-display .vjs-time-tooltip {
|
|
817
998
|
color: #fff;
|
|
818
999
|
background-color: #000;
|
|
819
|
-
background-color: rgba(0, 0, 0, 0.8);
|
|
1000
|
+
background-color: rgba(0, 0, 0, 0.8);
|
|
1001
|
+
}
|
|
820
1002
|
|
|
821
1003
|
.video-js .vjs-slider {
|
|
822
1004
|
position: relative;
|
|
@@ -835,67 +1017,82 @@ body.vjs-full-window {
|
|
|
835
1017
|
/* Non-prefixed version, currently supported by Chrome and Opera */
|
|
836
1018
|
user-select: none;
|
|
837
1019
|
background-color: #73859f;
|
|
838
|
-
background-color: rgba(115, 133, 159, 0.5);
|
|
1020
|
+
background-color: rgba(115, 133, 159, 0.5);
|
|
1021
|
+
}
|
|
839
1022
|
|
|
840
1023
|
.video-js .vjs-slider.disabled {
|
|
841
|
-
cursor: default;
|
|
1024
|
+
cursor: default;
|
|
1025
|
+
}
|
|
842
1026
|
|
|
843
1027
|
.video-js .vjs-slider:focus {
|
|
844
1028
|
text-shadow: 0em 0em 1em white;
|
|
845
|
-
box-shadow: 0 0 1em #fff;
|
|
1029
|
+
box-shadow: 0 0 1em #fff;
|
|
1030
|
+
}
|
|
846
1031
|
|
|
847
1032
|
.video-js .vjs-mute-control {
|
|
848
1033
|
cursor: pointer;
|
|
849
|
-
flex: none;
|
|
1034
|
+
flex: none;
|
|
1035
|
+
}
|
|
850
1036
|
|
|
851
1037
|
.video-js .vjs-volume-control {
|
|
852
1038
|
cursor: pointer;
|
|
853
1039
|
margin-right: 1em;
|
|
854
|
-
display: flex;
|
|
1040
|
+
display: flex;
|
|
1041
|
+
}
|
|
855
1042
|
|
|
856
1043
|
.video-js .vjs-volume-control.vjs-volume-horizontal {
|
|
857
|
-
width: 5em;
|
|
1044
|
+
width: 5em;
|
|
1045
|
+
}
|
|
858
1046
|
|
|
859
1047
|
.video-js .vjs-volume-panel .vjs-volume-control {
|
|
860
1048
|
visibility: visible;
|
|
861
1049
|
opacity: 0;
|
|
862
1050
|
width: 1px;
|
|
863
1051
|
height: 1px;
|
|
864
|
-
margin-left: -1px;
|
|
1052
|
+
margin-left: -1px;
|
|
1053
|
+
}
|
|
865
1054
|
|
|
866
1055
|
.video-js .vjs-volume-panel {
|
|
867
|
-
transition: width 1s;
|
|
1056
|
+
transition: width 1s;
|
|
1057
|
+
}
|
|
868
1058
|
|
|
869
1059
|
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
|
|
870
1060
|
visibility: visible;
|
|
871
1061
|
opacity: 1;
|
|
872
1062
|
position: relative;
|
|
873
|
-
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
|
|
1063
|
+
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
|
|
1064
|
+
}
|
|
874
1065
|
|
|
875
1066
|
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
|
|
876
1067
|
width: 5em;
|
|
877
1068
|
height: 3em;
|
|
878
|
-
margin-right: 0;
|
|
1069
|
+
margin-right: 0;
|
|
1070
|
+
}
|
|
879
1071
|
|
|
880
1072
|
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
|
|
881
1073
|
left: -3.5em;
|
|
882
|
-
transition: left 0s;
|
|
1074
|
+
transition: left 0s;
|
|
1075
|
+
}
|
|
883
1076
|
|
|
884
1077
|
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
|
|
885
1078
|
width: 10em;
|
|
886
|
-
transition: width 0.1s;
|
|
1079
|
+
transition: width 0.1s;
|
|
1080
|
+
}
|
|
887
1081
|
|
|
888
1082
|
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
|
|
889
|
-
width: 4em;
|
|
1083
|
+
width: 4em;
|
|
1084
|
+
}
|
|
890
1085
|
|
|
891
1086
|
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
|
|
892
1087
|
height: 8em;
|
|
893
1088
|
width: 3em;
|
|
894
1089
|
left: -3000em;
|
|
895
|
-
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
|
|
1090
|
+
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
|
|
1091
|
+
}
|
|
896
1092
|
|
|
897
1093
|
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
|
|
898
|
-
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
|
|
1094
|
+
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
|
|
1095
|
+
}
|
|
899
1096
|
|
|
900
1097
|
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
|
|
901
1098
|
width: 5em;
|
|
@@ -903,71 +1100,161 @@ body.vjs-full-window {
|
|
|
903
1100
|
visibility: visible;
|
|
904
1101
|
opacity: 1;
|
|
905
1102
|
position: relative;
|
|
906
|
-
transition: none;
|
|
1103
|
+
transition: none;
|
|
1104
|
+
}
|
|
907
1105
|
|
|
908
1106
|
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
|
|
909
1107
|
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
|
|
910
1108
|
position: absolute;
|
|
911
1109
|
bottom: 3em;
|
|
912
|
-
left: 0.5em;
|
|
1110
|
+
left: 0.5em;
|
|
1111
|
+
}
|
|
913
1112
|
|
|
914
1113
|
.video-js .vjs-volume-panel {
|
|
915
|
-
display: flex;
|
|
1114
|
+
display: flex;
|
|
1115
|
+
}
|
|
916
1116
|
|
|
917
1117
|
.video-js .vjs-volume-bar {
|
|
918
|
-
margin: 1.35em 0.45em;
|
|
1118
|
+
margin: 1.35em 0.45em;
|
|
1119
|
+
}
|
|
919
1120
|
|
|
920
1121
|
.vjs-volume-bar.vjs-slider-horizontal {
|
|
921
1122
|
width: 5em;
|
|
922
|
-
height: 0.3em;
|
|
1123
|
+
height: 0.3em;
|
|
1124
|
+
}
|
|
923
1125
|
|
|
924
1126
|
.vjs-volume-bar.vjs-slider-vertical {
|
|
925
1127
|
width: 0.3em;
|
|
926
1128
|
height: 5em;
|
|
927
|
-
margin: 1.35em auto;
|
|
1129
|
+
margin: 1.35em auto;
|
|
1130
|
+
}
|
|
928
1131
|
|
|
929
1132
|
.video-js .vjs-volume-level {
|
|
930
1133
|
position: absolute;
|
|
931
1134
|
bottom: 0;
|
|
932
1135
|
left: 0;
|
|
933
|
-
background-color: #fff;
|
|
1136
|
+
background-color: #fff;
|
|
1137
|
+
}
|
|
934
1138
|
|
|
935
1139
|
.video-js .vjs-volume-level:before {
|
|
936
1140
|
position: absolute;
|
|
937
|
-
font-size: 0.9em;
|
|
1141
|
+
font-size: 0.9em;
|
|
1142
|
+
z-index: 1;
|
|
1143
|
+
}
|
|
938
1144
|
|
|
939
1145
|
.vjs-slider-vertical .vjs-volume-level {
|
|
940
|
-
width: 0.3em;
|
|
1146
|
+
width: 0.3em;
|
|
1147
|
+
}
|
|
941
1148
|
|
|
942
1149
|
.vjs-slider-vertical .vjs-volume-level:before {
|
|
943
1150
|
top: -0.5em;
|
|
944
|
-
left: -0.3em;
|
|
1151
|
+
left: -0.3em;
|
|
1152
|
+
z-index: 1;
|
|
1153
|
+
}
|
|
945
1154
|
|
|
946
1155
|
.vjs-slider-horizontal .vjs-volume-level {
|
|
947
|
-
height: 0.3em;
|
|
1156
|
+
height: 0.3em;
|
|
1157
|
+
}
|
|
948
1158
|
|
|
949
1159
|
.vjs-slider-horizontal .vjs-volume-level:before {
|
|
950
1160
|
top: -0.3em;
|
|
951
|
-
right: -0.5em;
|
|
1161
|
+
right: -0.5em;
|
|
1162
|
+
}
|
|
952
1163
|
|
|
953
1164
|
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
|
|
954
|
-
width: 4em;
|
|
1165
|
+
width: 4em;
|
|
1166
|
+
}
|
|
955
1167
|
|
|
956
1168
|
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
|
|
957
|
-
height: 100%;
|
|
1169
|
+
height: 100%;
|
|
1170
|
+
}
|
|
958
1171
|
|
|
959
1172
|
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
|
|
960
|
-
width: 100%;
|
|
1173
|
+
width: 100%;
|
|
1174
|
+
}
|
|
961
1175
|
|
|
962
1176
|
.video-js .vjs-volume-vertical {
|
|
963
1177
|
width: 3em;
|
|
964
1178
|
height: 8em;
|
|
965
1179
|
bottom: 8em;
|
|
966
1180
|
background-color: #2B333F;
|
|
967
|
-
background-color: rgba(43, 51, 63, 0.7);
|
|
1181
|
+
background-color: rgba(43, 51, 63, 0.7);
|
|
1182
|
+
}
|
|
968
1183
|
|
|
969
1184
|
.video-js .vjs-volume-horizontal .vjs-menu {
|
|
970
|
-
left: -2em;
|
|
1185
|
+
left: -2em;
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
.video-js .vjs-volume-tooltip {
|
|
1189
|
+
background-color: #fff;
|
|
1190
|
+
background-color: rgba(255, 255, 255, 0.8);
|
|
1191
|
+
border-radius: 0.3em;
|
|
1192
|
+
color: #000;
|
|
1193
|
+
float: right;
|
|
1194
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
1195
|
+
font-size: 1em;
|
|
1196
|
+
padding: 6px 8px 8px 8px;
|
|
1197
|
+
pointer-events: none;
|
|
1198
|
+
position: absolute;
|
|
1199
|
+
top: -3.4em;
|
|
1200
|
+
visibility: hidden;
|
|
1201
|
+
z-index: 1;
|
|
1202
|
+
}
|
|
1203
|
+
|
|
1204
|
+
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
|
|
1205
|
+
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
|
|
1206
|
+
display: block;
|
|
1207
|
+
font-size: 1em;
|
|
1208
|
+
visibility: visible;
|
|
1209
|
+
}
|
|
1210
|
+
|
|
1211
|
+
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
|
|
1212
|
+
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
|
|
1213
|
+
left: 1em;
|
|
1214
|
+
top: -12px;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
|
|
1218
|
+
font-size: 1em;
|
|
1219
|
+
}
|
|
1220
|
+
|
|
1221
|
+
.video-js .vjs-volume-control .vjs-mouse-display {
|
|
1222
|
+
display: none;
|
|
1223
|
+
position: absolute;
|
|
1224
|
+
width: 100%;
|
|
1225
|
+
height: 1px;
|
|
1226
|
+
background-color: #000;
|
|
1227
|
+
z-index: 1;
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1230
|
+
.video-js .vjs-volume-horizontal .vjs-mouse-display {
|
|
1231
|
+
width: 1px;
|
|
1232
|
+
height: 100%;
|
|
1233
|
+
}
|
|
1234
|
+
|
|
1235
|
+
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1236
|
+
z-index: 0;
|
|
1237
|
+
}
|
|
1238
|
+
|
|
1239
|
+
.video-js .vjs-volume-control:hover .vjs-mouse-display {
|
|
1240
|
+
display: block;
|
|
1241
|
+
}
|
|
1242
|
+
|
|
1243
|
+
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
|
|
1244
|
+
visibility: hidden;
|
|
1245
|
+
opacity: 0;
|
|
1246
|
+
transition: visibility 1s, opacity 1s;
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1250
|
+
display: none;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
.vjs-mouse-display .vjs-volume-tooltip {
|
|
1254
|
+
color: #fff;
|
|
1255
|
+
background-color: #000;
|
|
1256
|
+
background-color: rgba(0, 0, 0, 0.8);
|
|
1257
|
+
}
|
|
971
1258
|
|
|
972
1259
|
.vjs-poster {
|
|
973
1260
|
display: inline-block;
|
|
@@ -984,34 +1271,42 @@ body.vjs-full-window {
|
|
|
984
1271
|
right: 0;
|
|
985
1272
|
bottom: 0;
|
|
986
1273
|
left: 0;
|
|
987
|
-
height: 100%;
|
|
1274
|
+
height: 100%;
|
|
1275
|
+
}
|
|
988
1276
|
|
|
989
1277
|
.vjs-has-started .vjs-poster {
|
|
990
|
-
display: none;
|
|
1278
|
+
display: none;
|
|
1279
|
+
}
|
|
991
1280
|
|
|
992
1281
|
.vjs-audio.vjs-has-started .vjs-poster {
|
|
993
|
-
display: block;
|
|
1282
|
+
display: block;
|
|
1283
|
+
}
|
|
994
1284
|
|
|
995
1285
|
.vjs-using-native-controls .vjs-poster {
|
|
996
|
-
display: none;
|
|
1286
|
+
display: none;
|
|
1287
|
+
}
|
|
997
1288
|
|
|
998
1289
|
.video-js .vjs-live-control {
|
|
999
1290
|
display: flex;
|
|
1000
1291
|
align-items: flex-start;
|
|
1001
1292
|
flex: auto;
|
|
1002
1293
|
font-size: 1em;
|
|
1003
|
-
line-height: 3em;
|
|
1294
|
+
line-height: 3em;
|
|
1295
|
+
}
|
|
1004
1296
|
|
|
1005
1297
|
.vjs-no-flex .vjs-live-control {
|
|
1006
1298
|
display: table-cell;
|
|
1007
1299
|
width: auto;
|
|
1008
|
-
text-align: left;
|
|
1300
|
+
text-align: left;
|
|
1301
|
+
}
|
|
1009
1302
|
|
|
1010
1303
|
.video-js:not(.vjs-live) .vjs-live-control,
|
|
1011
1304
|
.video-js.vjs-liveui .vjs-live-control {
|
|
1012
|
-
display: none;
|
|
1305
|
+
display: none;
|
|
1306
|
+
}
|
|
1013
1307
|
|
|
1014
1308
|
.video-js .vjs-seek-to-live-control {
|
|
1309
|
+
align-items: center;
|
|
1015
1310
|
cursor: pointer;
|
|
1016
1311
|
flex: none;
|
|
1017
1312
|
display: inline-flex;
|
|
@@ -1021,26 +1316,32 @@ body.vjs-full-window {
|
|
|
1021
1316
|
font-size: 1em;
|
|
1022
1317
|
line-height: 3em;
|
|
1023
1318
|
width: auto;
|
|
1024
|
-
min-width: 4em;
|
|
1319
|
+
min-width: 4em;
|
|
1320
|
+
}
|
|
1025
1321
|
|
|
1026
1322
|
.vjs-no-flex .vjs-seek-to-live-control {
|
|
1027
1323
|
display: table-cell;
|
|
1028
1324
|
width: auto;
|
|
1029
|
-
text-align: left;
|
|
1325
|
+
text-align: left;
|
|
1326
|
+
}
|
|
1030
1327
|
|
|
1031
1328
|
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
|
|
1032
1329
|
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
|
|
1033
|
-
display: none;
|
|
1330
|
+
display: none;
|
|
1331
|
+
}
|
|
1034
1332
|
|
|
1035
1333
|
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
|
|
1036
|
-
cursor: auto;
|
|
1334
|
+
cursor: auto;
|
|
1335
|
+
}
|
|
1037
1336
|
|
|
1038
1337
|
.vjs-seek-to-live-control .vjs-icon-placeholder {
|
|
1039
1338
|
margin-right: 0.5em;
|
|
1040
|
-
color: #888;
|
|
1339
|
+
color: #888;
|
|
1340
|
+
}
|
|
1041
1341
|
|
|
1042
1342
|
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
|
|
1043
|
-
color: red;
|
|
1343
|
+
color: red;
|
|
1344
|
+
}
|
|
1044
1345
|
|
|
1045
1346
|
.video-js .vjs-time-control {
|
|
1046
1347
|
flex: none;
|
|
@@ -1049,31 +1350,39 @@ body.vjs-full-window {
|
|
|
1049
1350
|
min-width: 2em;
|
|
1050
1351
|
width: auto;
|
|
1051
1352
|
padding-left: 1em;
|
|
1052
|
-
padding-right: 1em;
|
|
1353
|
+
padding-right: 1em;
|
|
1354
|
+
}
|
|
1053
1355
|
|
|
1054
1356
|
.vjs-live .vjs-time-control {
|
|
1055
|
-
display: none;
|
|
1357
|
+
display: none;
|
|
1358
|
+
}
|
|
1056
1359
|
|
|
1057
1360
|
.video-js .vjs-current-time,
|
|
1058
1361
|
.vjs-no-flex .vjs-current-time {
|
|
1059
|
-
display: none;
|
|
1362
|
+
display: none;
|
|
1363
|
+
}
|
|
1060
1364
|
|
|
1061
1365
|
.video-js .vjs-duration,
|
|
1062
1366
|
.vjs-no-flex .vjs-duration {
|
|
1063
|
-
display: none;
|
|
1367
|
+
display: none;
|
|
1368
|
+
}
|
|
1064
1369
|
|
|
1065
1370
|
.vjs-time-divider {
|
|
1066
1371
|
display: none;
|
|
1067
|
-
line-height: 3em;
|
|
1372
|
+
line-height: 3em;
|
|
1373
|
+
}
|
|
1068
1374
|
|
|
1069
1375
|
.vjs-live .vjs-time-divider {
|
|
1070
|
-
display: none;
|
|
1376
|
+
display: none;
|
|
1377
|
+
}
|
|
1071
1378
|
|
|
1072
1379
|
.video-js .vjs-play-control {
|
|
1073
|
-
cursor: pointer;
|
|
1380
|
+
cursor: pointer;
|
|
1381
|
+
}
|
|
1074
1382
|
|
|
1075
1383
|
.video-js .vjs-play-control .vjs-icon-placeholder {
|
|
1076
|
-
flex: none;
|
|
1384
|
+
flex: none;
|
|
1385
|
+
}
|
|
1077
1386
|
|
|
1078
1387
|
.vjs-text-track-display {
|
|
1079
1388
|
position: absolute;
|
|
@@ -1081,38 +1390,48 @@ body.vjs-full-window {
|
|
|
1081
1390
|
left: 0;
|
|
1082
1391
|
right: 0;
|
|
1083
1392
|
top: 0;
|
|
1084
|
-
pointer-events: none;
|
|
1393
|
+
pointer-events: none;
|
|
1394
|
+
}
|
|
1085
1395
|
|
|
1086
1396
|
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
|
|
1087
|
-
bottom: 1em;
|
|
1397
|
+
bottom: 1em;
|
|
1398
|
+
}
|
|
1088
1399
|
|
|
1089
1400
|
.video-js .vjs-text-track {
|
|
1090
1401
|
font-size: 1.4em;
|
|
1091
1402
|
text-align: center;
|
|
1092
|
-
margin-bottom: 0.1em;
|
|
1403
|
+
margin-bottom: 0.1em;
|
|
1404
|
+
}
|
|
1093
1405
|
|
|
1094
1406
|
.vjs-subtitles {
|
|
1095
|
-
color: #fff;
|
|
1407
|
+
color: #fff;
|
|
1408
|
+
}
|
|
1096
1409
|
|
|
1097
1410
|
.vjs-captions {
|
|
1098
|
-
color: #fc6;
|
|
1411
|
+
color: #fc6;
|
|
1412
|
+
}
|
|
1099
1413
|
|
|
1100
1414
|
.vjs-tt-cue {
|
|
1101
|
-
display: block;
|
|
1415
|
+
display: block;
|
|
1416
|
+
}
|
|
1102
1417
|
|
|
1103
1418
|
video::-webkit-media-text-track-display {
|
|
1104
|
-
transform: translateY(-3em);
|
|
1419
|
+
transform: translateY(-3em);
|
|
1420
|
+
}
|
|
1105
1421
|
|
|
1106
1422
|
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
|
|
1107
|
-
transform: translateY(-1.5em);
|
|
1423
|
+
transform: translateY(-1.5em);
|
|
1424
|
+
}
|
|
1108
1425
|
|
|
1109
1426
|
.video-js .vjs-picture-in-picture-control {
|
|
1110
1427
|
cursor: pointer;
|
|
1111
|
-
flex: none;
|
|
1428
|
+
flex: none;
|
|
1429
|
+
}
|
|
1112
1430
|
|
|
1113
1431
|
.video-js .vjs-fullscreen-control {
|
|
1114
1432
|
cursor: pointer;
|
|
1115
|
-
flex: none;
|
|
1433
|
+
flex: none;
|
|
1434
|
+
}
|
|
1116
1435
|
|
|
1117
1436
|
.vjs-playback-rate > .vjs-menu-button,
|
|
1118
1437
|
.vjs-playback-rate .vjs-playback-rate-value {
|
|
@@ -1120,21 +1439,25 @@ video::-webkit-media-text-track-display {
|
|
|
1120
1439
|
top: 0;
|
|
1121
1440
|
left: 0;
|
|
1122
1441
|
width: 100%;
|
|
1123
|
-
height: 100%;
|
|
1442
|
+
height: 100%;
|
|
1443
|
+
}
|
|
1124
1444
|
|
|
1125
1445
|
.vjs-playback-rate .vjs-playback-rate-value {
|
|
1126
1446
|
pointer-events: none;
|
|
1127
1447
|
font-size: 1.5em;
|
|
1128
1448
|
line-height: 2;
|
|
1129
|
-
text-align: center;
|
|
1449
|
+
text-align: center;
|
|
1450
|
+
}
|
|
1130
1451
|
|
|
1131
1452
|
.vjs-playback-rate .vjs-menu {
|
|
1132
1453
|
width: 4em;
|
|
1133
|
-
left: 0em;
|
|
1454
|
+
left: 0em;
|
|
1455
|
+
}
|
|
1134
1456
|
|
|
1135
1457
|
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
|
|
1136
1458
|
font-size: 1.4em;
|
|
1137
|
-
text-align: center;
|
|
1459
|
+
text-align: center;
|
|
1460
|
+
}
|
|
1138
1461
|
|
|
1139
1462
|
.vjs-error .vjs-error-display:before {
|
|
1140
1463
|
color: #fff;
|
|
@@ -1149,7 +1472,8 @@ video::-webkit-media-text-track-display {
|
|
|
1149
1472
|
text-align: center;
|
|
1150
1473
|
top: 50%;
|
|
1151
1474
|
vertical-align: middle;
|
|
1152
|
-
width: 100%;
|
|
1475
|
+
width: 100%;
|
|
1476
|
+
}
|
|
1153
1477
|
|
|
1154
1478
|
.vjs-loading-spinner {
|
|
1155
1479
|
display: none;
|
|
@@ -1165,13 +1489,15 @@ video::-webkit-media-text-track-display {
|
|
|
1165
1489
|
width: 50px;
|
|
1166
1490
|
height: 50px;
|
|
1167
1491
|
border-radius: 25px;
|
|
1168
|
-
visibility: hidden;
|
|
1492
|
+
visibility: hidden;
|
|
1493
|
+
}
|
|
1169
1494
|
|
|
1170
1495
|
.vjs-seeking .vjs-loading-spinner,
|
|
1171
1496
|
.vjs-waiting .vjs-loading-spinner {
|
|
1172
1497
|
display: block;
|
|
1173
1498
|
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1174
|
-
animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1499
|
+
animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1500
|
+
}
|
|
1175
1501
|
|
|
1176
1502
|
.vjs-loading-spinner:before,
|
|
1177
1503
|
.vjs-loading-spinner:after {
|
|
@@ -1185,197 +1511,236 @@ video::-webkit-media-text-track-display {
|
|
|
1185
1511
|
opacity: 1;
|
|
1186
1512
|
border: inherit;
|
|
1187
1513
|
border-color: transparent;
|
|
1188
|
-
border-top-color: white;
|
|
1514
|
+
border-top-color: white;
|
|
1515
|
+
}
|
|
1189
1516
|
|
|
1190
1517
|
.vjs-seeking .vjs-loading-spinner:before,
|
|
1191
1518
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
1192
1519
|
.vjs-waiting .vjs-loading-spinner:before,
|
|
1193
1520
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
1194
1521
|
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
1195
|
-
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
1522
|
+
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
1523
|
+
}
|
|
1196
1524
|
|
|
1197
1525
|
.vjs-seeking .vjs-loading-spinner:before,
|
|
1198
1526
|
.vjs-waiting .vjs-loading-spinner:before {
|
|
1199
|
-
border-top-color: white;
|
|
1527
|
+
border-top-color: white;
|
|
1528
|
+
}
|
|
1200
1529
|
|
|
1201
1530
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
1202
1531
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
1203
1532
|
border-top-color: white;
|
|
1204
1533
|
-webkit-animation-delay: 0.44s;
|
|
1205
|
-
animation-delay: 0.44s;
|
|
1534
|
+
animation-delay: 0.44s;
|
|
1535
|
+
}
|
|
1206
1536
|
|
|
1207
1537
|
@keyframes vjs-spinner-show {
|
|
1208
1538
|
to {
|
|
1209
|
-
visibility: visible;
|
|
1210
|
-
|
|
1539
|
+
visibility: visible;
|
|
1540
|
+
}
|
|
1541
|
+
}
|
|
1211
1542
|
@-webkit-keyframes vjs-spinner-show {
|
|
1212
1543
|
to {
|
|
1213
|
-
visibility: visible;
|
|
1214
|
-
|
|
1544
|
+
visibility: visible;
|
|
1545
|
+
}
|
|
1546
|
+
}
|
|
1215
1547
|
@keyframes vjs-spinner-spin {
|
|
1216
1548
|
100% {
|
|
1217
|
-
transform: rotate(360deg);
|
|
1218
|
-
|
|
1549
|
+
transform: rotate(360deg);
|
|
1550
|
+
}
|
|
1551
|
+
}
|
|
1219
1552
|
@-webkit-keyframes vjs-spinner-spin {
|
|
1220
1553
|
100% {
|
|
1221
|
-
-webkit-transform: rotate(360deg);
|
|
1222
|
-
|
|
1554
|
+
-webkit-transform: rotate(360deg);
|
|
1555
|
+
}
|
|
1556
|
+
}
|
|
1223
1557
|
@keyframes vjs-spinner-fade {
|
|
1224
1558
|
0% {
|
|
1225
|
-
border-top-color: #73859f;
|
|
1559
|
+
border-top-color: #73859f;
|
|
1560
|
+
}
|
|
1226
1561
|
20% {
|
|
1227
|
-
border-top-color: #73859f;
|
|
1562
|
+
border-top-color: #73859f;
|
|
1563
|
+
}
|
|
1228
1564
|
35% {
|
|
1229
|
-
border-top-color: white;
|
|
1565
|
+
border-top-color: white;
|
|
1566
|
+
}
|
|
1230
1567
|
60% {
|
|
1231
|
-
border-top-color: #73859f;
|
|
1568
|
+
border-top-color: #73859f;
|
|
1569
|
+
}
|
|
1232
1570
|
100% {
|
|
1233
|
-
border-top-color: #73859f;
|
|
1234
|
-
|
|
1571
|
+
border-top-color: #73859f;
|
|
1572
|
+
}
|
|
1573
|
+
}
|
|
1235
1574
|
@-webkit-keyframes vjs-spinner-fade {
|
|
1236
1575
|
0% {
|
|
1237
|
-
border-top-color: #73859f;
|
|
1576
|
+
border-top-color: #73859f;
|
|
1577
|
+
}
|
|
1238
1578
|
20% {
|
|
1239
|
-
border-top-color: #73859f;
|
|
1579
|
+
border-top-color: #73859f;
|
|
1580
|
+
}
|
|
1240
1581
|
35% {
|
|
1241
|
-
border-top-color: white;
|
|
1582
|
+
border-top-color: white;
|
|
1583
|
+
}
|
|
1242
1584
|
60% {
|
|
1243
|
-
border-top-color: #73859f;
|
|
1585
|
+
border-top-color: #73859f;
|
|
1586
|
+
}
|
|
1244
1587
|
100% {
|
|
1245
|
-
border-top-color: #73859f;
|
|
1246
|
-
|
|
1588
|
+
border-top-color: #73859f;
|
|
1589
|
+
}
|
|
1590
|
+
}
|
|
1247
1591
|
.vjs-chapters-button .vjs-menu ul {
|
|
1248
|
-
width: 24em;
|
|
1592
|
+
width: 24em;
|
|
1593
|
+
}
|
|
1249
1594
|
|
|
1250
1595
|
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
|
|
1251
1596
|
vertical-align: middle;
|
|
1252
1597
|
display: inline-block;
|
|
1253
|
-
margin-bottom: -0.1em;
|
|
1598
|
+
margin-bottom: -0.1em;
|
|
1599
|
+
}
|
|
1254
1600
|
|
|
1255
1601
|
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
|
|
1256
1602
|
font-family: VideoJS;
|
|
1257
|
-
content: "
|
|
1603
|
+
content: "\f10d";
|
|
1258
1604
|
font-size: 1.5em;
|
|
1259
|
-
line-height: inherit;
|
|
1605
|
+
line-height: inherit;
|
|
1606
|
+
}
|
|
1260
1607
|
|
|
1261
1608
|
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
|
|
1262
1609
|
vertical-align: middle;
|
|
1263
1610
|
display: inline-block;
|
|
1264
|
-
margin-bottom: -0.1em;
|
|
1611
|
+
margin-bottom: -0.1em;
|
|
1612
|
+
}
|
|
1265
1613
|
|
|
1266
1614
|
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
|
|
1267
1615
|
font-family: VideoJS;
|
|
1268
|
-
content: "
|
|
1616
|
+
content: " \f11d";
|
|
1269
1617
|
font-size: 1.5em;
|
|
1270
|
-
line-height: inherit;
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
.video-js
|
|
1274
|
-
.video-js
|
|
1275
|
-
.video-js
|
|
1276
|
-
.video-js
|
|
1277
|
-
.video-js
|
|
1278
|
-
.video-js
|
|
1279
|
-
.video-js
|
|
1280
|
-
.video-js
|
|
1281
|
-
.video-js
|
|
1282
|
-
.video-js
|
|
1283
|
-
.video-js
|
|
1284
|
-
.video-js
|
|
1285
|
-
.video-js
|
|
1286
|
-
.video-js
|
|
1287
|
-
.video-js
|
|
1288
|
-
.video-js
|
|
1289
|
-
.video-js
|
|
1290
|
-
.video-js
|
|
1291
|
-
.video-js
|
|
1292
|
-
.video-js
|
|
1293
|
-
.video-js
|
|
1294
|
-
.video-js
|
|
1295
|
-
.video-js
|
|
1296
|
-
.video-js
|
|
1297
|
-
.video-js
|
|
1298
|
-
.video-js
|
|
1299
|
-
.video-js
|
|
1300
|
-
.video-js
|
|
1301
|
-
.video-js
|
|
1302
|
-
.video-js
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
.video-js:
|
|
1308
|
-
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1309
|
-
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
|
1310
|
-
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1311
|
-
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
|
|
1618
|
+
line-height: inherit;
|
|
1619
|
+
}
|
|
1620
|
+
|
|
1621
|
+
.video-js.vjs-layout-small .vjs-current-time,
|
|
1622
|
+
.video-js.vjs-layout-small .vjs-time-divider,
|
|
1623
|
+
.video-js.vjs-layout-small .vjs-duration,
|
|
1624
|
+
.video-js.vjs-layout-small .vjs-remaining-time,
|
|
1625
|
+
.video-js.vjs-layout-small .vjs-playback-rate,
|
|
1626
|
+
.video-js.vjs-layout-small .vjs-chapters-button,
|
|
1627
|
+
.video-js.vjs-layout-small .vjs-descriptions-button,
|
|
1628
|
+
.video-js.vjs-layout-small .vjs-captions-button,
|
|
1629
|
+
.video-js.vjs-layout-small .vjs-subtitles-button,
|
|
1630
|
+
.video-js.vjs-layout-small .vjs-audio-button,
|
|
1631
|
+
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
|
|
1632
|
+
.video-js.vjs-layout-x-small .vjs-time-divider,
|
|
1633
|
+
.video-js.vjs-layout-x-small .vjs-duration,
|
|
1634
|
+
.video-js.vjs-layout-x-small .vjs-remaining-time,
|
|
1635
|
+
.video-js.vjs-layout-x-small .vjs-playback-rate,
|
|
1636
|
+
.video-js.vjs-layout-x-small .vjs-chapters-button,
|
|
1637
|
+
.video-js.vjs-layout-x-small .vjs-descriptions-button,
|
|
1638
|
+
.video-js.vjs-layout-x-small .vjs-captions-button,
|
|
1639
|
+
.video-js.vjs-layout-x-small .vjs-subtitles-button,
|
|
1640
|
+
.video-js.vjs-layout-x-small .vjs-audio-button,
|
|
1641
|
+
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
|
|
1642
|
+
.video-js.vjs-layout-tiny .vjs-time-divider,
|
|
1643
|
+
.video-js.vjs-layout-tiny .vjs-duration,
|
|
1644
|
+
.video-js.vjs-layout-tiny .vjs-remaining-time,
|
|
1645
|
+
.video-js.vjs-layout-tiny .vjs-playback-rate,
|
|
1646
|
+
.video-js.vjs-layout-tiny .vjs-chapters-button,
|
|
1647
|
+
.video-js.vjs-layout-tiny .vjs-descriptions-button,
|
|
1648
|
+
.video-js.vjs-layout-tiny .vjs-captions-button,
|
|
1649
|
+
.video-js.vjs-layout-tiny .vjs-subtitles-button,
|
|
1650
|
+
.video-js.vjs-layout-tiny .vjs-audio-button,
|
|
1651
|
+
.video-js.vjs-layout-tiny .vjs-volume-control {
|
|
1652
|
+
display: none;
|
|
1653
|
+
}
|
|
1654
|
+
|
|
1655
|
+
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
|
|
1312
1656
|
width: auto;
|
|
1313
|
-
width: initial;
|
|
1657
|
+
width: initial;
|
|
1658
|
+
}
|
|
1314
1659
|
|
|
1315
|
-
.video-js
|
|
1316
|
-
display: none;
|
|
1660
|
+
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
|
|
1661
|
+
display: none;
|
|
1662
|
+
}
|
|
1317
1663
|
|
|
1318
|
-
.video-js
|
|
1664
|
+
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
|
|
1319
1665
|
flex: auto;
|
|
1320
|
-
display: block;
|
|
1666
|
+
display: block;
|
|
1667
|
+
}
|
|
1321
1668
|
|
|
1322
|
-
.video-js
|
|
1323
|
-
width: auto;
|
|
1669
|
+
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
|
|
1670
|
+
width: auto;
|
|
1671
|
+
}
|
|
1324
1672
|
|
|
1325
|
-
.video-js
|
|
1326
|
-
display: none;
|
|
1673
|
+
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
|
|
1674
|
+
display: none;
|
|
1675
|
+
}
|
|
1327
1676
|
|
|
1328
1677
|
.vjs-modal-dialog.vjs-text-track-settings {
|
|
1329
1678
|
background-color: #2B333F;
|
|
1330
1679
|
background-color: rgba(43, 51, 63, 0.75);
|
|
1331
1680
|
color: #fff;
|
|
1332
|
-
height: 70%;
|
|
1681
|
+
height: 70%;
|
|
1682
|
+
}
|
|
1333
1683
|
|
|
1334
1684
|
.vjs-text-track-settings .vjs-modal-dialog-content {
|
|
1335
|
-
display: table;
|
|
1685
|
+
display: table;
|
|
1686
|
+
}
|
|
1336
1687
|
|
|
1337
1688
|
.vjs-text-track-settings .vjs-track-settings-colors,
|
|
1338
1689
|
.vjs-text-track-settings .vjs-track-settings-font,
|
|
1339
1690
|
.vjs-text-track-settings .vjs-track-settings-controls {
|
|
1340
|
-
display: table-cell;
|
|
1691
|
+
display: table-cell;
|
|
1692
|
+
}
|
|
1341
1693
|
|
|
1342
1694
|
.vjs-text-track-settings .vjs-track-settings-controls {
|
|
1343
1695
|
text-align: right;
|
|
1344
|
-
vertical-align: bottom;
|
|
1696
|
+
vertical-align: bottom;
|
|
1697
|
+
}
|
|
1345
1698
|
|
|
1346
1699
|
@supports (display: grid) {
|
|
1347
1700
|
.vjs-text-track-settings .vjs-modal-dialog-content {
|
|
1348
1701
|
display: grid;
|
|
1349
1702
|
grid-template-columns: 1fr 1fr;
|
|
1350
1703
|
grid-template-rows: 1fr;
|
|
1351
|
-
padding: 20px 24px 0px 24px;
|
|
1704
|
+
padding: 20px 24px 0px 24px;
|
|
1705
|
+
}
|
|
1706
|
+
|
|
1352
1707
|
.vjs-track-settings-controls .vjs-default-button {
|
|
1353
|
-
margin-bottom: 20px;
|
|
1708
|
+
margin-bottom: 20px;
|
|
1709
|
+
}
|
|
1710
|
+
|
|
1354
1711
|
.vjs-text-track-settings .vjs-track-settings-controls {
|
|
1355
|
-
grid-column: 1/-1;
|
|
1356
|
-
|
|
1357
|
-
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1358
|
-
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
|
|
1359
|
-
grid-template-columns: 1fr; } }
|
|
1712
|
+
grid-column: 1/-1;
|
|
1713
|
+
}
|
|
1360
1714
|
|
|
1715
|
+
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1716
|
+
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1717
|
+
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
|
|
1718
|
+
grid-template-columns: 1fr;
|
|
1719
|
+
}
|
|
1720
|
+
}
|
|
1361
1721
|
.vjs-track-setting > select {
|
|
1362
1722
|
margin-right: 1em;
|
|
1363
|
-
margin-bottom: 0.5em;
|
|
1723
|
+
margin-bottom: 0.5em;
|
|
1724
|
+
}
|
|
1364
1725
|
|
|
1365
1726
|
.vjs-text-track-settings fieldset {
|
|
1366
1727
|
margin: 5px;
|
|
1367
1728
|
padding: 3px;
|
|
1368
|
-
border: none;
|
|
1729
|
+
border: none;
|
|
1730
|
+
}
|
|
1369
1731
|
|
|
1370
1732
|
.vjs-text-track-settings fieldset span {
|
|
1371
|
-
display: inline-block;
|
|
1733
|
+
display: inline-block;
|
|
1734
|
+
}
|
|
1372
1735
|
|
|
1373
1736
|
.vjs-text-track-settings fieldset span > select {
|
|
1374
|
-
max-width: 7.3em;
|
|
1737
|
+
max-width: 7.3em;
|
|
1738
|
+
}
|
|
1375
1739
|
|
|
1376
1740
|
.vjs-text-track-settings legend {
|
|
1377
1741
|
color: #fff;
|
|
1378
|
-
margin: 0 0 5px 0;
|
|
1742
|
+
margin: 0 0 5px 0;
|
|
1743
|
+
}
|
|
1379
1744
|
|
|
1380
1745
|
.vjs-text-track-settings .vjs-label {
|
|
1381
1746
|
position: absolute;
|
|
@@ -1387,31 +1752,37 @@ video::-webkit-media-text-track-display {
|
|
|
1387
1752
|
border: 0;
|
|
1388
1753
|
height: 1px;
|
|
1389
1754
|
width: 1px;
|
|
1390
|
-
overflow: hidden;
|
|
1755
|
+
overflow: hidden;
|
|
1756
|
+
}
|
|
1391
1757
|
|
|
1392
1758
|
.vjs-track-settings-controls button:focus,
|
|
1393
1759
|
.vjs-track-settings-controls button:active {
|
|
1394
1760
|
outline-style: solid;
|
|
1395
1761
|
outline-width: medium;
|
|
1396
|
-
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
|
|
1762
|
+
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
|
|
1763
|
+
}
|
|
1397
1764
|
|
|
1398
1765
|
.vjs-track-settings-controls button:hover {
|
|
1399
|
-
color: rgba(43, 51, 63, 0.75);
|
|
1766
|
+
color: rgba(43, 51, 63, 0.75);
|
|
1767
|
+
}
|
|
1400
1768
|
|
|
1401
1769
|
.vjs-track-settings-controls button {
|
|
1402
1770
|
background-color: #fff;
|
|
1403
1771
|
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
|
|
1404
1772
|
color: #2B333F;
|
|
1405
1773
|
cursor: pointer;
|
|
1406
|
-
border-radius: 2px;
|
|
1774
|
+
border-radius: 2px;
|
|
1775
|
+
}
|
|
1407
1776
|
|
|
1408
1777
|
.vjs-track-settings-controls .vjs-default-button {
|
|
1409
|
-
margin-right: 1em;
|
|
1778
|
+
margin-right: 1em;
|
|
1779
|
+
}
|
|
1410
1780
|
|
|
1411
1781
|
@media print {
|
|
1412
1782
|
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
|
|
1413
|
-
visibility: hidden;
|
|
1414
|
-
|
|
1783
|
+
visibility: hidden;
|
|
1784
|
+
}
|
|
1785
|
+
}
|
|
1415
1786
|
.vjs-resize-manager {
|
|
1416
1787
|
position: absolute;
|
|
1417
1788
|
top: 0;
|
|
@@ -1419,38 +1790,44 @@ video::-webkit-media-text-track-display {
|
|
|
1419
1790
|
width: 100%;
|
|
1420
1791
|
height: 100%;
|
|
1421
1792
|
border: none;
|
|
1422
|
-
z-index: -1000;
|
|
1793
|
+
z-index: -1000;
|
|
1794
|
+
}
|
|
1423
1795
|
|
|
1424
1796
|
.js-focus-visible .video-js *:focus:not(.focus-visible) {
|
|
1425
1797
|
outline: none;
|
|
1426
|
-
|
|
1798
|
+
}
|
|
1427
1799
|
|
|
1428
|
-
.video-js *:focus:not(:focus-visible)
|
|
1429
|
-
.video-js .vjs-menu *:focus:not(:focus-visible) {
|
|
1800
|
+
.video-js *:focus:not(:focus-visible) {
|
|
1430
1801
|
outline: none;
|
|
1431
|
-
|
|
1802
|
+
}
|
|
1432
1803
|
|
|
1433
1804
|
button, input, select, textarea, video {
|
|
1434
|
-
outline: none;
|
|
1805
|
+
outline: none;
|
|
1806
|
+
}
|
|
1435
1807
|
|
|
1436
1808
|
.video-js .vjs-menu-item, button:focus {
|
|
1437
|
-
outline: initial;
|
|
1809
|
+
outline: initial;
|
|
1810
|
+
}
|
|
1438
1811
|
|
|
1439
1812
|
.video-js {
|
|
1440
1813
|
max-width: 100%;
|
|
1441
|
-
overflow: hidden;
|
|
1814
|
+
overflow: hidden;
|
|
1815
|
+
}
|
|
1442
1816
|
|
|
1443
1817
|
.video-js.init {
|
|
1444
1818
|
height: 0 !important;
|
|
1445
|
-
display: none;
|
|
1819
|
+
display: none;
|
|
1820
|
+
}
|
|
1446
1821
|
|
|
1447
1822
|
.video-js video {
|
|
1448
1823
|
transform: translateZ(0);
|
|
1449
1824
|
-webkit-transform: translateZ(0);
|
|
1450
|
-
display: block;
|
|
1825
|
+
display: block;
|
|
1826
|
+
}
|
|
1451
1827
|
|
|
1452
1828
|
.video-js .vjs-poster {
|
|
1453
|
-
background-size: cover;
|
|
1829
|
+
background-size: cover;
|
|
1830
|
+
}
|
|
1454
1831
|
|
|
1455
1832
|
.video-js .vjs-control-bar {
|
|
1456
1833
|
height: 50px;
|
|
@@ -1462,7 +1839,8 @@ button, input, select, textarea, video {
|
|
|
1462
1839
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);
|
|
1463
1840
|
transform: translateZ(0);
|
|
1464
1841
|
-webkit-transform: translateZ(0);
|
|
1465
|
-
z-index: 2;
|
|
1842
|
+
z-index: 2;
|
|
1843
|
+
}
|
|
1466
1844
|
|
|
1467
1845
|
.video-js .vjs-control-bar .vdt-seekbar-wrapper {
|
|
1468
1846
|
top: 0;
|
|
@@ -1470,20 +1848,24 @@ button, input, select, textarea, video {
|
|
|
1470
1848
|
height: 10px;
|
|
1471
1849
|
width: 100%;
|
|
1472
1850
|
position: absolute;
|
|
1473
|
-
margin: 0 auto;
|
|
1851
|
+
margin: 0 auto;
|
|
1852
|
+
}
|
|
1474
1853
|
|
|
1475
1854
|
.video-js .vjs-big-play-button {
|
|
1476
1855
|
font-size: 90px;
|
|
1477
1856
|
border: 0;
|
|
1478
1857
|
background-color: transparent;
|
|
1479
1858
|
text-shadow: 1px 2px 40px rgba(0, 0, 0, 0.4);
|
|
1480
|
-
z-index: 2;
|
|
1859
|
+
z-index: 2;
|
|
1860
|
+
}
|
|
1481
1861
|
|
|
1482
1862
|
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
|
|
1483
|
-
padding-top: 5px;
|
|
1863
|
+
padding-top: 5px;
|
|
1864
|
+
}
|
|
1484
1865
|
|
|
1485
1866
|
.video-js:hover .vjs-big-play-button, .video-js:hover .vjs-big-play-button:focus {
|
|
1486
|
-
background-color: transparent;
|
|
1867
|
+
background-color: transparent;
|
|
1868
|
+
}
|
|
1487
1869
|
|
|
1488
1870
|
.video-js .vjs-progress-control {
|
|
1489
1871
|
top: 0;
|
|
@@ -1491,62 +1873,80 @@ button, input, select, textarea, video {
|
|
|
1491
1873
|
position: absolute;
|
|
1492
1874
|
display: block;
|
|
1493
1875
|
width: 100%;
|
|
1494
|
-
height: 10px;
|
|
1876
|
+
height: 10px;
|
|
1877
|
+
}
|
|
1495
1878
|
|
|
1496
1879
|
.video-js .vjs-progress-control .vjs-load-progress {
|
|
1497
|
-
background: rgba(255, 255, 255, 0.2);
|
|
1880
|
+
background: rgba(255, 255, 255, 0.2);
|
|
1881
|
+
}
|
|
1498
1882
|
|
|
1499
1883
|
.video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip {
|
|
1500
|
-
display: none;
|
|
1884
|
+
display: none;
|
|
1885
|
+
}
|
|
1501
1886
|
|
|
1502
1887
|
.video-js .vjs-time-control.duration, .video-js .vjs-time-control.vjs-duration {
|
|
1503
|
-
margin-right: auto;
|
|
1888
|
+
margin-right: auto;
|
|
1889
|
+
}
|
|
1504
1890
|
|
|
1505
1891
|
.video-js .vdt-screenshot-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder {
|
|
1506
|
-
opacity: .6;
|
|
1892
|
+
opacity: 0.6;
|
|
1893
|
+
}
|
|
1507
1894
|
|
|
1508
1895
|
.video-js.has-vdt-menu .vjs-subs-caps-button {
|
|
1509
|
-
display: none;
|
|
1896
|
+
display: none;
|
|
1897
|
+
}
|
|
1510
1898
|
|
|
1511
1899
|
.video-js.subtitles-active .vjs-subs-caps-button .vjs-icon-placeholder {
|
|
1512
|
-
opacity: 1;
|
|
1900
|
+
opacity: 1;
|
|
1901
|
+
}
|
|
1513
1902
|
|
|
1514
1903
|
.video-js .vjs-control {
|
|
1515
|
-
font-size: 14px;
|
|
1904
|
+
font-size: 14px;
|
|
1905
|
+
}
|
|
1516
1906
|
|
|
1517
1907
|
.video-js .vjs-play-progress.vjs-slider-bar {
|
|
1518
|
-
background-color: red;
|
|
1908
|
+
background-color: red;
|
|
1909
|
+
}
|
|
1519
1910
|
|
|
1520
1911
|
.video-js .vjs-current-time, .video-js .vjs-no-flex .vjs-current-time, .video-js .vjs-time-control {
|
|
1521
|
-
display: block;
|
|
1912
|
+
display: block;
|
|
1913
|
+
}
|
|
1522
1914
|
|
|
1523
1915
|
.video-js .vjs-time-control {
|
|
1524
1916
|
font-size: 14px;
|
|
1525
1917
|
padding: 0;
|
|
1526
1918
|
min-width: 14px;
|
|
1527
|
-
text-align: center;
|
|
1919
|
+
text-align: center;
|
|
1920
|
+
}
|
|
1528
1921
|
|
|
1529
1922
|
.video-js .vjs-volume-panel, .video-js .vjs-volume-panel .vjs-mute-control {
|
|
1530
|
-
width: 3em;
|
|
1923
|
+
width: 3em;
|
|
1924
|
+
}
|
|
1531
1925
|
|
|
1532
1926
|
.video-js .vjs-menu-button-popup .vjs-menu {
|
|
1533
|
-
bottom: 20px;
|
|
1927
|
+
bottom: 20px;
|
|
1928
|
+
}
|
|
1534
1929
|
|
|
1535
1930
|
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
1536
1931
|
background-color: rgba(28, 28, 28, 0.9);
|
|
1537
|
-
border-radius: 7px;
|
|
1932
|
+
border-radius: 7px;
|
|
1933
|
+
}
|
|
1538
1934
|
|
|
1539
1935
|
.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected) {
|
|
1540
|
-
background-color: transparent;
|
|
1936
|
+
background-color: transparent;
|
|
1937
|
+
}
|
|
1541
1938
|
|
|
1542
1939
|
.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected) {
|
|
1543
|
-
background-color: rgba(255, 255, 255, 0.2);
|
|
1940
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
1941
|
+
}
|
|
1544
1942
|
|
|
1545
1943
|
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item-text {
|
|
1546
|
-
color: #fff;
|
|
1944
|
+
color: #fff;
|
|
1945
|
+
}
|
|
1547
1946
|
|
|
1548
1947
|
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text {
|
|
1549
|
-
color: #333;
|
|
1948
|
+
color: #333;
|
|
1949
|
+
}
|
|
1550
1950
|
|
|
1551
1951
|
.video-js .vdt-player-osd {
|
|
1552
1952
|
pointer-events: none;
|
|
@@ -1561,20 +1961,24 @@ button, input, select, textarea, video {
|
|
|
1561
1961
|
-webkit-backface-visibility: hidden;
|
|
1562
1962
|
backface-visibility: hidden;
|
|
1563
1963
|
transform: translateZ(0) scale3d(0.5, 0.5, 0.5);
|
|
1564
|
-
transition: all .2s ease-out;
|
|
1964
|
+
transition: all 0.2s ease-out;
|
|
1965
|
+
}
|
|
1565
1966
|
|
|
1566
1967
|
.video-js .vdt-player-osd.active {
|
|
1567
1968
|
opacity: 1;
|
|
1568
1969
|
-webkit-transform: scaleX(1);
|
|
1569
|
-
transform: scaleX(1);
|
|
1970
|
+
transform: scaleX(1);
|
|
1971
|
+
}
|
|
1570
1972
|
|
|
1571
1973
|
.video-js .vdt-player-osd table {
|
|
1572
1974
|
width: 100%;
|
|
1573
|
-
height: 100%;
|
|
1975
|
+
height: 100%;
|
|
1976
|
+
}
|
|
1574
1977
|
|
|
1575
1978
|
.video-js .vdt-player-osd table td {
|
|
1576
1979
|
vertical-align: middle;
|
|
1577
|
-
text-align: center;
|
|
1980
|
+
text-align: center;
|
|
1981
|
+
}
|
|
1578
1982
|
|
|
1579
1983
|
.video-js .vdt-player-osd table td .osd-feedback-icon:before {
|
|
1580
1984
|
font-family: VideoJS;
|
|
@@ -1586,68 +1990,84 @@ button, input, select, textarea, video {
|
|
|
1586
1990
|
width: 80px;
|
|
1587
1991
|
text-align: center;
|
|
1588
1992
|
background: rgba(0, 0, 0, 0.2);
|
|
1589
|
-
border-radius: 100%;
|
|
1993
|
+
border-radius: 100%;
|
|
1994
|
+
}
|
|
1590
1995
|
|
|
1591
1996
|
.video-js .vdt-player-osd table td .pause:before {
|
|
1592
|
-
content: "\f103";
|
|
1997
|
+
content: "\f103";
|
|
1998
|
+
}
|
|
1593
1999
|
|
|
1594
2000
|
.video-js .vdt-player-osd table td .volchange.high:before {
|
|
1595
|
-
content: "\f107";
|
|
2001
|
+
content: "\f107";
|
|
2002
|
+
}
|
|
1596
2003
|
|
|
1597
2004
|
.video-js .vdt-player-osd table td .volchange.mid:before {
|
|
1598
|
-
content: "\f106";
|
|
2005
|
+
content: "\f106";
|
|
2006
|
+
}
|
|
1599
2007
|
|
|
1600
2008
|
.video-js .vdt-player-osd table td .volchange.low:before {
|
|
1601
|
-
content: "\f105";
|
|
2009
|
+
content: "\f105";
|
|
2010
|
+
}
|
|
1602
2011
|
|
|
1603
2012
|
.video-js .vdt-player-osd table td .mute:before, .video-js .vdt-player-osd table td .volchange.null:before {
|
|
1604
|
-
content: "\f104";
|
|
2013
|
+
content: "\f104";
|
|
2014
|
+
}
|
|
1605
2015
|
|
|
1606
2016
|
.video-js .vdt-player-osd table td .unmute:before {
|
|
1607
|
-
content: "\f107";
|
|
2017
|
+
content: "\f107";
|
|
2018
|
+
}
|
|
1608
2019
|
|
|
1609
2020
|
.video-js .vdt-player-osd table td .backward-jump:before, .video-js .vdt-player-osd table td .forward-jump:before {
|
|
1610
2021
|
content: "\f101\f101";
|
|
1611
2022
|
letter-spacing: -38px;
|
|
1612
2023
|
padding-left: 0;
|
|
1613
|
-
padding-right: 34px;
|
|
2024
|
+
padding-right: 34px;
|
|
2025
|
+
}
|
|
1614
2026
|
|
|
1615
2027
|
.video-js .vdt-player-osd table td .backward-jump:before {
|
|
1616
2028
|
-webkit-transform: scaleX(-1);
|
|
1617
|
-
transform: scaleX(-1);
|
|
2029
|
+
transform: scaleX(-1);
|
|
2030
|
+
}
|
|
1618
2031
|
|
|
1619
2032
|
@keyframes vjs-spinner-fade {
|
|
1620
2033
|
0% {
|
|
1621
|
-
border-top-color: rgba(255, 255, 255, 0.6);
|
|
2034
|
+
border-top-color: rgba(255, 255, 255, 0.6);
|
|
2035
|
+
}
|
|
1622
2036
|
35% {
|
|
1623
|
-
border-top-color: #fff;
|
|
2037
|
+
border-top-color: #fff;
|
|
2038
|
+
}
|
|
1624
2039
|
to {
|
|
1625
|
-
border-top-color: rgba(255, 255, 255, 0.6);
|
|
1626
|
-
|
|
2040
|
+
border-top-color: rgba(255, 255, 255, 0.6);
|
|
2041
|
+
}
|
|
2042
|
+
}
|
|
1627
2043
|
.video-js .vjs-loading-spinner {
|
|
1628
2044
|
margin: -40px 0 0 -40px;
|
|
1629
|
-
opacity: .85;
|
|
2045
|
+
opacity: 0.85;
|
|
1630
2046
|
border: 5px solid rgba(255, 255, 255, 0.7);
|
|
1631
2047
|
width: 80px;
|
|
1632
2048
|
height: 80px;
|
|
1633
2049
|
border-radius: 100px;
|
|
1634
|
-
z-index: 5;
|
|
2050
|
+
z-index: 5;
|
|
2051
|
+
}
|
|
1635
2052
|
|
|
1636
2053
|
.video-js .vjs-loading-spinner:after, .video-js .vjs-loading-spinner:before {
|
|
1637
|
-
margin: -5px;
|
|
2054
|
+
margin: -5px;
|
|
2055
|
+
}
|
|
1638
2056
|
|
|
1639
2057
|
.video-js .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
|
|
1640
2058
|
bottom: 0;
|
|
1641
|
-
transition: transform .3s ease-out;
|
|
2059
|
+
transition: transform 0.3s ease-out;
|
|
1642
2060
|
-webkit-transform: translateZ(0);
|
|
1643
2061
|
-webkit-backface-visibility: hidden;
|
|
1644
|
-
backface-visibility: hidden;
|
|
2062
|
+
backface-visibility: hidden;
|
|
2063
|
+
}
|
|
1645
2064
|
|
|
1646
2065
|
.video-js .vjs-text-track-display > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display > div {
|
|
1647
2066
|
display: table;
|
|
1648
2067
|
width: 100%;
|
|
1649
2068
|
height: 100%;
|
|
1650
|
-
margin: 0 !important;
|
|
2069
|
+
margin: 0 !important;
|
|
2070
|
+
}
|
|
1651
2071
|
|
|
1652
2072
|
.video-js .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue {
|
|
1653
2073
|
width: 100% !important;
|
|
@@ -1658,45 +2078,55 @@ button, input, select, textarea, video {
|
|
|
1658
2078
|
font-size: 18px !important;
|
|
1659
2079
|
height: auto !important;
|
|
1660
2080
|
padding-bottom: 1.5%;
|
|
1661
|
-
display: table-cell;
|
|
2081
|
+
display: table-cell;
|
|
2082
|
+
}
|
|
1662
2083
|
|
|
1663
2084
|
.video-js .vjs-text-track-display .vjs-text-track-cue > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue > div {
|
|
1664
2085
|
padding: 2px 4px;
|
|
1665
2086
|
line-height: 1.25;
|
|
1666
|
-
border-radius: 2px;
|
|
2087
|
+
border-radius: 2px;
|
|
2088
|
+
}
|
|
1667
2089
|
|
|
1668
2090
|
.video-js.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue {
|
|
1669
2091
|
-webkit-backface-visibility: hidden;
|
|
1670
2092
|
backface-visibility: hidden;
|
|
1671
|
-
font-size: 24px !important;
|
|
2093
|
+
font-size: 24px !important;
|
|
2094
|
+
}
|
|
1672
2095
|
|
|
1673
2096
|
.video-js.vjs-controls-enabled.vjs-user-active .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar, .video-jsdiv .vjs-control-bar {
|
|
1674
|
-
opacity: 1;
|
|
2097
|
+
opacity: 1;
|
|
2098
|
+
}
|
|
1675
2099
|
|
|
1676
2100
|
.video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar, .video-js:not(.controls-below-player) .vjs-control-bar {
|
|
1677
2101
|
-webkit-backface-visibility: hidden;
|
|
1678
2102
|
backface-visibility: hidden;
|
|
1679
2103
|
transform: translate3d(0, 50px, 0);
|
|
1680
|
-
transition: transform .3s ease-in-out;
|
|
2104
|
+
transition: transform 0.3s ease-in-out;
|
|
2105
|
+
}
|
|
1681
2106
|
|
|
1682
2107
|
.video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player) .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player) .vjs-control-bar {
|
|
1683
2108
|
transform: translateZ(0);
|
|
1684
|
-
-webkit-transform: translateZ(0);
|
|
2109
|
+
-webkit-transform: translateZ(0);
|
|
2110
|
+
}
|
|
1685
2111
|
|
|
1686
2112
|
.video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display {
|
|
1687
|
-
transform: translate3d(0, -50px, 0);
|
|
2113
|
+
transform: translate3d(0, -50px, 0);
|
|
2114
|
+
}
|
|
1688
2115
|
|
|
1689
2116
|
.video-js .vdt-timecode {
|
|
1690
2117
|
display: inline;
|
|
1691
|
-
font-family: "monospace",sans-serif;
|
|
1692
|
-
margin-left: 20px;
|
|
2118
|
+
font-family: "monospace", sans-serif;
|
|
2119
|
+
margin-left: 20px;
|
|
2120
|
+
}
|
|
1693
2121
|
|
|
1694
2122
|
.video-js .vdt-timecode input, .video-js .vdt-timecode span {
|
|
1695
|
-
font-size: 16px;
|
|
2123
|
+
font-size: 16px;
|
|
2124
|
+
}
|
|
1696
2125
|
|
|
1697
2126
|
.video-js .vdt-timecode span {
|
|
1698
2127
|
text-align: center;
|
|
1699
|
-
display: inline-block;
|
|
2128
|
+
display: inline-block;
|
|
2129
|
+
}
|
|
1700
2130
|
|
|
1701
2131
|
.video-js .vdt-timecode input {
|
|
1702
2132
|
display: inline-block;
|
|
@@ -1704,45 +2134,56 @@ button, input, select, textarea, video {
|
|
|
1704
2134
|
border: 0;
|
|
1705
2135
|
background: transparent;
|
|
1706
2136
|
color: inherit;
|
|
1707
|
-
width: 21px;
|
|
2137
|
+
width: 21px;
|
|
2138
|
+
}
|
|
1708
2139
|
|
|
1709
2140
|
@media (max-width: 640px) {
|
|
1710
2141
|
.video-js .vdt-timecode {
|
|
1711
|
-
flex-grow: 3;
|
|
1712
|
-
|
|
2142
|
+
flex-grow: 3;
|
|
2143
|
+
}
|
|
2144
|
+
}
|
|
1713
2145
|
.video-js .vdt-timecode.duration {
|
|
1714
2146
|
margin-left: 0;
|
|
1715
|
-
margin-right: auto;
|
|
2147
|
+
margin-right: auto;
|
|
2148
|
+
}
|
|
1716
2149
|
|
|
1717
2150
|
.video-js .vdt-timecode.duration span {
|
|
1718
|
-
cursor: default;
|
|
2151
|
+
cursor: default;
|
|
2152
|
+
}
|
|
1719
2153
|
|
|
1720
2154
|
.video-js .vdt-timecode.duration:before {
|
|
1721
2155
|
content: "/";
|
|
1722
2156
|
display: inline-block;
|
|
1723
2157
|
margin: 0 5px;
|
|
1724
|
-
font-size: 16px;
|
|
2158
|
+
font-size: 16px;
|
|
2159
|
+
}
|
|
1725
2160
|
|
|
1726
2161
|
@media (max-width: 640px) {
|
|
1727
2162
|
.video-js .vdt-timecode.duration {
|
|
1728
|
-
display: none;
|
|
1729
|
-
|
|
2163
|
+
display: none;
|
|
2164
|
+
}
|
|
2165
|
+
}
|
|
1730
2166
|
.video-js .vdt-cinema-button, .video-js .vdt-screenshot-button, .video-js .vdt-settings-menu-button {
|
|
1731
|
-
cursor: pointer;
|
|
2167
|
+
cursor: pointer;
|
|
2168
|
+
}
|
|
1732
2169
|
|
|
1733
2170
|
.video-js .vdt-cinema-button:after, .video-js .vdt-screenshot-button:after, .video-js .vdt-settings-menu-button:after {
|
|
1734
2171
|
content: "\f10b";
|
|
1735
2172
|
font-family: VideoJS;
|
|
1736
|
-
font-size: 22px;
|
|
2173
|
+
font-size: 22px;
|
|
2174
|
+
}
|
|
1737
2175
|
|
|
1738
2176
|
.video-js .vdt-cinema-button:active, .video-js .vdt-cinema-button:focus, .video-js .vdt-screenshot-button:active, .video-js .vdt-screenshot-button:focus, .video-js .vdt-settings-menu-button:active, .video-js .vdt-settings-menu-button:focus {
|
|
1739
|
-
opacity: .6;
|
|
2177
|
+
opacity: 0.6;
|
|
2178
|
+
}
|
|
1740
2179
|
|
|
1741
2180
|
.video-js .vdt-cinema-button:after {
|
|
1742
|
-
content: "\f10a";
|
|
2181
|
+
content: "\f10a";
|
|
2182
|
+
}
|
|
1743
2183
|
|
|
1744
2184
|
.video-js .vdt-settings-menu-button:after {
|
|
1745
|
-
content: "\f110";
|
|
2185
|
+
content: "\f110";
|
|
2186
|
+
}
|
|
1746
2187
|
|
|
1747
2188
|
.video-js .vdt-help-overlay, .video-js .vdt-waveform-visual {
|
|
1748
2189
|
position: absolute;
|
|
@@ -1756,14 +2197,17 @@ button, input, select, textarea, video {
|
|
|
1756
2197
|
background: -moz-linear-gradient(top, #88bfe8 0, #71a1c4 100%);
|
|
1757
2198
|
background: -webkit-linear-gradient(top, #88bfe8, #71a1c4);
|
|
1758
2199
|
background: linear-gradient(180deg, #88bfe8 0, #71a1c4);
|
|
1759
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88bfe8",endColorstr="#71a1c4",GradientType=0);
|
|
2200
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88bfe8",endColorstr="#71a1c4",GradientType=0);
|
|
2201
|
+
}
|
|
1760
2202
|
|
|
1761
2203
|
.video-js .vdt-help-overlay canvas, .video-js .vdt-waveform-visual canvas {
|
|
1762
2204
|
height: 100%;
|
|
1763
|
-
width: 100%;
|
|
2205
|
+
width: 100%;
|
|
2206
|
+
}
|
|
1764
2207
|
|
|
1765
2208
|
.video-js.vjs-has-started .vdt-waveform-visual {
|
|
1766
|
-
display: block;
|
|
2209
|
+
display: block;
|
|
2210
|
+
}
|
|
1767
2211
|
|
|
1768
2212
|
.video-js .vdt-help-overlay {
|
|
1769
2213
|
font-size: 15px;
|
|
@@ -1771,26 +2215,32 @@ button, input, select, textarea, video {
|
|
|
1771
2215
|
z-index: 2;
|
|
1772
2216
|
transition: opacity 1s ease-in-out;
|
|
1773
2217
|
opacity: 0;
|
|
1774
|
-
padding-bottom: 12px;
|
|
2218
|
+
padding-bottom: 12px;
|
|
2219
|
+
}
|
|
1775
2220
|
|
|
1776
2221
|
.video-js .vdt-help-overlay > table {
|
|
1777
2222
|
height: 100%;
|
|
1778
|
-
margin: 0 auto;
|
|
2223
|
+
margin: 0 auto;
|
|
2224
|
+
}
|
|
1779
2225
|
|
|
1780
2226
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table {
|
|
1781
2227
|
border-radius: 7px;
|
|
1782
2228
|
max-height: 400px;
|
|
1783
2229
|
-webkit-backdrop-filter: blur(10px);
|
|
1784
|
-
background: rgba(0, 0, 0, 0.6);
|
|
2230
|
+
background: rgba(0, 0, 0, 0.6);
|
|
2231
|
+
}
|
|
1785
2232
|
|
|
1786
2233
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table td {
|
|
1787
|
-
padding: 6px;
|
|
2234
|
+
padding: 6px;
|
|
2235
|
+
}
|
|
1788
2236
|
|
|
1789
2237
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2), .video-js .vdt-help-overlay > table td.vdt-help-contents table td td:nth-child(4) {
|
|
1790
|
-
padding: 4px 9px;
|
|
2238
|
+
padding: 4px 9px;
|
|
2239
|
+
}
|
|
1791
2240
|
|
|
1792
2241
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2) {
|
|
1793
|
-
padding-right: 32px;
|
|
2242
|
+
padding-right: 32px;
|
|
2243
|
+
}
|
|
1794
2244
|
|
|
1795
2245
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child div, .video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(3) div {
|
|
1796
2246
|
text-align: center;
|
|
@@ -1799,59 +2249,76 @@ button, input, select, textarea, video {
|
|
|
1799
2249
|
border-radius: 2px;
|
|
1800
2250
|
background: rgba(255, 255, 255, 0.1);
|
|
1801
2251
|
font-size: 13px;
|
|
1802
|
-
min-width: 21px;
|
|
2252
|
+
min-width: 21px;
|
|
2253
|
+
}
|
|
1803
2254
|
|
|
1804
2255
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child {
|
|
1805
|
-
padding-left: 16px;
|
|
2256
|
+
padding-left: 16px;
|
|
2257
|
+
}
|
|
1806
2258
|
|
|
1807
2259
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table td:last-child {
|
|
1808
|
-
padding-right: 16px;
|
|
2260
|
+
padding-right: 16px;
|
|
2261
|
+
}
|
|
1809
2262
|
|
|
1810
2263
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:first-child td {
|
|
1811
|
-
padding-top: 16px;
|
|
2264
|
+
padding-top: 16px;
|
|
2265
|
+
}
|
|
1812
2266
|
|
|
1813
2267
|
.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:last-child td {
|
|
1814
|
-
padding-bottom: 16px;
|
|
2268
|
+
padding-bottom: 16px;
|
|
2269
|
+
}
|
|
1815
2270
|
|
|
1816
2271
|
.video-js .vdt-help-overlay > table td {
|
|
1817
|
-
vertical-align: middle;
|
|
2272
|
+
vertical-align: middle;
|
|
2273
|
+
}
|
|
1818
2274
|
|
|
1819
2275
|
.video-js .vdt-help-overlay.active {
|
|
1820
2276
|
display: block;
|
|
1821
|
-
opacity: 1;
|
|
2277
|
+
opacity: 1;
|
|
2278
|
+
}
|
|
1822
2279
|
|
|
1823
2280
|
.video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen .vjs-text-track-display, .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-text-track-display {
|
|
1824
|
-
bottom: 60px;
|
|
2281
|
+
bottom: 60px;
|
|
2282
|
+
}
|
|
1825
2283
|
|
|
1826
2284
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) {
|
|
1827
2285
|
overflow: visible;
|
|
1828
2286
|
width: auto;
|
|
1829
2287
|
height: auto;
|
|
1830
2288
|
background-color: transparent;
|
|
1831
|
-
margin-bottom: 70px;
|
|
2289
|
+
margin-bottom: 70px;
|
|
2290
|
+
}
|
|
1832
2291
|
|
|
1833
2292
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) video {
|
|
1834
|
-
position: relative;
|
|
2293
|
+
position: relative;
|
|
2294
|
+
}
|
|
1835
2295
|
|
|
1836
2296
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar {
|
|
1837
2297
|
transform: translate3d(0, 60px, 0);
|
|
1838
|
-
transition: all .3s ease-in-out;
|
|
1839
|
-
background: transparent;
|
|
2298
|
+
transition: all 0.3s ease-in-out;
|
|
2299
|
+
background: transparent;
|
|
2300
|
+
}
|
|
1840
2301
|
|
|
1841
2302
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text) {
|
|
1842
|
-
color: #333;
|
|
2303
|
+
color: #333;
|
|
2304
|
+
}
|
|
1843
2305
|
|
|
1844
2306
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vjs-button:not(.vjs-menu-item-text) {
|
|
1845
|
-
color: #efefef;
|
|
2307
|
+
color: #efefef;
|
|
2308
|
+
}
|
|
1846
2309
|
|
|
1847
2310
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-progress-holder {
|
|
1848
|
-
margin: 0 auto;
|
|
2311
|
+
margin: 0 auto;
|
|
2312
|
+
}
|
|
1849
2313
|
|
|
1850
2314
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-menu {
|
|
1851
|
-
bottom: 35px;
|
|
2315
|
+
bottom: 35px;
|
|
2316
|
+
}
|
|
1852
2317
|
|
|
1853
2318
|
.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-poster {
|
|
1854
|
-
height: auto;
|
|
2319
|
+
height: auto;
|
|
2320
|
+
}
|
|
1855
2321
|
|
|
1856
2322
|
.video-js .vjs-picture-in-picture-control, .video-js .vjs-play-progress .vjs-time-tooltip, .video-js .vjs-play-progress:before, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltips, .video-js .vjs-remaining-time {
|
|
1857
|
-
display: none;
|
|
2323
|
+
display: none;
|
|
2324
|
+
}
|