@flashphoner/websdk 2.0.228 → 2.0.229
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/docTemplate/README.md +1 -1
- package/examples/demo/dependencies/js/utils.js +39 -0
- package/examples/demo/streaming/hls-js-player/hls-js-player.html +1 -0
- package/examples/demo/streaming/hls-js-player/hls-js-player.js +7 -4
- package/examples/demo/streaming/hls-js-player/hls.js +25012 -25818
- package/examples/demo/streaming/hls-js-player/hls.min.js +2 -2
- package/examples/demo/streaming/hls-native/hls-native.html +1 -0
- package/examples/demo/streaming/hls-native/hls-native.js +5 -1
- package/examples/demo/streaming/hls-player/hls-player.html +1 -0
- package/examples/demo/streaming/hls-player/hls-player.js +38 -4
- package/examples/demo/streaming/hls-player/player-page.html +2 -0
- package/examples/demo/streaming/hls-player/video-js.css +320 -243
- package/examples/demo/streaming/hls-player/video.js +18841 -23735
- package/examples/demo/streaming/hls-player/video.min.js +30 -17
- package/flashphoner-no-flash.js +2 -2
- package/flashphoner-no-flash.min.js +2 -2
- package/flashphoner-no-webrtc.js +2 -2
- package/flashphoner-no-webrtc.min.js +2 -2
- package/flashphoner-no-wsplayer.js +2 -2
- package/flashphoner-no-wsplayer.min.js +2 -2
- package/flashphoner-room-api.js +3 -3
- package/flashphoner-room-api.min.js +3 -3
- package/flashphoner-temasys-flash-websocket-without-adapterjs.js +2 -2
- package/flashphoner-temasys-flash-websocket.js +2 -2
- package/flashphoner-temasys-flash-websocket.min.js +1 -1
- package/flashphoner.js +2 -2
- package/flashphoner.min.js +2 -2
- package/package.json +1 -1
- package/src/media-source-media-provider.js +3 -3
|
@@ -1,4 +1,3 @@
|
|
|
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;
|
|
@@ -13,7 +12,7 @@
|
|
|
13
12
|
|
|
14
13
|
@font-face {
|
|
15
14
|
font-family: VideoJS;
|
|
16
|
-
src: url(data:application/font-woff;charset=utf-8;base64,
|
|
15
|
+
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
|
|
17
16
|
font-weight: normal;
|
|
18
17
|
font-style: normal;
|
|
19
18
|
}
|
|
@@ -98,22 +97,13 @@
|
|
|
98
97
|
content: "\f109";
|
|
99
98
|
}
|
|
100
99
|
|
|
101
|
-
.vjs-icon-square {
|
|
102
|
-
font-family: VideoJS;
|
|
103
|
-
font-weight: normal;
|
|
104
|
-
font-style: normal;
|
|
105
|
-
}
|
|
106
|
-
.vjs-icon-square:before {
|
|
107
|
-
content: "\f10a";
|
|
108
|
-
}
|
|
109
|
-
|
|
110
100
|
.vjs-icon-spinner {
|
|
111
101
|
font-family: VideoJS;
|
|
112
102
|
font-weight: normal;
|
|
113
103
|
font-style: normal;
|
|
114
104
|
}
|
|
115
105
|
.vjs-icon-spinner:before {
|
|
116
|
-
content: "\
|
|
106
|
+
content: "\f10a";
|
|
117
107
|
}
|
|
118
108
|
|
|
119
109
|
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
|
|
@@ -130,7 +120,7 @@
|
|
|
130
120
|
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
131
121
|
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
132
122
|
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
|
|
133
|
-
content: "\
|
|
123
|
+
content: "\f10b";
|
|
134
124
|
}
|
|
135
125
|
|
|
136
126
|
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
|
|
@@ -141,6 +131,15 @@
|
|
|
141
131
|
}
|
|
142
132
|
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
143
133
|
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
|
|
134
|
+
content: "\f10c";
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.vjs-icon-hd {
|
|
138
|
+
font-family: VideoJS;
|
|
139
|
+
font-weight: normal;
|
|
140
|
+
font-style: normal;
|
|
141
|
+
}
|
|
142
|
+
.vjs-icon-hd:before {
|
|
144
143
|
content: "\f10d";
|
|
145
144
|
}
|
|
146
145
|
|
|
@@ -153,148 +152,184 @@
|
|
|
153
152
|
content: "\f10e";
|
|
154
153
|
}
|
|
155
154
|
|
|
156
|
-
.vjs-icon-
|
|
155
|
+
.vjs-icon-downloading {
|
|
157
156
|
font-family: VideoJS;
|
|
158
157
|
font-weight: normal;
|
|
159
158
|
font-style: normal;
|
|
160
159
|
}
|
|
161
|
-
.vjs-icon-
|
|
160
|
+
.vjs-icon-downloading:before {
|
|
162
161
|
content: "\f10f";
|
|
163
162
|
}
|
|
164
163
|
|
|
165
|
-
.vjs-icon-
|
|
164
|
+
.vjs-icon-file-download {
|
|
166
165
|
font-family: VideoJS;
|
|
167
166
|
font-weight: normal;
|
|
168
167
|
font-style: normal;
|
|
169
168
|
}
|
|
170
|
-
.vjs-icon-
|
|
169
|
+
.vjs-icon-file-download:before {
|
|
171
170
|
content: "\f110";
|
|
172
171
|
}
|
|
173
172
|
|
|
174
|
-
.vjs-icon-
|
|
173
|
+
.vjs-icon-file-download-done {
|
|
175
174
|
font-family: VideoJS;
|
|
176
175
|
font-weight: normal;
|
|
177
176
|
font-style: normal;
|
|
178
177
|
}
|
|
179
|
-
.vjs-icon-
|
|
178
|
+
.vjs-icon-file-download-done:before {
|
|
180
179
|
content: "\f111";
|
|
181
180
|
}
|
|
182
181
|
|
|
183
|
-
.vjs-icon-
|
|
182
|
+
.vjs-icon-file-download-off {
|
|
184
183
|
font-family: VideoJS;
|
|
185
184
|
font-weight: normal;
|
|
186
185
|
font-style: normal;
|
|
187
186
|
}
|
|
188
|
-
.vjs-icon-
|
|
187
|
+
.vjs-icon-file-download-off:before {
|
|
189
188
|
content: "\f112";
|
|
190
189
|
}
|
|
191
190
|
|
|
192
|
-
.vjs-icon-
|
|
191
|
+
.vjs-icon-share {
|
|
193
192
|
font-family: VideoJS;
|
|
194
193
|
font-weight: normal;
|
|
195
194
|
font-style: normal;
|
|
196
195
|
}
|
|
197
|
-
.vjs-icon-
|
|
196
|
+
.vjs-icon-share:before {
|
|
198
197
|
content: "\f113";
|
|
199
198
|
}
|
|
200
199
|
|
|
201
|
-
.vjs-icon-
|
|
200
|
+
.vjs-icon-cog {
|
|
202
201
|
font-family: VideoJS;
|
|
203
202
|
font-weight: normal;
|
|
204
203
|
font-style: normal;
|
|
205
204
|
}
|
|
206
|
-
.vjs-icon-
|
|
205
|
+
.vjs-icon-cog:before {
|
|
207
206
|
content: "\f114";
|
|
208
207
|
}
|
|
209
208
|
|
|
210
|
-
.vjs-icon-
|
|
209
|
+
.vjs-icon-square {
|
|
211
210
|
font-family: VideoJS;
|
|
212
211
|
font-weight: normal;
|
|
213
212
|
font-style: normal;
|
|
214
213
|
}
|
|
215
|
-
.vjs-icon-
|
|
214
|
+
.vjs-icon-square:before {
|
|
216
215
|
content: "\f115";
|
|
217
216
|
}
|
|
218
217
|
|
|
219
|
-
.vjs-icon-
|
|
218
|
+
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
|
|
220
219
|
font-family: VideoJS;
|
|
221
220
|
font-weight: normal;
|
|
222
221
|
font-style: normal;
|
|
223
222
|
}
|
|
224
|
-
.vjs-icon-
|
|
223
|
+
.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 {
|
|
225
224
|
content: "\f116";
|
|
226
225
|
}
|
|
227
226
|
|
|
228
|
-
.vjs-icon-
|
|
227
|
+
.vjs-icon-circle-outline {
|
|
229
228
|
font-family: VideoJS;
|
|
230
229
|
font-weight: normal;
|
|
231
230
|
font-style: normal;
|
|
232
231
|
}
|
|
233
|
-
.vjs-icon-
|
|
232
|
+
.vjs-icon-circle-outline:before {
|
|
234
233
|
content: "\f117";
|
|
235
234
|
}
|
|
236
235
|
|
|
237
|
-
.vjs-icon-
|
|
236
|
+
.vjs-icon-circle-inner-circle {
|
|
238
237
|
font-family: VideoJS;
|
|
239
238
|
font-weight: normal;
|
|
240
239
|
font-style: normal;
|
|
241
240
|
}
|
|
242
|
-
.vjs-icon-
|
|
241
|
+
.vjs-icon-circle-inner-circle:before {
|
|
243
242
|
content: "\f118";
|
|
244
243
|
}
|
|
245
244
|
|
|
246
|
-
.vjs-icon-
|
|
245
|
+
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
|
|
247
246
|
font-family: VideoJS;
|
|
248
247
|
font-weight: normal;
|
|
249
248
|
font-style: normal;
|
|
250
249
|
}
|
|
251
|
-
.vjs-icon-
|
|
250
|
+
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
|
|
252
251
|
content: "\f119";
|
|
253
252
|
}
|
|
254
253
|
|
|
255
|
-
.vjs-icon-
|
|
254
|
+
.vjs-icon-repeat {
|
|
256
255
|
font-family: VideoJS;
|
|
257
256
|
font-weight: normal;
|
|
258
257
|
font-style: normal;
|
|
259
258
|
}
|
|
260
|
-
.vjs-icon-
|
|
259
|
+
.vjs-icon-repeat:before {
|
|
261
260
|
content: "\f11a";
|
|
262
261
|
}
|
|
263
262
|
|
|
264
|
-
.vjs-icon-
|
|
263
|
+
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
|
|
265
264
|
font-family: VideoJS;
|
|
266
265
|
font-weight: normal;
|
|
267
266
|
font-style: normal;
|
|
268
267
|
}
|
|
269
|
-
.vjs-icon-
|
|
268
|
+
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
|
|
270
269
|
content: "\f11b";
|
|
271
270
|
}
|
|
272
271
|
|
|
273
|
-
.vjs-icon-
|
|
272
|
+
.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
|
|
274
273
|
font-family: VideoJS;
|
|
275
274
|
font-weight: normal;
|
|
276
275
|
font-style: normal;
|
|
277
276
|
}
|
|
278
|
-
.vjs-icon-
|
|
277
|
+
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
|
|
279
278
|
content: "\f11c";
|
|
280
279
|
}
|
|
281
280
|
|
|
282
|
-
.vjs-icon-
|
|
281
|
+
.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
|
|
283
282
|
font-family: VideoJS;
|
|
284
283
|
font-weight: normal;
|
|
285
284
|
font-style: normal;
|
|
286
285
|
}
|
|
287
|
-
.vjs-icon-
|
|
286
|
+
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
|
|
288
287
|
content: "\f11d";
|
|
289
288
|
}
|
|
290
289
|
|
|
290
|
+
.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
|
|
291
|
+
font-family: VideoJS;
|
|
292
|
+
font-weight: normal;
|
|
293
|
+
font-style: normal;
|
|
294
|
+
}
|
|
295
|
+
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
|
|
296
|
+
content: "\f11e";
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
|
|
300
|
+
font-family: VideoJS;
|
|
301
|
+
font-weight: normal;
|
|
302
|
+
font-style: normal;
|
|
303
|
+
}
|
|
304
|
+
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
|
|
305
|
+
content: "\f11f";
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
|
|
309
|
+
font-family: VideoJS;
|
|
310
|
+
font-weight: normal;
|
|
311
|
+
font-style: normal;
|
|
312
|
+
}
|
|
313
|
+
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
|
|
314
|
+
content: "\f120";
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
|
|
318
|
+
font-family: VideoJS;
|
|
319
|
+
font-weight: normal;
|
|
320
|
+
font-style: normal;
|
|
321
|
+
}
|
|
322
|
+
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
|
|
323
|
+
content: "\f121";
|
|
324
|
+
}
|
|
325
|
+
|
|
291
326
|
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
|
|
292
327
|
font-family: VideoJS;
|
|
293
328
|
font-weight: normal;
|
|
294
329
|
font-style: normal;
|
|
295
330
|
}
|
|
296
331
|
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
|
|
297
|
-
content: "\
|
|
332
|
+
content: "\f122";
|
|
298
333
|
}
|
|
299
334
|
|
|
300
335
|
.vjs-icon-next-item {
|
|
@@ -303,7 +338,7 @@
|
|
|
303
338
|
font-style: normal;
|
|
304
339
|
}
|
|
305
340
|
.vjs-icon-next-item:before {
|
|
306
|
-
content: "\
|
|
341
|
+
content: "\f123";
|
|
307
342
|
}
|
|
308
343
|
|
|
309
344
|
.vjs-icon-previous-item {
|
|
@@ -312,7 +347,25 @@
|
|
|
312
347
|
font-style: normal;
|
|
313
348
|
}
|
|
314
349
|
.vjs-icon-previous-item:before {
|
|
315
|
-
content: "\
|
|
350
|
+
content: "\f124";
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.vjs-icon-shuffle {
|
|
354
|
+
font-family: VideoJS;
|
|
355
|
+
font-weight: normal;
|
|
356
|
+
font-style: normal;
|
|
357
|
+
}
|
|
358
|
+
.vjs-icon-shuffle:before {
|
|
359
|
+
content: "\f125";
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.vjs-icon-cast {
|
|
363
|
+
font-family: VideoJS;
|
|
364
|
+
font-weight: normal;
|
|
365
|
+
font-style: normal;
|
|
366
|
+
}
|
|
367
|
+
.vjs-icon-cast:before {
|
|
368
|
+
content: "\f126";
|
|
316
369
|
}
|
|
317
370
|
|
|
318
371
|
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
|
|
@@ -321,7 +374,7 @@
|
|
|
321
374
|
font-style: normal;
|
|
322
375
|
}
|
|
323
376
|
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
|
|
324
|
-
content: "\
|
|
377
|
+
content: "\f127";
|
|
325
378
|
}
|
|
326
379
|
|
|
327
380
|
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
|
|
@@ -330,11 +383,65 @@
|
|
|
330
383
|
font-style: normal;
|
|
331
384
|
}
|
|
332
385
|
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
|
|
333
|
-
content: "\
|
|
386
|
+
content: "\f128";
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
.vjs-icon-facebook {
|
|
390
|
+
font-family: VideoJS;
|
|
391
|
+
font-weight: normal;
|
|
392
|
+
font-style: normal;
|
|
393
|
+
}
|
|
394
|
+
.vjs-icon-facebook:before {
|
|
395
|
+
content: "\f129";
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
.vjs-icon-linkedin {
|
|
399
|
+
font-family: VideoJS;
|
|
400
|
+
font-weight: normal;
|
|
401
|
+
font-style: normal;
|
|
402
|
+
}
|
|
403
|
+
.vjs-icon-linkedin:before {
|
|
404
|
+
content: "\f12a";
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.vjs-icon-twitter {
|
|
408
|
+
font-family: VideoJS;
|
|
409
|
+
font-weight: normal;
|
|
410
|
+
font-style: normal;
|
|
411
|
+
}
|
|
412
|
+
.vjs-icon-twitter:before {
|
|
413
|
+
content: "\f12b";
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
.vjs-icon-tumblr {
|
|
417
|
+
font-family: VideoJS;
|
|
418
|
+
font-weight: normal;
|
|
419
|
+
font-style: normal;
|
|
420
|
+
}
|
|
421
|
+
.vjs-icon-tumblr:before {
|
|
422
|
+
content: "\f12c";
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.vjs-icon-pinterest {
|
|
426
|
+
font-family: VideoJS;
|
|
427
|
+
font-weight: normal;
|
|
428
|
+
font-style: normal;
|
|
429
|
+
}
|
|
430
|
+
.vjs-icon-pinterest:before {
|
|
431
|
+
content: "\f12d";
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
|
|
435
|
+
font-family: VideoJS;
|
|
436
|
+
font-weight: normal;
|
|
437
|
+
font-style: normal;
|
|
438
|
+
}
|
|
439
|
+
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
|
|
440
|
+
content: "\f12e";
|
|
334
441
|
}
|
|
335
442
|
|
|
336
443
|
.video-js {
|
|
337
|
-
display: block;
|
|
444
|
+
display: inline-block;
|
|
338
445
|
vertical-align: top;
|
|
339
446
|
box-sizing: border-box;
|
|
340
447
|
color: #fff;
|
|
@@ -384,26 +491,33 @@
|
|
|
384
491
|
.video-js.vjs-1-1 {
|
|
385
492
|
width: 100%;
|
|
386
493
|
max-width: 100%;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
|
|
497
|
+
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
|
|
498
|
+
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
|
|
499
|
+
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
|
|
500
|
+
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
|
|
387
501
|
height: 0;
|
|
388
502
|
}
|
|
389
503
|
|
|
390
|
-
.video-js.vjs-16-9 {
|
|
504
|
+
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
|
|
391
505
|
padding-top: 56.25%;
|
|
392
506
|
}
|
|
393
507
|
|
|
394
|
-
.video-js.vjs-4-3 {
|
|
508
|
+
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
|
|
395
509
|
padding-top: 75%;
|
|
396
510
|
}
|
|
397
511
|
|
|
398
|
-
.video-js.vjs-9-16 {
|
|
512
|
+
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
|
|
399
513
|
padding-top: 177.7777777778%;
|
|
400
514
|
}
|
|
401
515
|
|
|
402
|
-
.video-js.vjs-1-1 {
|
|
516
|
+
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
|
|
403
517
|
padding-top: 100%;
|
|
404
518
|
}
|
|
405
519
|
|
|
406
|
-
.video-js.vjs-fill {
|
|
520
|
+
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
|
|
407
521
|
width: 100%;
|
|
408
522
|
height: 100%;
|
|
409
523
|
}
|
|
@@ -416,13 +530,19 @@
|
|
|
416
530
|
height: 100%;
|
|
417
531
|
}
|
|
418
532
|
|
|
419
|
-
|
|
533
|
+
.video-js.vjs-audio-only-mode .vjs-tech {
|
|
534
|
+
display: none;
|
|
535
|
+
}
|
|
536
|
+
|
|
537
|
+
body.vjs-full-window,
|
|
538
|
+
body.vjs-pip-window {
|
|
420
539
|
padding: 0;
|
|
421
540
|
margin: 0;
|
|
422
541
|
height: 100%;
|
|
423
542
|
}
|
|
424
543
|
|
|
425
|
-
.vjs-full-window .video-js.vjs-fullscreen
|
|
544
|
+
.vjs-full-window .video-js.vjs-fullscreen,
|
|
545
|
+
body.vjs-pip-window .video-js {
|
|
426
546
|
position: fixed;
|
|
427
547
|
overflow: hidden;
|
|
428
548
|
z-index: 1000;
|
|
@@ -432,7 +552,8 @@ body.vjs-full-window {
|
|
|
432
552
|
right: 0;
|
|
433
553
|
}
|
|
434
554
|
|
|
435
|
-
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs)
|
|
555
|
+
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
|
|
556
|
+
body.vjs-pip-window .video-js {
|
|
436
557
|
width: 100% !important;
|
|
437
558
|
height: 100% !important;
|
|
438
559
|
padding-top: 0 !important;
|
|
@@ -442,6 +563,23 @@ body.vjs-full-window {
|
|
|
442
563
|
cursor: none;
|
|
443
564
|
}
|
|
444
565
|
|
|
566
|
+
.vjs-pip-container .vjs-pip-text {
|
|
567
|
+
position: absolute;
|
|
568
|
+
bottom: 10%;
|
|
569
|
+
font-size: 2em;
|
|
570
|
+
background-color: rgba(0, 0, 0, 0.7);
|
|
571
|
+
padding: 0.5em;
|
|
572
|
+
text-align: center;
|
|
573
|
+
width: 100%;
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
|
|
577
|
+
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
|
|
578
|
+
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
|
|
579
|
+
bottom: 0;
|
|
580
|
+
font-size: 1.4em;
|
|
581
|
+
}
|
|
582
|
+
|
|
445
583
|
.vjs-hidden {
|
|
446
584
|
display: none !important;
|
|
447
585
|
}
|
|
@@ -489,9 +627,11 @@ body.vjs-full-window {
|
|
|
489
627
|
width: 3em;
|
|
490
628
|
display: block;
|
|
491
629
|
position: absolute;
|
|
492
|
-
top:
|
|
493
|
-
left:
|
|
630
|
+
top: 50%;
|
|
631
|
+
left: 50%;
|
|
494
632
|
padding: 0;
|
|
633
|
+
margin-top: -0.81666em;
|
|
634
|
+
margin-left: -1.5em;
|
|
495
635
|
cursor: pointer;
|
|
496
636
|
opacity: 1;
|
|
497
637
|
border: 0.06666em solid #fff;
|
|
@@ -500,13 +640,6 @@ body.vjs-full-window {
|
|
|
500
640
|
border-radius: 0.3em;
|
|
501
641
|
transition: all 0.4s;
|
|
502
642
|
}
|
|
503
|
-
.vjs-big-play-centered .vjs-big-play-button {
|
|
504
|
-
top: 50%;
|
|
505
|
-
left: 50%;
|
|
506
|
-
margin-top: -0.81666em;
|
|
507
|
-
margin-left: -1.5em;
|
|
508
|
-
}
|
|
509
|
-
|
|
510
643
|
.video-js:hover .vjs-big-play-button,
|
|
511
644
|
.video-js .vjs-big-play-button:focus {
|
|
512
645
|
border-color: #fff;
|
|
@@ -651,6 +784,11 @@ body.vjs-full-window {
|
|
|
651
784
|
border-top-color: rgba(43, 51, 63, 0.7);
|
|
652
785
|
}
|
|
653
786
|
|
|
787
|
+
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
|
|
788
|
+
left: unset;
|
|
789
|
+
right: 1em;
|
|
790
|
+
}
|
|
791
|
+
|
|
654
792
|
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
655
793
|
background-color: #2B333F;
|
|
656
794
|
background-color: rgba(43, 51, 63, 0.7);
|
|
@@ -695,8 +833,7 @@ body.vjs-full-window {
|
|
|
695
833
|
|
|
696
834
|
.video-js .vjs-menu-button-inline:hover,
|
|
697
835
|
.video-js .vjs-menu-button-inline:focus,
|
|
698
|
-
.video-js .vjs-menu-button-inline.vjs-slider-active
|
|
699
|
-
.video-js.vjs-no-flex .vjs-menu-button-inline {
|
|
836
|
+
.video-js .vjs-menu-button-inline.vjs-slider-active {
|
|
700
837
|
width: 12em;
|
|
701
838
|
}
|
|
702
839
|
|
|
@@ -719,19 +856,6 @@ body.vjs-full-window {
|
|
|
719
856
|
opacity: 1;
|
|
720
857
|
}
|
|
721
858
|
|
|
722
|
-
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
|
|
723
|
-
display: block;
|
|
724
|
-
opacity: 1;
|
|
725
|
-
position: relative;
|
|
726
|
-
width: auto;
|
|
727
|
-
}
|
|
728
|
-
|
|
729
|
-
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
|
|
730
|
-
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
|
|
731
|
-
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
|
|
732
|
-
width: auto;
|
|
733
|
-
}
|
|
734
|
-
|
|
735
859
|
.vjs-menu-button-inline .vjs-menu-content {
|
|
736
860
|
width: auto;
|
|
737
861
|
height: 100%;
|
|
@@ -751,7 +875,8 @@ body.vjs-full-window {
|
|
|
751
875
|
background-color: rgba(43, 51, 63, 0.7);
|
|
752
876
|
}
|
|
753
877
|
|
|
754
|
-
.vjs-has-started .vjs-control-bar
|
|
878
|
+
.vjs-has-started .vjs-control-bar,
|
|
879
|
+
.vjs-audio-only-mode .vjs-control-bar {
|
|
755
880
|
display: flex;
|
|
756
881
|
visibility: visible;
|
|
757
882
|
opacity: 1;
|
|
@@ -771,13 +896,11 @@ body.vjs-full-window {
|
|
|
771
896
|
display: none !important;
|
|
772
897
|
}
|
|
773
898
|
|
|
774
|
-
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar
|
|
899
|
+
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
|
|
900
|
+
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
|
|
775
901
|
opacity: 1;
|
|
776
902
|
visibility: visible;
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
.vjs-has-started.vjs-no-flex .vjs-control-bar {
|
|
780
|
-
display: table;
|
|
903
|
+
pointer-events: auto;
|
|
781
904
|
}
|
|
782
905
|
|
|
783
906
|
.video-js .vjs-control {
|
|
@@ -790,6 +913,12 @@ body.vjs-full-window {
|
|
|
790
913
|
flex: none;
|
|
791
914
|
}
|
|
792
915
|
|
|
916
|
+
.video-js .vjs-control.vjs-visible-text {
|
|
917
|
+
width: auto;
|
|
918
|
+
padding-left: 1em;
|
|
919
|
+
padding-right: 1em;
|
|
920
|
+
}
|
|
921
|
+
|
|
793
922
|
.vjs-button > .vjs-icon-placeholder:before {
|
|
794
923
|
font-size: 1.8em;
|
|
795
924
|
line-height: 1.67;
|
|
@@ -805,7 +934,7 @@ body.vjs-full-window {
|
|
|
805
934
|
text-shadow: 0em 0em 1em white;
|
|
806
935
|
}
|
|
807
936
|
|
|
808
|
-
.video-js .vjs-control-text {
|
|
937
|
+
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
|
|
809
938
|
border: 0;
|
|
810
939
|
clip: rect(0 0 0 0);
|
|
811
940
|
height: 1px;
|
|
@@ -815,11 +944,6 @@ body.vjs-full-window {
|
|
|
815
944
|
width: 1px;
|
|
816
945
|
}
|
|
817
946
|
|
|
818
|
-
.vjs-no-flex .vjs-control {
|
|
819
|
-
display: table-cell;
|
|
820
|
-
vertical-align: middle;
|
|
821
|
-
}
|
|
822
|
-
|
|
823
947
|
.video-js .vjs-custom-control-spacer {
|
|
824
948
|
display: none;
|
|
825
949
|
}
|
|
@@ -846,10 +970,6 @@ body.vjs-full-window {
|
|
|
846
970
|
align-items: center;
|
|
847
971
|
}
|
|
848
972
|
|
|
849
|
-
.vjs-no-flex .vjs-progress-control {
|
|
850
|
-
width: auto;
|
|
851
|
-
}
|
|
852
|
-
|
|
853
973
|
.video-js .vjs-progress-holder {
|
|
854
974
|
flex: auto;
|
|
855
975
|
transition: all 0.2s;
|
|
@@ -886,7 +1006,7 @@ body.vjs-full-window {
|
|
|
886
1006
|
font-size: 0.9em;
|
|
887
1007
|
position: absolute;
|
|
888
1008
|
right: -0.5em;
|
|
889
|
-
|
|
1009
|
+
line-height: 0.35em;
|
|
890
1010
|
z-index: 1;
|
|
891
1011
|
}
|
|
892
1012
|
|
|
@@ -938,10 +1058,6 @@ body.vjs-full-window {
|
|
|
938
1058
|
z-index: 1;
|
|
939
1059
|
}
|
|
940
1060
|
|
|
941
|
-
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
|
|
942
|
-
z-index: 0;
|
|
943
|
-
}
|
|
944
|
-
|
|
945
1061
|
.video-js .vjs-progress-control:hover .vjs-mouse-display {
|
|
946
1062
|
display: block;
|
|
947
1063
|
}
|
|
@@ -952,10 +1068,6 @@ body.vjs-full-window {
|
|
|
952
1068
|
transition: visibility 1s, opacity 1s;
|
|
953
1069
|
}
|
|
954
1070
|
|
|
955
|
-
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
|
|
956
|
-
display: none;
|
|
957
|
-
}
|
|
958
|
-
|
|
959
1071
|
.vjs-mouse-display .vjs-time-tooltip {
|
|
960
1072
|
color: #fff;
|
|
961
1073
|
background-color: #000;
|
|
@@ -975,7 +1087,6 @@ body.vjs-full-window {
|
|
|
975
1087
|
/* Firefox */
|
|
976
1088
|
-moz-user-select: none;
|
|
977
1089
|
/* Internet Explorer/Edge */
|
|
978
|
-
-ms-user-select: none;
|
|
979
1090
|
/* Non-prefixed version, currently supported by Chrome and Opera */
|
|
980
1091
|
user-select: none;
|
|
981
1092
|
background-color: #73859f;
|
|
@@ -1050,22 +1161,6 @@ body.vjs-full-window {
|
|
|
1050
1161
|
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
|
|
1051
1162
|
}
|
|
1052
1163
|
|
|
1053
|
-
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
|
|
1054
|
-
width: 5em;
|
|
1055
|
-
height: 3em;
|
|
1056
|
-
visibility: visible;
|
|
1057
|
-
opacity: 1;
|
|
1058
|
-
position: relative;
|
|
1059
|
-
transition: none;
|
|
1060
|
-
}
|
|
1061
|
-
|
|
1062
|
-
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
|
|
1063
|
-
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
|
|
1064
|
-
position: absolute;
|
|
1065
|
-
bottom: 3em;
|
|
1066
|
-
left: 0.5em;
|
|
1067
|
-
}
|
|
1068
|
-
|
|
1069
1164
|
.video-js .vjs-volume-panel {
|
|
1070
1165
|
display: flex;
|
|
1071
1166
|
}
|
|
@@ -1110,7 +1205,7 @@ body.vjs-full-window {
|
|
|
1110
1205
|
height: 0.3em;
|
|
1111
1206
|
}
|
|
1112
1207
|
.vjs-slider-horizontal .vjs-volume-level:before {
|
|
1113
|
-
|
|
1208
|
+
line-height: 0.35em;
|
|
1114
1209
|
right: -0.5em;
|
|
1115
1210
|
}
|
|
1116
1211
|
|
|
@@ -1185,10 +1280,6 @@ body.vjs-full-window {
|
|
|
1185
1280
|
height: 100%;
|
|
1186
1281
|
}
|
|
1187
1282
|
|
|
1188
|
-
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1189
|
-
z-index: 0;
|
|
1190
|
-
}
|
|
1191
|
-
|
|
1192
1283
|
.video-js .vjs-volume-control:hover .vjs-mouse-display {
|
|
1193
1284
|
display: block;
|
|
1194
1285
|
}
|
|
@@ -1199,10 +1290,6 @@ body.vjs-full-window {
|
|
|
1199
1290
|
transition: visibility 1s, opacity 1s;
|
|
1200
1291
|
}
|
|
1201
1292
|
|
|
1202
|
-
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1203
|
-
display: none;
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
1293
|
.vjs-mouse-display .vjs-volume-tooltip {
|
|
1207
1294
|
color: #fff;
|
|
1208
1295
|
background-color: #000;
|
|
@@ -1212,10 +1299,6 @@ body.vjs-full-window {
|
|
|
1212
1299
|
.vjs-poster {
|
|
1213
1300
|
display: inline-block;
|
|
1214
1301
|
vertical-align: middle;
|
|
1215
|
-
background-repeat: no-repeat;
|
|
1216
|
-
background-position: 50% 50%;
|
|
1217
|
-
background-size: contain;
|
|
1218
|
-
background-color: #000000;
|
|
1219
1302
|
cursor: pointer;
|
|
1220
1303
|
margin: 0;
|
|
1221
1304
|
padding: 0;
|
|
@@ -1227,16 +1310,22 @@ body.vjs-full-window {
|
|
|
1227
1310
|
height: 100%;
|
|
1228
1311
|
}
|
|
1229
1312
|
|
|
1230
|
-
.vjs-has-started .vjs-poster
|
|
1313
|
+
.vjs-has-started .vjs-poster,
|
|
1314
|
+
.vjs-using-native-controls .vjs-poster {
|
|
1231
1315
|
display: none;
|
|
1232
1316
|
}
|
|
1233
1317
|
|
|
1234
|
-
.vjs-audio.vjs-has-started .vjs-poster
|
|
1318
|
+
.vjs-audio.vjs-has-started .vjs-poster,
|
|
1319
|
+
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
|
|
1320
|
+
.vjs-pip-container.vjs-has-started .vjs-poster {
|
|
1235
1321
|
display: block;
|
|
1236
1322
|
}
|
|
1237
1323
|
|
|
1238
|
-
.vjs-
|
|
1239
|
-
|
|
1324
|
+
.vjs-poster img {
|
|
1325
|
+
width: 100%;
|
|
1326
|
+
height: 100%;
|
|
1327
|
+
-o-object-fit: contain;
|
|
1328
|
+
object-fit: contain;
|
|
1240
1329
|
}
|
|
1241
1330
|
|
|
1242
1331
|
.video-js .vjs-live-control {
|
|
@@ -1247,12 +1336,6 @@ body.vjs-full-window {
|
|
|
1247
1336
|
line-height: 3em;
|
|
1248
1337
|
}
|
|
1249
1338
|
|
|
1250
|
-
.vjs-no-flex .vjs-live-control {
|
|
1251
|
-
display: table-cell;
|
|
1252
|
-
width: auto;
|
|
1253
|
-
text-align: left;
|
|
1254
|
-
}
|
|
1255
|
-
|
|
1256
1339
|
.video-js:not(.vjs-live) .vjs-live-control,
|
|
1257
1340
|
.video-js.vjs-liveui .vjs-live-control {
|
|
1258
1341
|
display: none;
|
|
@@ -1272,12 +1355,6 @@ body.vjs-full-window {
|
|
|
1272
1355
|
min-width: 4em;
|
|
1273
1356
|
}
|
|
1274
1357
|
|
|
1275
|
-
.vjs-no-flex .vjs-seek-to-live-control {
|
|
1276
|
-
display: table-cell;
|
|
1277
|
-
width: auto;
|
|
1278
|
-
text-align: left;
|
|
1279
|
-
}
|
|
1280
|
-
|
|
1281
1358
|
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
|
|
1282
1359
|
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
|
|
1283
1360
|
display: none;
|
|
@@ -1306,17 +1383,10 @@ body.vjs-full-window {
|
|
|
1306
1383
|
padding-right: 1em;
|
|
1307
1384
|
}
|
|
1308
1385
|
|
|
1309
|
-
.vjs-live .vjs-time-control
|
|
1310
|
-
|
|
1311
|
-
}
|
|
1312
|
-
|
|
1386
|
+
.vjs-live .vjs-time-control,
|
|
1387
|
+
.vjs-live .vjs-time-divider,
|
|
1313
1388
|
.video-js .vjs-current-time,
|
|
1314
|
-
.
|
|
1315
|
-
display: none;
|
|
1316
|
-
}
|
|
1317
|
-
|
|
1318
|
-
.video-js .vjs-duration,
|
|
1319
|
-
.vjs-no-flex .vjs-duration {
|
|
1389
|
+
.video-js .vjs-duration {
|
|
1320
1390
|
display: none;
|
|
1321
1391
|
}
|
|
1322
1392
|
|
|
@@ -1325,10 +1395,6 @@ body.vjs-full-window {
|
|
|
1325
1395
|
line-height: 3em;
|
|
1326
1396
|
}
|
|
1327
1397
|
|
|
1328
|
-
.vjs-live .vjs-time-divider {
|
|
1329
|
-
display: none;
|
|
1330
|
-
}
|
|
1331
|
-
|
|
1332
1398
|
.video-js .vjs-play-control {
|
|
1333
1399
|
cursor: pointer;
|
|
1334
1400
|
}
|
|
@@ -1346,6 +1412,7 @@ body.vjs-full-window {
|
|
|
1346
1412
|
pointer-events: none;
|
|
1347
1413
|
}
|
|
1348
1414
|
|
|
1415
|
+
.video-js.vjs-controls-disabled .vjs-text-track-display,
|
|
1349
1416
|
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
|
|
1350
1417
|
bottom: 1em;
|
|
1351
1418
|
}
|
|
@@ -1372,6 +1439,7 @@ video::-webkit-media-text-track-display {
|
|
|
1372
1439
|
transform: translateY(-3em);
|
|
1373
1440
|
}
|
|
1374
1441
|
|
|
1442
|
+
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
|
|
1375
1443
|
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
|
|
1376
1444
|
transform: translateY(-1.5em);
|
|
1377
1445
|
}
|
|
@@ -1380,10 +1448,20 @@ video::-webkit-media-text-track-display {
|
|
|
1380
1448
|
cursor: pointer;
|
|
1381
1449
|
flex: none;
|
|
1382
1450
|
}
|
|
1451
|
+
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
|
|
1452
|
+
.vjs-pip-window .vjs-picture-in-picture-control {
|
|
1453
|
+
display: none;
|
|
1454
|
+
}
|
|
1455
|
+
|
|
1383
1456
|
.video-js .vjs-fullscreen-control {
|
|
1384
1457
|
cursor: pointer;
|
|
1385
1458
|
flex: none;
|
|
1386
1459
|
}
|
|
1460
|
+
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
|
|
1461
|
+
.vjs-pip-window .vjs-fullscreen-control {
|
|
1462
|
+
display: none;
|
|
1463
|
+
}
|
|
1464
|
+
|
|
1387
1465
|
.vjs-playback-rate > .vjs-menu-button,
|
|
1388
1466
|
.vjs-playback-rate .vjs-playback-rate-value {
|
|
1389
1467
|
position: absolute;
|
|
@@ -1446,8 +1524,7 @@ video::-webkit-media-text-track-display {
|
|
|
1446
1524
|
.vjs-seeking .vjs-loading-spinner,
|
|
1447
1525
|
.vjs-waiting .vjs-loading-spinner {
|
|
1448
1526
|
display: block;
|
|
1449
|
-
|
|
1450
|
-
animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1527
|
+
animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1451
1528
|
}
|
|
1452
1529
|
|
|
1453
1530
|
.vjs-loading-spinner:before,
|
|
@@ -1469,19 +1546,17 @@ video::-webkit-media-text-track-display {
|
|
|
1469
1546
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
1470
1547
|
.vjs-waiting .vjs-loading-spinner:before,
|
|
1471
1548
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
1472
|
-
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
1473
1549
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
1474
1550
|
}
|
|
1475
1551
|
|
|
1476
1552
|
.vjs-seeking .vjs-loading-spinner:before,
|
|
1477
1553
|
.vjs-waiting .vjs-loading-spinner:before {
|
|
1478
|
-
border-top-color:
|
|
1554
|
+
border-top-color: rgb(255, 255, 255);
|
|
1479
1555
|
}
|
|
1480
1556
|
|
|
1481
1557
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
1482
1558
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
1483
|
-
border-top-color:
|
|
1484
|
-
-webkit-animation-delay: 0.44s;
|
|
1559
|
+
border-top-color: rgb(255, 255, 255);
|
|
1485
1560
|
animation-delay: 0.44s;
|
|
1486
1561
|
}
|
|
1487
1562
|
|
|
@@ -1490,21 +1565,11 @@ video::-webkit-media-text-track-display {
|
|
|
1490
1565
|
visibility: visible;
|
|
1491
1566
|
}
|
|
1492
1567
|
}
|
|
1493
|
-
@-webkit-keyframes vjs-spinner-show {
|
|
1494
|
-
to {
|
|
1495
|
-
visibility: visible;
|
|
1496
|
-
}
|
|
1497
|
-
}
|
|
1498
1568
|
@keyframes vjs-spinner-spin {
|
|
1499
1569
|
100% {
|
|
1500
1570
|
transform: rotate(360deg);
|
|
1501
1571
|
}
|
|
1502
1572
|
}
|
|
1503
|
-
@-webkit-keyframes vjs-spinner-spin {
|
|
1504
|
-
100% {
|
|
1505
|
-
-webkit-transform: rotate(360deg);
|
|
1506
|
-
}
|
|
1507
|
-
}
|
|
1508
1573
|
@keyframes vjs-spinner-fade {
|
|
1509
1574
|
0% {
|
|
1510
1575
|
border-top-color: #73859f;
|
|
@@ -1522,27 +1587,18 @@ video::-webkit-media-text-track-display {
|
|
|
1522
1587
|
border-top-color: #73859f;
|
|
1523
1588
|
}
|
|
1524
1589
|
}
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
border-top-color: #73859f;
|
|
1528
|
-
}
|
|
1529
|
-
20% {
|
|
1530
|
-
border-top-color: #73859f;
|
|
1531
|
-
}
|
|
1532
|
-
35% {
|
|
1533
|
-
border-top-color: white;
|
|
1534
|
-
}
|
|
1535
|
-
60% {
|
|
1536
|
-
border-top-color: #73859f;
|
|
1537
|
-
}
|
|
1538
|
-
100% {
|
|
1539
|
-
border-top-color: #73859f;
|
|
1540
|
-
}
|
|
1590
|
+
.video-js.vjs-audio-only-mode .vjs-captions-button {
|
|
1591
|
+
display: none;
|
|
1541
1592
|
}
|
|
1593
|
+
|
|
1542
1594
|
.vjs-chapters-button .vjs-menu ul {
|
|
1543
1595
|
width: 24em;
|
|
1544
1596
|
}
|
|
1545
1597
|
|
|
1598
|
+
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
|
|
1599
|
+
display: none;
|
|
1600
|
+
}
|
|
1601
|
+
|
|
1546
1602
|
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
|
|
1547
1603
|
vertical-align: middle;
|
|
1548
1604
|
display: inline-block;
|
|
@@ -1551,11 +1607,15 @@ video::-webkit-media-text-track-display {
|
|
|
1551
1607
|
|
|
1552
1608
|
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
|
|
1553
1609
|
font-family: VideoJS;
|
|
1554
|
-
content: "
|
|
1610
|
+
content: "\f10c";
|
|
1555
1611
|
font-size: 1.5em;
|
|
1556
1612
|
line-height: inherit;
|
|
1557
1613
|
}
|
|
1558
1614
|
|
|
1615
|
+
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
|
|
1616
|
+
display: none;
|
|
1617
|
+
}
|
|
1618
|
+
|
|
1559
1619
|
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
|
|
1560
1620
|
vertical-align: middle;
|
|
1561
1621
|
display: inline-block;
|
|
@@ -1564,7 +1624,7 @@ video::-webkit-media-text-track-display {
|
|
|
1564
1624
|
|
|
1565
1625
|
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
|
|
1566
1626
|
font-family: VideoJS;
|
|
1567
|
-
content: "
|
|
1627
|
+
content: " \f12e";
|
|
1568
1628
|
font-size: 1.5em;
|
|
1569
1629
|
line-height: inherit;
|
|
1570
1630
|
}
|
|
@@ -1574,57 +1634,30 @@ video::-webkit-media-text-track-display {
|
|
|
1574
1634
|
.video-js.vjs-layout-small .vjs-duration,
|
|
1575
1635
|
.video-js.vjs-layout-small .vjs-remaining-time,
|
|
1576
1636
|
.video-js.vjs-layout-small .vjs-playback-rate,
|
|
1577
|
-
.video-js.vjs-layout-small .vjs-chapters-button,
|
|
1578
|
-
.video-js.vjs-layout-small .vjs-descriptions-button,
|
|
1579
|
-
.video-js.vjs-layout-small .vjs-captions-button,
|
|
1580
|
-
.video-js.vjs-layout-small .vjs-subtitles-button,
|
|
1581
|
-
.video-js.vjs-layout-small .vjs-audio-button,
|
|
1582
1637
|
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
|
|
1583
1638
|
.video-js.vjs-layout-x-small .vjs-time-divider,
|
|
1584
1639
|
.video-js.vjs-layout-x-small .vjs-duration,
|
|
1585
1640
|
.video-js.vjs-layout-x-small .vjs-remaining-time,
|
|
1586
1641
|
.video-js.vjs-layout-x-small .vjs-playback-rate,
|
|
1587
|
-
.video-js.vjs-layout-x-small .vjs-chapters-button,
|
|
1588
|
-
.video-js.vjs-layout-x-small .vjs-descriptions-button,
|
|
1589
|
-
.video-js.vjs-layout-x-small .vjs-captions-button,
|
|
1590
|
-
.video-js.vjs-layout-x-small .vjs-subtitles-button,
|
|
1591
|
-
.video-js.vjs-layout-x-small .vjs-audio-button,
|
|
1592
1642
|
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
|
|
1593
1643
|
.video-js.vjs-layout-tiny .vjs-time-divider,
|
|
1594
1644
|
.video-js.vjs-layout-tiny .vjs-duration,
|
|
1595
1645
|
.video-js.vjs-layout-tiny .vjs-remaining-time,
|
|
1596
1646
|
.video-js.vjs-layout-tiny .vjs-playback-rate,
|
|
1597
|
-
.video-js.vjs-layout-tiny .vjs-chapters-button,
|
|
1598
|
-
.video-js.vjs-layout-tiny .vjs-descriptions-button,
|
|
1599
|
-
.video-js.vjs-layout-tiny .vjs-captions-button,
|
|
1600
|
-
.video-js.vjs-layout-tiny .vjs-subtitles-button,
|
|
1601
|
-
.video-js.vjs-layout-tiny .vjs-audio-button,
|
|
1602
1647
|
.video-js.vjs-layout-tiny .vjs-volume-control {
|
|
1603
|
-
display: none
|
|
1648
|
+
display: none;
|
|
1604
1649
|
}
|
|
1605
|
-
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
|
1606
|
-
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1607
|
-
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
|
1608
|
-
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1609
|
-
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
|
1610
|
-
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1611
|
-
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
|
|
1650
|
+
.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 {
|
|
1612
1651
|
width: auto;
|
|
1613
1652
|
width: initial;
|
|
1614
1653
|
}
|
|
1615
|
-
.video-js.vjs-layout-x-small
|
|
1654
|
+
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
|
|
1616
1655
|
display: none;
|
|
1617
1656
|
}
|
|
1618
|
-
.video-js.vjs-layout-x-small
|
|
1657
|
+
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
|
|
1619
1658
|
flex: auto;
|
|
1620
1659
|
display: block;
|
|
1621
1660
|
}
|
|
1622
|
-
.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 {
|
|
1623
|
-
width: auto;
|
|
1624
|
-
}
|
|
1625
|
-
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
|
|
1626
|
-
display: none;
|
|
1627
|
-
}
|
|
1628
1661
|
|
|
1629
1662
|
.vjs-modal-dialog.vjs-text-track-settings {
|
|
1630
1663
|
background-color: #2B333F;
|
|
@@ -1655,18 +1688,15 @@ video::-webkit-media-text-track-display {
|
|
|
1655
1688
|
grid-template-rows: 1fr;
|
|
1656
1689
|
padding: 20px 24px 0px 24px;
|
|
1657
1690
|
}
|
|
1658
|
-
|
|
1659
1691
|
.vjs-track-settings-controls .vjs-default-button {
|
|
1660
1692
|
margin-bottom: 20px;
|
|
1661
1693
|
}
|
|
1662
|
-
|
|
1663
1694
|
.vjs-text-track-settings .vjs-track-settings-controls {
|
|
1664
1695
|
grid-column: 1/-1;
|
|
1665
1696
|
}
|
|
1666
|
-
|
|
1667
1697
|
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1668
|
-
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1669
|
-
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
|
|
1698
|
+
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1699
|
+
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
|
|
1670
1700
|
grid-template-columns: 1fr;
|
|
1671
1701
|
}
|
|
1672
1702
|
}
|
|
@@ -1676,13 +1706,13 @@ video::-webkit-media-text-track-display {
|
|
|
1676
1706
|
}
|
|
1677
1707
|
|
|
1678
1708
|
.vjs-text-track-settings fieldset {
|
|
1679
|
-
margin:
|
|
1680
|
-
padding: 3px;
|
|
1709
|
+
margin: 10px;
|
|
1681
1710
|
border: none;
|
|
1682
1711
|
}
|
|
1683
1712
|
|
|
1684
1713
|
.vjs-text-track-settings fieldset span {
|
|
1685
1714
|
display: inline-block;
|
|
1715
|
+
padding: 0 6px 8px;
|
|
1686
1716
|
}
|
|
1687
1717
|
|
|
1688
1718
|
.vjs-text-track-settings fieldset span > select {
|
|
@@ -1691,16 +1721,14 @@ video::-webkit-media-text-track-display {
|
|
|
1691
1721
|
|
|
1692
1722
|
.vjs-text-track-settings legend {
|
|
1693
1723
|
color: #fff;
|
|
1694
|
-
|
|
1724
|
+
font-weight: bold;
|
|
1725
|
+
font-size: 14px;
|
|
1695
1726
|
}
|
|
1696
1727
|
|
|
1697
1728
|
.vjs-text-track-settings .vjs-label {
|
|
1698
|
-
position: absolute;
|
|
1699
1729
|
clip: rect(1px 1px 1px 1px);
|
|
1700
1730
|
clip: rect(1px, 1px, 1px, 1px);
|
|
1701
|
-
|
|
1702
|
-
margin: 0 0 5px 0;
|
|
1703
|
-
padding: 0;
|
|
1731
|
+
margin: 0 5px 5px 0;
|
|
1704
1732
|
border: 0;
|
|
1705
1733
|
height: 1px;
|
|
1706
1734
|
width: 1px;
|
|
@@ -1730,6 +1758,55 @@ video::-webkit-media-text-track-display {
|
|
|
1730
1758
|
margin-right: 1em;
|
|
1731
1759
|
}
|
|
1732
1760
|
|
|
1761
|
+
.vjs-title-bar {
|
|
1762
|
+
background: rgba(0, 0, 0, 0.9);
|
|
1763
|
+
background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
|
|
1764
|
+
font-size: 1.2em;
|
|
1765
|
+
line-height: 1.5;
|
|
1766
|
+
transition: opacity 0.1s;
|
|
1767
|
+
padding: 0.666em 1.333em 4em;
|
|
1768
|
+
pointer-events: none;
|
|
1769
|
+
position: absolute;
|
|
1770
|
+
top: 0;
|
|
1771
|
+
width: 100%;
|
|
1772
|
+
}
|
|
1773
|
+
|
|
1774
|
+
.vjs-title-bar-title,
|
|
1775
|
+
.vjs-title-bar-description {
|
|
1776
|
+
margin: 0;
|
|
1777
|
+
overflow: hidden;
|
|
1778
|
+
text-overflow: ellipsis;
|
|
1779
|
+
white-space: nowrap;
|
|
1780
|
+
}
|
|
1781
|
+
|
|
1782
|
+
.vjs-title-bar-title {
|
|
1783
|
+
font-weight: bold;
|
|
1784
|
+
margin-bottom: 0.333em;
|
|
1785
|
+
}
|
|
1786
|
+
|
|
1787
|
+
.vjs-playing.vjs-user-inactive .vjs-title-bar {
|
|
1788
|
+
opacity: 0;
|
|
1789
|
+
transition: opacity 1s;
|
|
1790
|
+
}
|
|
1791
|
+
|
|
1792
|
+
.video-js .vjs-skip-forward-5 {
|
|
1793
|
+
cursor: pointer;
|
|
1794
|
+
}
|
|
1795
|
+
.video-js .vjs-skip-forward-10 {
|
|
1796
|
+
cursor: pointer;
|
|
1797
|
+
}
|
|
1798
|
+
.video-js .vjs-skip-forward-30 {
|
|
1799
|
+
cursor: pointer;
|
|
1800
|
+
}
|
|
1801
|
+
.video-js .vjs-skip-backward-5 {
|
|
1802
|
+
cursor: pointer;
|
|
1803
|
+
}
|
|
1804
|
+
.video-js .vjs-skip-backward-10 {
|
|
1805
|
+
cursor: pointer;
|
|
1806
|
+
}
|
|
1807
|
+
.video-js .vjs-skip-backward-30 {
|
|
1808
|
+
cursor: pointer;
|
|
1809
|
+
}
|
|
1733
1810
|
@media print {
|
|
1734
1811
|
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
|
|
1735
1812
|
visibility: hidden;
|