@flashphoner/websdk 2.0.229 → 2.0.230
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/streaming/hls-js-player/hls-js-player.js +16 -15
- package/examples/demo/streaming/hls-player/hls-player.js +1 -0
- package/examples/demo/streaming/hls-player/video-js.css +207 -268
- package/examples/demo/streaming/hls-player/video.js +22145 -14966
- package/examples/demo/streaming/hls-player/video.min.js +16 -30
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
1
2
|
.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 {
|
|
2
3
|
position: absolute;
|
|
3
4
|
top: 0;
|
|
@@ -12,7 +13,7 @@
|
|
|
12
13
|
|
|
13
14
|
@font-face {
|
|
14
15
|
font-family: VideoJS;
|
|
15
|
-
src: url(data:application/font-woff;charset=utf-8;base64,
|
|
16
|
+
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
|
|
16
17
|
font-weight: normal;
|
|
17
18
|
font-style: normal;
|
|
18
19
|
}
|
|
@@ -97,13 +98,22 @@
|
|
|
97
98
|
content: "\f109";
|
|
98
99
|
}
|
|
99
100
|
|
|
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
|
+
|
|
100
110
|
.vjs-icon-spinner {
|
|
101
111
|
font-family: VideoJS;
|
|
102
112
|
font-weight: normal;
|
|
103
113
|
font-style: normal;
|
|
104
114
|
}
|
|
105
115
|
.vjs-icon-spinner:before {
|
|
106
|
-
content: "\
|
|
116
|
+
content: "\f10b";
|
|
107
117
|
}
|
|
108
118
|
|
|
109
119
|
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
|
|
@@ -120,7 +130,7 @@
|
|
|
120
130
|
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
121
131
|
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
122
132
|
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
|
|
123
|
-
content: "\
|
|
133
|
+
content: "\f10c";
|
|
124
134
|
}
|
|
125
135
|
|
|
126
136
|
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
|
|
@@ -131,15 +141,6 @@
|
|
|
131
141
|
}
|
|
132
142
|
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
|
|
133
143
|
.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 {
|
|
143
144
|
content: "\f10d";
|
|
144
145
|
}
|
|
145
146
|
|
|
@@ -152,184 +153,148 @@
|
|
|
152
153
|
content: "\f10e";
|
|
153
154
|
}
|
|
154
155
|
|
|
155
|
-
.vjs-icon-
|
|
156
|
+
.vjs-icon-share {
|
|
156
157
|
font-family: VideoJS;
|
|
157
158
|
font-weight: normal;
|
|
158
159
|
font-style: normal;
|
|
159
160
|
}
|
|
160
|
-
.vjs-icon-
|
|
161
|
+
.vjs-icon-share:before {
|
|
161
162
|
content: "\f10f";
|
|
162
163
|
}
|
|
163
164
|
|
|
164
|
-
.vjs-icon-
|
|
165
|
+
.vjs-icon-cog {
|
|
165
166
|
font-family: VideoJS;
|
|
166
167
|
font-weight: normal;
|
|
167
168
|
font-style: normal;
|
|
168
169
|
}
|
|
169
|
-
.vjs-icon-
|
|
170
|
+
.vjs-icon-cog:before {
|
|
170
171
|
content: "\f110";
|
|
171
172
|
}
|
|
172
173
|
|
|
173
|
-
.vjs-icon-
|
|
174
|
+
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
|
|
174
175
|
font-family: VideoJS;
|
|
175
176
|
font-weight: normal;
|
|
176
177
|
font-style: normal;
|
|
177
178
|
}
|
|
178
|
-
.vjs-icon-
|
|
179
|
+
.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 {
|
|
179
180
|
content: "\f111";
|
|
180
181
|
}
|
|
181
182
|
|
|
182
|
-
.vjs-icon-
|
|
183
|
+
.vjs-icon-circle-outline {
|
|
183
184
|
font-family: VideoJS;
|
|
184
185
|
font-weight: normal;
|
|
185
186
|
font-style: normal;
|
|
186
187
|
}
|
|
187
|
-
.vjs-icon-
|
|
188
|
+
.vjs-icon-circle-outline:before {
|
|
188
189
|
content: "\f112";
|
|
189
190
|
}
|
|
190
191
|
|
|
191
|
-
.vjs-icon-
|
|
192
|
+
.vjs-icon-circle-inner-circle {
|
|
192
193
|
font-family: VideoJS;
|
|
193
194
|
font-weight: normal;
|
|
194
195
|
font-style: normal;
|
|
195
196
|
}
|
|
196
|
-
.vjs-icon-
|
|
197
|
+
.vjs-icon-circle-inner-circle:before {
|
|
197
198
|
content: "\f113";
|
|
198
199
|
}
|
|
199
200
|
|
|
200
|
-
.vjs-icon-
|
|
201
|
+
.vjs-icon-hd {
|
|
201
202
|
font-family: VideoJS;
|
|
202
203
|
font-weight: normal;
|
|
203
204
|
font-style: normal;
|
|
204
205
|
}
|
|
205
|
-
.vjs-icon-
|
|
206
|
+
.vjs-icon-hd:before {
|
|
206
207
|
content: "\f114";
|
|
207
208
|
}
|
|
208
209
|
|
|
209
|
-
.vjs-icon-
|
|
210
|
+
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
|
|
210
211
|
font-family: VideoJS;
|
|
211
212
|
font-weight: normal;
|
|
212
213
|
font-style: normal;
|
|
213
214
|
}
|
|
214
|
-
.vjs-icon-
|
|
215
|
+
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
|
|
215
216
|
content: "\f115";
|
|
216
217
|
}
|
|
217
218
|
|
|
218
|
-
.vjs-icon-
|
|
219
|
+
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
|
|
219
220
|
font-family: VideoJS;
|
|
220
221
|
font-weight: normal;
|
|
221
222
|
font-style: normal;
|
|
222
223
|
}
|
|
223
|
-
.vjs-icon-
|
|
224
|
+
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
|
|
224
225
|
content: "\f116";
|
|
225
226
|
}
|
|
226
227
|
|
|
227
|
-
.vjs-icon-
|
|
228
|
+
.vjs-icon-facebook {
|
|
228
229
|
font-family: VideoJS;
|
|
229
230
|
font-weight: normal;
|
|
230
231
|
font-style: normal;
|
|
231
232
|
}
|
|
232
|
-
.vjs-icon-
|
|
233
|
+
.vjs-icon-facebook:before {
|
|
233
234
|
content: "\f117";
|
|
234
235
|
}
|
|
235
236
|
|
|
236
|
-
.vjs-icon-
|
|
237
|
+
.vjs-icon-gplus {
|
|
237
238
|
font-family: VideoJS;
|
|
238
239
|
font-weight: normal;
|
|
239
240
|
font-style: normal;
|
|
240
241
|
}
|
|
241
|
-
.vjs-icon-
|
|
242
|
+
.vjs-icon-gplus:before {
|
|
242
243
|
content: "\f118";
|
|
243
244
|
}
|
|
244
245
|
|
|
245
|
-
.vjs-icon-
|
|
246
|
+
.vjs-icon-linkedin {
|
|
246
247
|
font-family: VideoJS;
|
|
247
248
|
font-weight: normal;
|
|
248
249
|
font-style: normal;
|
|
249
250
|
}
|
|
250
|
-
.vjs-icon-
|
|
251
|
+
.vjs-icon-linkedin:before {
|
|
251
252
|
content: "\f119";
|
|
252
253
|
}
|
|
253
254
|
|
|
254
|
-
.vjs-icon-
|
|
255
|
+
.vjs-icon-twitter {
|
|
255
256
|
font-family: VideoJS;
|
|
256
257
|
font-weight: normal;
|
|
257
258
|
font-style: normal;
|
|
258
259
|
}
|
|
259
|
-
.vjs-icon-
|
|
260
|
+
.vjs-icon-twitter:before {
|
|
260
261
|
content: "\f11a";
|
|
261
262
|
}
|
|
262
263
|
|
|
263
|
-
.vjs-icon-
|
|
264
|
+
.vjs-icon-tumblr {
|
|
264
265
|
font-family: VideoJS;
|
|
265
266
|
font-weight: normal;
|
|
266
267
|
font-style: normal;
|
|
267
268
|
}
|
|
268
|
-
.vjs-icon-
|
|
269
|
+
.vjs-icon-tumblr:before {
|
|
269
270
|
content: "\f11b";
|
|
270
271
|
}
|
|
271
272
|
|
|
272
|
-
.vjs-icon-
|
|
273
|
+
.vjs-icon-pinterest {
|
|
273
274
|
font-family: VideoJS;
|
|
274
275
|
font-weight: normal;
|
|
275
276
|
font-style: normal;
|
|
276
277
|
}
|
|
277
|
-
.vjs-icon-
|
|
278
|
+
.vjs-icon-pinterest:before {
|
|
278
279
|
content: "\f11c";
|
|
279
280
|
}
|
|
280
281
|
|
|
281
|
-
.vjs-icon-
|
|
282
|
+
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
|
|
282
283
|
font-family: VideoJS;
|
|
283
284
|
font-weight: normal;
|
|
284
285
|
font-style: normal;
|
|
285
286
|
}
|
|
286
|
-
.vjs-icon-
|
|
287
|
+
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
|
|
287
288
|
content: "\f11d";
|
|
288
289
|
}
|
|
289
290
|
|
|
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
|
-
|
|
326
291
|
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
|
|
327
292
|
font-family: VideoJS;
|
|
328
293
|
font-weight: normal;
|
|
329
294
|
font-style: normal;
|
|
330
295
|
}
|
|
331
296
|
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
|
|
332
|
-
content: "\
|
|
297
|
+
content: "\f11e";
|
|
333
298
|
}
|
|
334
299
|
|
|
335
300
|
.vjs-icon-next-item {
|
|
@@ -338,7 +303,7 @@
|
|
|
338
303
|
font-style: normal;
|
|
339
304
|
}
|
|
340
305
|
.vjs-icon-next-item:before {
|
|
341
|
-
content: "\
|
|
306
|
+
content: "\f11f";
|
|
342
307
|
}
|
|
343
308
|
|
|
344
309
|
.vjs-icon-previous-item {
|
|
@@ -347,25 +312,7 @@
|
|
|
347
312
|
font-style: normal;
|
|
348
313
|
}
|
|
349
314
|
.vjs-icon-previous-item:before {
|
|
350
|
-
content: "\
|
|
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";
|
|
315
|
+
content: "\f120";
|
|
369
316
|
}
|
|
370
317
|
|
|
371
318
|
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
|
|
@@ -374,7 +321,7 @@
|
|
|
374
321
|
font-style: normal;
|
|
375
322
|
}
|
|
376
323
|
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
|
|
377
|
-
content: "\
|
|
324
|
+
content: "\f121";
|
|
378
325
|
}
|
|
379
326
|
|
|
380
327
|
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
|
|
@@ -383,65 +330,11 @@
|
|
|
383
330
|
font-style: normal;
|
|
384
331
|
}
|
|
385
332
|
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
|
|
386
|
-
content: "\
|
|
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";
|
|
333
|
+
content: "\f122";
|
|
441
334
|
}
|
|
442
335
|
|
|
443
336
|
.video-js {
|
|
444
|
-
display:
|
|
337
|
+
display: block;
|
|
445
338
|
vertical-align: top;
|
|
446
339
|
box-sizing: border-box;
|
|
447
340
|
color: #fff;
|
|
@@ -534,15 +427,13 @@
|
|
|
534
427
|
display: none;
|
|
535
428
|
}
|
|
536
429
|
|
|
537
|
-
body.vjs-full-window
|
|
538
|
-
body.vjs-pip-window {
|
|
430
|
+
body.vjs-full-window {
|
|
539
431
|
padding: 0;
|
|
540
432
|
margin: 0;
|
|
541
433
|
height: 100%;
|
|
542
434
|
}
|
|
543
435
|
|
|
544
|
-
.vjs-full-window .video-js.vjs-fullscreen
|
|
545
|
-
body.vjs-pip-window .video-js {
|
|
436
|
+
.vjs-full-window .video-js.vjs-fullscreen {
|
|
546
437
|
position: fixed;
|
|
547
438
|
overflow: hidden;
|
|
548
439
|
z-index: 1000;
|
|
@@ -552,8 +443,7 @@ body.vjs-pip-window .video-js {
|
|
|
552
443
|
right: 0;
|
|
553
444
|
}
|
|
554
445
|
|
|
555
|
-
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs)
|
|
556
|
-
body.vjs-pip-window .video-js {
|
|
446
|
+
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
|
|
557
447
|
width: 100% !important;
|
|
558
448
|
height: 100% !important;
|
|
559
449
|
padding-top: 0 !important;
|
|
@@ -563,23 +453,6 @@ body.vjs-pip-window .video-js {
|
|
|
563
453
|
cursor: none;
|
|
564
454
|
}
|
|
565
455
|
|
|
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
|
-
|
|
583
456
|
.vjs-hidden {
|
|
584
457
|
display: none !important;
|
|
585
458
|
}
|
|
@@ -627,11 +500,9 @@ body.vjs-pip-window .video-js {
|
|
|
627
500
|
width: 3em;
|
|
628
501
|
display: block;
|
|
629
502
|
position: absolute;
|
|
630
|
-
top:
|
|
631
|
-
left:
|
|
503
|
+
top: 10px;
|
|
504
|
+
left: 10px;
|
|
632
505
|
padding: 0;
|
|
633
|
-
margin-top: -0.81666em;
|
|
634
|
-
margin-left: -1.5em;
|
|
635
506
|
cursor: pointer;
|
|
636
507
|
opacity: 1;
|
|
637
508
|
border: 0.06666em solid #fff;
|
|
@@ -640,6 +511,13 @@ body.vjs-pip-window .video-js {
|
|
|
640
511
|
border-radius: 0.3em;
|
|
641
512
|
transition: all 0.4s;
|
|
642
513
|
}
|
|
514
|
+
.vjs-big-play-centered .vjs-big-play-button {
|
|
515
|
+
top: 50%;
|
|
516
|
+
left: 50%;
|
|
517
|
+
margin-top: -0.81666em;
|
|
518
|
+
margin-left: -1.5em;
|
|
519
|
+
}
|
|
520
|
+
|
|
643
521
|
.video-js:hover .vjs-big-play-button,
|
|
644
522
|
.video-js .vjs-big-play-button:focus {
|
|
645
523
|
border-color: #fff;
|
|
@@ -784,11 +662,6 @@ body.vjs-pip-window .video-js {
|
|
|
784
662
|
border-top-color: rgba(43, 51, 63, 0.7);
|
|
785
663
|
}
|
|
786
664
|
|
|
787
|
-
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
|
|
788
|
-
left: unset;
|
|
789
|
-
right: 1em;
|
|
790
|
-
}
|
|
791
|
-
|
|
792
665
|
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
793
666
|
background-color: #2B333F;
|
|
794
667
|
background-color: rgba(43, 51, 63, 0.7);
|
|
@@ -833,7 +706,8 @@ body.vjs-pip-window .video-js {
|
|
|
833
706
|
|
|
834
707
|
.video-js .vjs-menu-button-inline:hover,
|
|
835
708
|
.video-js .vjs-menu-button-inline:focus,
|
|
836
|
-
.video-js .vjs-menu-button-inline.vjs-slider-active
|
|
709
|
+
.video-js .vjs-menu-button-inline.vjs-slider-active,
|
|
710
|
+
.video-js.vjs-no-flex .vjs-menu-button-inline {
|
|
837
711
|
width: 12em;
|
|
838
712
|
}
|
|
839
713
|
|
|
@@ -856,6 +730,19 @@ body.vjs-pip-window .video-js {
|
|
|
856
730
|
opacity: 1;
|
|
857
731
|
}
|
|
858
732
|
|
|
733
|
+
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
|
|
734
|
+
display: block;
|
|
735
|
+
opacity: 1;
|
|
736
|
+
position: relative;
|
|
737
|
+
width: auto;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
|
|
741
|
+
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
|
|
742
|
+
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
|
|
743
|
+
width: auto;
|
|
744
|
+
}
|
|
745
|
+
|
|
859
746
|
.vjs-menu-button-inline .vjs-menu-content {
|
|
860
747
|
width: auto;
|
|
861
748
|
height: 100%;
|
|
@@ -903,6 +790,10 @@ body.vjs-pip-window .video-js {
|
|
|
903
790
|
pointer-events: auto;
|
|
904
791
|
}
|
|
905
792
|
|
|
793
|
+
.vjs-has-started.vjs-no-flex .vjs-control-bar {
|
|
794
|
+
display: table;
|
|
795
|
+
}
|
|
796
|
+
|
|
906
797
|
.video-js .vjs-control {
|
|
907
798
|
position: relative;
|
|
908
799
|
text-align: center;
|
|
@@ -944,6 +835,11 @@ body.vjs-pip-window .video-js {
|
|
|
944
835
|
width: 1px;
|
|
945
836
|
}
|
|
946
837
|
|
|
838
|
+
.vjs-no-flex .vjs-control {
|
|
839
|
+
display: table-cell;
|
|
840
|
+
vertical-align: middle;
|
|
841
|
+
}
|
|
842
|
+
|
|
947
843
|
.video-js .vjs-custom-control-spacer {
|
|
948
844
|
display: none;
|
|
949
845
|
}
|
|
@@ -970,6 +866,10 @@ body.vjs-pip-window .video-js {
|
|
|
970
866
|
align-items: center;
|
|
971
867
|
}
|
|
972
868
|
|
|
869
|
+
.vjs-no-flex .vjs-progress-control {
|
|
870
|
+
width: auto;
|
|
871
|
+
}
|
|
872
|
+
|
|
973
873
|
.video-js .vjs-progress-holder {
|
|
974
874
|
flex: auto;
|
|
975
875
|
transition: all 0.2s;
|
|
@@ -1006,7 +906,7 @@ body.vjs-pip-window .video-js {
|
|
|
1006
906
|
font-size: 0.9em;
|
|
1007
907
|
position: absolute;
|
|
1008
908
|
right: -0.5em;
|
|
1009
|
-
|
|
909
|
+
top: -0.3333333333em;
|
|
1010
910
|
z-index: 1;
|
|
1011
911
|
}
|
|
1012
912
|
|
|
@@ -1058,6 +958,10 @@ body.vjs-pip-window .video-js {
|
|
|
1058
958
|
z-index: 1;
|
|
1059
959
|
}
|
|
1060
960
|
|
|
961
|
+
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
|
|
962
|
+
z-index: 0;
|
|
963
|
+
}
|
|
964
|
+
|
|
1061
965
|
.video-js .vjs-progress-control:hover .vjs-mouse-display {
|
|
1062
966
|
display: block;
|
|
1063
967
|
}
|
|
@@ -1068,6 +972,10 @@ body.vjs-pip-window .video-js {
|
|
|
1068
972
|
transition: visibility 1s, opacity 1s;
|
|
1069
973
|
}
|
|
1070
974
|
|
|
975
|
+
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
|
|
976
|
+
display: none;
|
|
977
|
+
}
|
|
978
|
+
|
|
1071
979
|
.vjs-mouse-display .vjs-time-tooltip {
|
|
1072
980
|
color: #fff;
|
|
1073
981
|
background-color: #000;
|
|
@@ -1087,6 +995,7 @@ body.vjs-pip-window .video-js {
|
|
|
1087
995
|
/* Firefox */
|
|
1088
996
|
-moz-user-select: none;
|
|
1089
997
|
/* Internet Explorer/Edge */
|
|
998
|
+
-ms-user-select: none;
|
|
1090
999
|
/* Non-prefixed version, currently supported by Chrome and Opera */
|
|
1091
1000
|
user-select: none;
|
|
1092
1001
|
background-color: #73859f;
|
|
@@ -1161,6 +1070,22 @@ body.vjs-pip-window .video-js {
|
|
|
1161
1070
|
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
|
|
1162
1071
|
}
|
|
1163
1072
|
|
|
1073
|
+
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
|
|
1074
|
+
width: 5em;
|
|
1075
|
+
height: 3em;
|
|
1076
|
+
visibility: visible;
|
|
1077
|
+
opacity: 1;
|
|
1078
|
+
position: relative;
|
|
1079
|
+
transition: none;
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
|
|
1083
|
+
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
|
|
1084
|
+
position: absolute;
|
|
1085
|
+
bottom: 3em;
|
|
1086
|
+
left: 0.5em;
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1164
1089
|
.video-js .vjs-volume-panel {
|
|
1165
1090
|
display: flex;
|
|
1166
1091
|
}
|
|
@@ -1205,7 +1130,7 @@ body.vjs-pip-window .video-js {
|
|
|
1205
1130
|
height: 0.3em;
|
|
1206
1131
|
}
|
|
1207
1132
|
.vjs-slider-horizontal .vjs-volume-level:before {
|
|
1208
|
-
|
|
1133
|
+
top: -0.3em;
|
|
1209
1134
|
right: -0.5em;
|
|
1210
1135
|
}
|
|
1211
1136
|
|
|
@@ -1280,6 +1205,10 @@ body.vjs-pip-window .video-js {
|
|
|
1280
1205
|
height: 100%;
|
|
1281
1206
|
}
|
|
1282
1207
|
|
|
1208
|
+
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1209
|
+
z-index: 0;
|
|
1210
|
+
}
|
|
1211
|
+
|
|
1283
1212
|
.video-js .vjs-volume-control:hover .vjs-mouse-display {
|
|
1284
1213
|
display: block;
|
|
1285
1214
|
}
|
|
@@ -1290,6 +1219,10 @@ body.vjs-pip-window .video-js {
|
|
|
1290
1219
|
transition: visibility 1s, opacity 1s;
|
|
1291
1220
|
}
|
|
1292
1221
|
|
|
1222
|
+
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1223
|
+
display: none;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1293
1226
|
.vjs-mouse-display .vjs-volume-tooltip {
|
|
1294
1227
|
color: #fff;
|
|
1295
1228
|
background-color: #000;
|
|
@@ -1299,6 +1232,10 @@ body.vjs-pip-window .video-js {
|
|
|
1299
1232
|
.vjs-poster {
|
|
1300
1233
|
display: inline-block;
|
|
1301
1234
|
vertical-align: middle;
|
|
1235
|
+
background-repeat: no-repeat;
|
|
1236
|
+
background-position: 50% 50%;
|
|
1237
|
+
background-size: contain;
|
|
1238
|
+
background-color: #000000;
|
|
1302
1239
|
cursor: pointer;
|
|
1303
1240
|
margin: 0;
|
|
1304
1241
|
padding: 0;
|
|
@@ -1316,18 +1253,10 @@ body.vjs-pip-window .video-js {
|
|
|
1316
1253
|
}
|
|
1317
1254
|
|
|
1318
1255
|
.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 {
|
|
1256
|
+
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
|
|
1321
1257
|
display: block;
|
|
1322
1258
|
}
|
|
1323
1259
|
|
|
1324
|
-
.vjs-poster img {
|
|
1325
|
-
width: 100%;
|
|
1326
|
-
height: 100%;
|
|
1327
|
-
-o-object-fit: contain;
|
|
1328
|
-
object-fit: contain;
|
|
1329
|
-
}
|
|
1330
|
-
|
|
1331
1260
|
.video-js .vjs-live-control {
|
|
1332
1261
|
display: flex;
|
|
1333
1262
|
align-items: flex-start;
|
|
@@ -1336,6 +1265,12 @@ body.vjs-pip-window .video-js {
|
|
|
1336
1265
|
line-height: 3em;
|
|
1337
1266
|
}
|
|
1338
1267
|
|
|
1268
|
+
.vjs-no-flex .vjs-live-control {
|
|
1269
|
+
display: table-cell;
|
|
1270
|
+
width: auto;
|
|
1271
|
+
text-align: left;
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1339
1274
|
.video-js:not(.vjs-live) .vjs-live-control,
|
|
1340
1275
|
.video-js.vjs-liveui .vjs-live-control {
|
|
1341
1276
|
display: none;
|
|
@@ -1355,6 +1290,12 @@ body.vjs-pip-window .video-js {
|
|
|
1355
1290
|
min-width: 4em;
|
|
1356
1291
|
}
|
|
1357
1292
|
|
|
1293
|
+
.vjs-no-flex .vjs-seek-to-live-control {
|
|
1294
|
+
display: table-cell;
|
|
1295
|
+
width: auto;
|
|
1296
|
+
text-align: left;
|
|
1297
|
+
}
|
|
1298
|
+
|
|
1358
1299
|
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
|
|
1359
1300
|
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
|
|
1360
1301
|
display: none;
|
|
@@ -1383,10 +1324,17 @@ body.vjs-pip-window .video-js {
|
|
|
1383
1324
|
padding-right: 1em;
|
|
1384
1325
|
}
|
|
1385
1326
|
|
|
1386
|
-
.vjs-live .vjs-time-control
|
|
1387
|
-
|
|
1327
|
+
.vjs-live .vjs-time-control {
|
|
1328
|
+
display: none;
|
|
1329
|
+
}
|
|
1330
|
+
|
|
1388
1331
|
.video-js .vjs-current-time,
|
|
1389
|
-
.
|
|
1332
|
+
.vjs-no-flex .vjs-current-time {
|
|
1333
|
+
display: none;
|
|
1334
|
+
}
|
|
1335
|
+
|
|
1336
|
+
.video-js .vjs-duration,
|
|
1337
|
+
.vjs-no-flex .vjs-duration {
|
|
1390
1338
|
display: none;
|
|
1391
1339
|
}
|
|
1392
1340
|
|
|
@@ -1395,6 +1343,10 @@ body.vjs-pip-window .video-js {
|
|
|
1395
1343
|
line-height: 3em;
|
|
1396
1344
|
}
|
|
1397
1345
|
|
|
1346
|
+
.vjs-live .vjs-time-divider {
|
|
1347
|
+
display: none;
|
|
1348
|
+
}
|
|
1349
|
+
|
|
1398
1350
|
.video-js .vjs-play-control {
|
|
1399
1351
|
cursor: pointer;
|
|
1400
1352
|
}
|
|
@@ -1448,8 +1400,7 @@ video::-webkit-media-text-track-display {
|
|
|
1448
1400
|
cursor: pointer;
|
|
1449
1401
|
flex: none;
|
|
1450
1402
|
}
|
|
1451
|
-
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control
|
|
1452
|
-
.vjs-pip-window .vjs-picture-in-picture-control {
|
|
1403
|
+
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
|
|
1453
1404
|
display: none;
|
|
1454
1405
|
}
|
|
1455
1406
|
|
|
@@ -1457,8 +1408,7 @@ video::-webkit-media-text-track-display {
|
|
|
1457
1408
|
cursor: pointer;
|
|
1458
1409
|
flex: none;
|
|
1459
1410
|
}
|
|
1460
|
-
.video-js.vjs-audio-only-mode .vjs-fullscreen-control
|
|
1461
|
-
.vjs-pip-window .vjs-fullscreen-control {
|
|
1411
|
+
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
|
|
1462
1412
|
display: none;
|
|
1463
1413
|
}
|
|
1464
1414
|
|
|
@@ -1524,7 +1474,8 @@ video::-webkit-media-text-track-display {
|
|
|
1524
1474
|
.vjs-seeking .vjs-loading-spinner,
|
|
1525
1475
|
.vjs-waiting .vjs-loading-spinner {
|
|
1526
1476
|
display: block;
|
|
1527
|
-
animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1477
|
+
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1478
|
+
animation: vjs-spinner-show 0s linear 0.3s forwards;
|
|
1528
1479
|
}
|
|
1529
1480
|
|
|
1530
1481
|
.vjs-loading-spinner:before,
|
|
@@ -1546,17 +1497,19 @@ video::-webkit-media-text-track-display {
|
|
|
1546
1497
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
1547
1498
|
.vjs-waiting .vjs-loading-spinner:before,
|
|
1548
1499
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
1500
|
+
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
1549
1501
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
1550
1502
|
}
|
|
1551
1503
|
|
|
1552
1504
|
.vjs-seeking .vjs-loading-spinner:before,
|
|
1553
1505
|
.vjs-waiting .vjs-loading-spinner:before {
|
|
1554
|
-
border-top-color:
|
|
1506
|
+
border-top-color: white;
|
|
1555
1507
|
}
|
|
1556
1508
|
|
|
1557
1509
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
1558
1510
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
1559
|
-
border-top-color:
|
|
1511
|
+
border-top-color: white;
|
|
1512
|
+
-webkit-animation-delay: 0.44s;
|
|
1560
1513
|
animation-delay: 0.44s;
|
|
1561
1514
|
}
|
|
1562
1515
|
|
|
@@ -1565,11 +1518,21 @@ video::-webkit-media-text-track-display {
|
|
|
1565
1518
|
visibility: visible;
|
|
1566
1519
|
}
|
|
1567
1520
|
}
|
|
1521
|
+
@-webkit-keyframes vjs-spinner-show {
|
|
1522
|
+
to {
|
|
1523
|
+
visibility: visible;
|
|
1524
|
+
}
|
|
1525
|
+
}
|
|
1568
1526
|
@keyframes vjs-spinner-spin {
|
|
1569
1527
|
100% {
|
|
1570
1528
|
transform: rotate(360deg);
|
|
1571
1529
|
}
|
|
1572
1530
|
}
|
|
1531
|
+
@-webkit-keyframes vjs-spinner-spin {
|
|
1532
|
+
100% {
|
|
1533
|
+
-webkit-transform: rotate(360deg);
|
|
1534
|
+
}
|
|
1535
|
+
}
|
|
1573
1536
|
@keyframes vjs-spinner-fade {
|
|
1574
1537
|
0% {
|
|
1575
1538
|
border-top-color: #73859f;
|
|
@@ -1587,6 +1550,23 @@ video::-webkit-media-text-track-display {
|
|
|
1587
1550
|
border-top-color: #73859f;
|
|
1588
1551
|
}
|
|
1589
1552
|
}
|
|
1553
|
+
@-webkit-keyframes vjs-spinner-fade {
|
|
1554
|
+
0% {
|
|
1555
|
+
border-top-color: #73859f;
|
|
1556
|
+
}
|
|
1557
|
+
20% {
|
|
1558
|
+
border-top-color: #73859f;
|
|
1559
|
+
}
|
|
1560
|
+
35% {
|
|
1561
|
+
border-top-color: white;
|
|
1562
|
+
}
|
|
1563
|
+
60% {
|
|
1564
|
+
border-top-color: #73859f;
|
|
1565
|
+
}
|
|
1566
|
+
100% {
|
|
1567
|
+
border-top-color: #73859f;
|
|
1568
|
+
}
|
|
1569
|
+
}
|
|
1590
1570
|
.video-js.vjs-audio-only-mode .vjs-captions-button {
|
|
1591
1571
|
display: none;
|
|
1592
1572
|
}
|
|
@@ -1607,7 +1587,7 @@ video::-webkit-media-text-track-display {
|
|
|
1607
1587
|
|
|
1608
1588
|
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
|
|
1609
1589
|
font-family: VideoJS;
|
|
1610
|
-
content: "
|
|
1590
|
+
content: "";
|
|
1611
1591
|
font-size: 1.5em;
|
|
1612
1592
|
line-height: inherit;
|
|
1613
1593
|
}
|
|
@@ -1624,7 +1604,7 @@ video::-webkit-media-text-track-display {
|
|
|
1624
1604
|
|
|
1625
1605
|
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
|
|
1626
1606
|
font-family: VideoJS;
|
|
1627
|
-
content: "
|
|
1607
|
+
content: " ";
|
|
1628
1608
|
font-size: 1.5em;
|
|
1629
1609
|
line-height: inherit;
|
|
1630
1610
|
}
|
|
@@ -1658,6 +1638,9 @@ video::-webkit-media-text-track-display {
|
|
|
1658
1638
|
flex: auto;
|
|
1659
1639
|
display: block;
|
|
1660
1640
|
}
|
|
1641
|
+
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
|
|
1642
|
+
width: auto;
|
|
1643
|
+
}
|
|
1661
1644
|
|
|
1662
1645
|
.vjs-modal-dialog.vjs-text-track-settings {
|
|
1663
1646
|
background-color: #2B333F;
|
|
@@ -1688,15 +1671,18 @@ video::-webkit-media-text-track-display {
|
|
|
1688
1671
|
grid-template-rows: 1fr;
|
|
1689
1672
|
padding: 20px 24px 0px 24px;
|
|
1690
1673
|
}
|
|
1674
|
+
|
|
1691
1675
|
.vjs-track-settings-controls .vjs-default-button {
|
|
1692
1676
|
margin-bottom: 20px;
|
|
1693
1677
|
}
|
|
1678
|
+
|
|
1694
1679
|
.vjs-text-track-settings .vjs-track-settings-controls {
|
|
1695
1680
|
grid-column: 1/-1;
|
|
1696
1681
|
}
|
|
1682
|
+
|
|
1697
1683
|
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1698
|
-
|
|
1699
|
-
|
|
1684
|
+
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
|
|
1685
|
+
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
|
|
1700
1686
|
grid-template-columns: 1fr;
|
|
1701
1687
|
}
|
|
1702
1688
|
}
|
|
@@ -1706,13 +1692,13 @@ video::-webkit-media-text-track-display {
|
|
|
1706
1692
|
}
|
|
1707
1693
|
|
|
1708
1694
|
.vjs-text-track-settings fieldset {
|
|
1709
|
-
margin:
|
|
1695
|
+
margin: 5px;
|
|
1696
|
+
padding: 3px;
|
|
1710
1697
|
border: none;
|
|
1711
1698
|
}
|
|
1712
1699
|
|
|
1713
1700
|
.vjs-text-track-settings fieldset span {
|
|
1714
1701
|
display: inline-block;
|
|
1715
|
-
padding: 0 6px 8px;
|
|
1716
1702
|
}
|
|
1717
1703
|
|
|
1718
1704
|
.vjs-text-track-settings fieldset span > select {
|
|
@@ -1721,14 +1707,16 @@ video::-webkit-media-text-track-display {
|
|
|
1721
1707
|
|
|
1722
1708
|
.vjs-text-track-settings legend {
|
|
1723
1709
|
color: #fff;
|
|
1724
|
-
|
|
1725
|
-
font-size: 14px;
|
|
1710
|
+
margin: 0 0 5px 0;
|
|
1726
1711
|
}
|
|
1727
1712
|
|
|
1728
1713
|
.vjs-text-track-settings .vjs-label {
|
|
1714
|
+
position: absolute;
|
|
1729
1715
|
clip: rect(1px 1px 1px 1px);
|
|
1730
1716
|
clip: rect(1px, 1px, 1px, 1px);
|
|
1731
|
-
|
|
1717
|
+
display: block;
|
|
1718
|
+
margin: 0 0 5px 0;
|
|
1719
|
+
padding: 0;
|
|
1732
1720
|
border: 0;
|
|
1733
1721
|
height: 1px;
|
|
1734
1722
|
width: 1px;
|
|
@@ -1758,55 +1746,6 @@ video::-webkit-media-text-track-display {
|
|
|
1758
1746
|
margin-right: 1em;
|
|
1759
1747
|
}
|
|
1760
1748
|
|
|
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
|
-
}
|
|
1810
1749
|
@media print {
|
|
1811
1750
|
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
|
|
1812
1751
|
visibility: hidden;
|