video-react-player 0.1.0 → 0.1.1

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.
Files changed (66) hide show
  1. package/dist/actions/player.d.ts.map +1 -0
  2. package/dist/actions/video.d.ts.map +1 -0
  3. package/dist/components/Bezel.d.ts.map +1 -0
  4. package/dist/components/BigPlayButton.d.ts.map +1 -0
  5. package/dist/components/ClickableComponent.d.ts.map +1 -0
  6. package/dist/components/LoadingSpinner.d.ts.map +1 -0
  7. package/dist/components/Player.d.ts.map +1 -0
  8. package/dist/components/PosterImage.d.ts.map +1 -0
  9. package/dist/components/Shortcut.d.ts.map +1 -0
  10. package/dist/components/Slider.d.ts.map +1 -0
  11. package/dist/components/Source.d.ts.map +1 -0
  12. package/dist/components/Video.d.ts.map +1 -0
  13. package/dist/components/control-bar/ClosedCaptionButton.d.ts.map +1 -0
  14. package/dist/components/control-bar/ControlBar.d.ts.map +1 -0
  15. package/dist/components/control-bar/DownloadButton.d.ts.map +1 -0
  16. package/dist/components/control-bar/ForwardControl.d.ts.map +1 -0
  17. package/dist/components/control-bar/ForwardReplayControl.d.ts.map +1 -0
  18. package/dist/components/control-bar/FullscreenToggle.d.ts.map +1 -0
  19. package/dist/components/control-bar/LoadProgressBar.d.ts.map +1 -0
  20. package/dist/components/control-bar/LoopToggle.d.ts.map +1 -0
  21. package/dist/components/control-bar/MouseTimeDisplay.d.ts.map +1 -0
  22. package/dist/components/control-bar/PictureInPictureToggle.d.ts.map +1 -0
  23. package/dist/components/control-bar/PlayProgressBar.d.ts.map +1 -0
  24. package/dist/components/control-bar/PlayToggle.d.ts.map +1 -0
  25. package/dist/components/control-bar/PlaybackRate.d.ts.map +1 -0
  26. package/dist/components/control-bar/PlaybackRateMenuButton.d.ts.map +1 -0
  27. package/dist/components/control-bar/ProgressControl.d.ts.map +1 -0
  28. package/dist/components/control-bar/QualityMenuButton.d.ts.map +1 -0
  29. package/dist/components/control-bar/ReplayControl.d.ts.map +1 -0
  30. package/dist/components/control-bar/ScreenshotButton.d.ts.map +1 -0
  31. package/dist/components/control-bar/SeekBar.d.ts.map +1 -0
  32. package/dist/components/control-bar/TheaterModeToggle.d.ts.map +1 -0
  33. package/dist/components/control-bar/VolumeMenuButton.d.ts.map +1 -0
  34. package/dist/components/menu/Menu.d.ts.map +1 -0
  35. package/dist/components/menu/MenuButton.d.ts.map +1 -0
  36. package/dist/components/menu/MenuItem.d.ts.map +1 -0
  37. package/dist/components/popup/Popup.d.ts.map +1 -0
  38. package/dist/components/popup/PopupButton.d.ts.map +1 -0
  39. package/dist/components/time-controls/CurrentTimeDisplay.d.ts.map +1 -0
  40. package/dist/components/time-controls/DurationDisplay.d.ts.map +1 -0
  41. package/dist/components/time-controls/RemainingTimeDisplay.d.ts.map +1 -0
  42. package/dist/components/time-controls/TimeDivider.d.ts.map +1 -0
  43. package/dist/components/volume-control/VolumeBar.d.ts.map +1 -0
  44. package/dist/components/volume-control/VolumeControl.d.ts.map +1 -0
  45. package/dist/components/volume-control/VolumeLevel.d.ts.map +1 -0
  46. package/dist/reducers/index.d.ts.map +1 -0
  47. package/dist/reducers/operation.d.ts.map +1 -0
  48. package/dist/reducers/player.d.ts.map +1 -0
  49. package/dist/types/component.d.ts.map +1 -0
  50. package/dist/types/player.d.ts.map +1 -0
  51. package/dist/utils/browser.d.ts.map +1 -0
  52. package/dist/utils/dom.d.ts.map +1 -0
  53. package/dist/utils/fullscreen.d.ts.map +1 -0
  54. package/dist/utils/index.d.ts.map +1 -0
  55. package/package.json +10 -5
  56. package/dist/video-react-new.cjs.js +0 -3904
  57. package/dist/video-react-new.css +0 -1155
  58. package/dist/video-react-new.es.js +0 -3861
  59. package/dist/video-react-new.full.js +0 -4578
  60. package/dist/video-react-new.full.min.js +0 -2
  61. package/dist/video-react-new.js +0 -4283
  62. package/dist/video-react-new.min.js +0 -2
  63. package/dist/video-react-player.full.js +0 -4578
  64. package/dist/video-react-player.full.min.js +0 -2
  65. package/dist/video-react-player.js +0 -4283
  66. package/dist/video-react-player.min.js +0 -2
@@ -1,1155 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
-
4
- * Copyright (c) 2016 Video-React contributors
5
- * Copyright (c) 2025 ZingMe.Vn
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
10
- .video-react-player .video-react-player-control:before, .video-react-player .video-react-player-big-play-button:before {
11
- position: absolute;
12
- top: 0;
13
- left: 0;
14
- width: 100%;
15
- height: 100%;
16
- }
17
-
18
- .video-react-player .video-react-player-control:before, .video-react-player .video-react-player-big-play-button:before {
19
- text-align: center;
20
- }
21
-
22
- @font-face {
23
- font-family: "video-react-player";
24
- src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot");
25
- }
26
- @font-face {
27
- font-family: "video-react-player";
28
- src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
29
- font-weight: normal;
30
- font-style: normal;
31
- }
32
- .video-react-player-icon, .video-react-player .video-react-player-closed-caption, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon, .video-react-player .video-react-player-volume-level, .video-react-player .video-react-player-mute-control,
33
- .video-react-player .video-react-player-volume-menu-button, .video-react-player .video-react-player-play-control, .video-react-player .video-react-player-play-progress, .video-react-player .video-react-player-big-play-button {
34
- /* use !important to prevent issues with browser extensions that change fonts */
35
- font-family: "video-react-player" !important;
36
- speak: none;
37
- font-style: normal;
38
- font-weight: normal;
39
- font-variant: normal;
40
- text-transform: none;
41
- line-height: 1;
42
- /* Better Font Rendering =========== */
43
- -webkit-font-smoothing: antialiased;
44
- -moz-osx-font-smoothing: grayscale;
45
- }
46
-
47
- .video-react-player-icon-play-arrow:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-play:before, .video-react-player .video-react-player-play-control:before, .video-react-player .video-react-player-big-play-button:before {
48
- content: "";
49
- }
50
-
51
- .video-react-player-icon-play-circle-filled:before {
52
- content: "";
53
- }
54
-
55
- .video-react-player-icon-play-circle-outline:before {
56
- content: "";
57
- }
58
-
59
- .video-react-player-icon-pause:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-pause:before, .video-react-player .video-react-player-play-control.video-react-player-playing:before {
60
- content: "";
61
- }
62
-
63
- .video-react-player-icon-pause-circle-filled:before {
64
- content: "";
65
- }
66
-
67
- .video-react-player-icon-pause-circle-outline:before {
68
- content: "";
69
- }
70
-
71
- .video-react-player-icon-stop:before {
72
- content: "";
73
- }
74
-
75
- .video-react-player-icon-fast-rewind:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-fast-rewind:before {
76
- content: "";
77
- }
78
-
79
- .video-react-player-icon-fast-forward:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-fast-forward:before {
80
- content: "";
81
- }
82
-
83
- .video-react-player-icon-skip-previous:before {
84
- content: "";
85
- }
86
-
87
- .video-react-player-icon-skip-next:before {
88
- content: "";
89
- }
90
-
91
- .video-react-player-icon-replay-5:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-replay-5:before {
92
- content: "";
93
- }
94
-
95
- .video-react-player-icon-replay-10:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-replay-10:before {
96
- content: "";
97
- }
98
-
99
- .video-react-player-icon-replay-30:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-replay-30:before {
100
- content: "";
101
- }
102
-
103
- .video-react-player-icon-forward-5:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-forward-5:before {
104
- content: "";
105
- }
106
-
107
- .video-react-player-icon-forward-10:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-forward-10:before {
108
- content: "";
109
- }
110
-
111
- .video-react-player-icon-forward-30:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-forward-30:before {
112
- content: "";
113
- }
114
-
115
- .video-react-player-icon-volume-off:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-volume-off:before, .video-react-player .video-react-player-mute-control.video-react-player-vol-muted:before,
116
- .video-react-player .video-react-player-volume-menu-button.video-react-player-vol-muted:before {
117
- content: "";
118
- }
119
-
120
- .video-react-player-icon-volume-mute:before, .video-react-player .video-react-player-mute-control.video-react-player-vol-0:before,
121
- .video-react-player .video-react-player-volume-menu-button.video-react-player-vol-0:before {
122
- content: "";
123
- }
124
-
125
- .video-react-player-icon-volume-down:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-volume-down:before, .video-react-player .video-react-player-mute-control.video-react-player-vol-2:before,
126
- .video-react-player .video-react-player-volume-menu-button.video-react-player-vol-2:before, .video-react-player .video-react-player-mute-control.video-react-player-vol-1:before,
127
- .video-react-player .video-react-player-volume-menu-button.video-react-player-vol-1:before {
128
- content: "";
129
- }
130
-
131
- .video-react-player-icon-volume-up:before, .video-react-player .video-react-player-bezel .video-react-player-bezel-icon-volume-up:before, .video-react-player .video-react-player-mute-control:before,
132
- .video-react-player .video-react-player-volume-menu-button:before {
133
- content: "";
134
- }
135
-
136
- .video-react-player-icon-fullscreen:before {
137
- content: "";
138
- }
139
-
140
- .video-react-player-icon-fullscreen-exit:before {
141
- content: "";
142
- }
143
-
144
- .video-react-player-icon-closed-caption:before, .video-react-player .video-react-player-closed-caption:before {
145
- content: "";
146
- }
147
-
148
- .video-react-player-icon-hd:before {
149
- content: "";
150
- }
151
-
152
- .video-react-player-icon-settings:before {
153
- content: "";
154
- }
155
-
156
- .video-react-player-icon-share:before {
157
- content: "";
158
- }
159
-
160
- .video-react-player-icon-info:before {
161
- content: "";
162
- }
163
-
164
- .video-react-player-icon-info-outline:before {
165
- content: "";
166
- }
167
-
168
- .video-react-player-icon-close:before {
169
- content: "";
170
- }
171
-
172
- .video-react-player-icon-circle:before, .video-react-player .video-react-player-volume-level:before, .video-react-player .video-react-player-play-progress:before {
173
- content: "";
174
- }
175
-
176
- .video-react-player-icon-circle-outline:before {
177
- content: "";
178
- }
179
-
180
- .video-react-player-icon-circle-inner-circle:before {
181
- content: "";
182
- }
183
-
184
- .video-react-player-icon-picture-in-picture:before {
185
- content: "";
186
- }
187
-
188
- .video-react-player-icon-picture-in-picture-exit:before {
189
- content: "";
190
- }
191
-
192
- .video-react-player-icon-loop:before {
193
- content: "";
194
- }
195
-
196
- .video-react-player-icon-loop-active:before {
197
- content: "";
198
- }
199
-
200
- .video-react-player-icon-theater:before {
201
- content: "";
202
- }
203
-
204
- .video-react-player-icon-theater-exit:before {
205
- content: "";
206
- }
207
-
208
- .video-react-player-icon-download:before {
209
- content: "";
210
- }
211
-
212
- .video-react-player-icon-camera:before {
213
- content: "";
214
- }
215
-
216
- /**
217
-
218
- * Copyright (c) 2016 Video-React contributors
219
- * Copyright (c) 2025 ZingMe.Vn
220
- *
221
- * This source code is licensed under the MIT license found in the
222
- * LICENSE file in the root directory of this source tree.
223
- */
224
- .video-react-player {
225
- display: block;
226
- vertical-align: top;
227
- box-sizing: border-box;
228
- color: #fff;
229
- background-color: #000;
230
- position: relative;
231
- font-size: 10px;
232
- line-height: 1;
233
- font-family: serif, Times, "Times New Roman";
234
- -webkit-user-select: none;
235
- -moz-user-select: none;
236
- -ms-user-select: none;
237
- user-select: none;
238
- }
239
- .video-react-player:-moz-full-screen {
240
- position: absolute;
241
- }
242
- .video-react-player:-webkit-full-screen {
243
- width: 100% !important;
244
- height: 100% !important;
245
- }
246
- .video-react-player *,
247
- .video-react-player *:before,
248
- .video-react-player *:after {
249
- box-sizing: inherit;
250
- }
251
- .video-react-player ul {
252
- font-family: inherit;
253
- font-size: inherit;
254
- line-height: inherit;
255
- list-style-position: outside;
256
- margin-left: 0;
257
- margin-right: 0;
258
- margin-top: 0;
259
- margin-bottom: 0;
260
- }
261
- .video-react-player.video-react-player-fluid, .video-react-player.video-react-player-16-9, .video-react-player.video-react-player-4-3 {
262
- width: 100%;
263
- max-width: 100%;
264
- height: 0;
265
- }
266
- .video-react-player.video-react-player-16-9 {
267
- padding-top: 56.25%;
268
- }
269
- .video-react-player.video-react-player-4-3 {
270
- padding-top: 75%;
271
- }
272
- .video-react-player.video-react-player-fill {
273
- width: 100%;
274
- height: 100%;
275
- }
276
- .video-react-player .video-react-player-video {
277
- position: absolute;
278
- top: 0;
279
- left: 0;
280
- width: 100%;
281
- height: 100%;
282
- }
283
- .video-react-player.video-react-player-fullscreen {
284
- width: 100% !important;
285
- height: 100% !important;
286
- padding-top: 0 !important;
287
- }
288
- .video-react-player.video-react-player-fullscreen.video-react-player-user-inactive {
289
- cursor: none;
290
- }
291
-
292
- body.video-react-player-full-window {
293
- padding: 0;
294
- margin: 0;
295
- height: 100%;
296
- overflow-y: auto;
297
- }
298
- body.video-react-player-full-window .video-react-player-fullscreen {
299
- position: fixed;
300
- overflow: hidden;
301
- z-index: 1000;
302
- left: 0;
303
- top: 0;
304
- bottom: 0;
305
- right: 0;
306
- }
307
-
308
- .video-react-player .video-react-player-button {
309
- background: none;
310
- border: none;
311
- color: inherit;
312
- display: inline-block;
313
- cursor: pointer;
314
- overflow: visible;
315
- font-size: inherit;
316
- line-height: inherit;
317
- text-transform: none;
318
- text-decoration: none;
319
- transition: none;
320
- -webkit-appearance: none;
321
- -moz-appearance: none;
322
- appearance: none;
323
- }
324
-
325
- .video-react-player .video-react-player-loading-spinner {
326
- display: none;
327
- position: absolute;
328
- top: 50%;
329
- left: 50%;
330
- margin: -25px 0 0 -25px;
331
- opacity: 0.85;
332
- text-align: left;
333
- border: 6px solid rgba(43, 51, 63, 0.7);
334
- box-sizing: border-box;
335
- background-clip: padding-box;
336
- width: 50px;
337
- height: 50px;
338
- border-radius: 25px;
339
- }
340
- .video-react-player .video-react-player-loading-spinner:before, .video-react-player .video-react-player-loading-spinner:after {
341
- content: "";
342
- position: absolute;
343
- margin: -6px;
344
- box-sizing: inherit;
345
- width: inherit;
346
- height: inherit;
347
- border-radius: inherit;
348
- opacity: 1;
349
- border: inherit;
350
- border-color: transparent;
351
- border-top-color: white;
352
- -webkit-animation: video-react-player-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-player-spinner-fade 1.1s linear infinite;
353
- animation: video-react-player-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-player-spinner-fade 1.1s linear infinite;
354
- }
355
-
356
- .video-react-player-seeking .video-react-player-loading-spinner,
357
- .video-react-player-waiting .video-react-player-loading-spinner {
358
- display: block;
359
- }
360
-
361
- .video-react-player-seeking .video-react-player-loading-spinner:before,
362
- .video-react-player-waiting .video-react-player-loading-spinner:before {
363
- border-top-color: white;
364
- }
365
-
366
- .video-react-player-seeking .video-react-player-loading-spinner:after,
367
- .video-react-player-waiting .video-react-player-loading-spinner:after {
368
- border-top-color: white;
369
- -webkit-animation-delay: 0.44s;
370
- animation-delay: 0.44s;
371
- }
372
-
373
- @keyframes video-react-player-spinner-spin {
374
- 100% {
375
- transform: rotate(360deg);
376
- }
377
- }
378
- @-webkit-keyframes video-react-player-spinner-spin {
379
- 100% {
380
- -webkit-transform: rotate(360deg);
381
- }
382
- }
383
- @keyframes video-react-player-spinner-fade {
384
- 0% {
385
- border-top-color: #73859f;
386
- }
387
- 20% {
388
- border-top-color: #73859f;
389
- }
390
- 35% {
391
- border-top-color: white;
392
- }
393
- 60% {
394
- border-top-color: #73859f;
395
- }
396
- 100% {
397
- border-top-color: #73859f;
398
- }
399
- }
400
- @-webkit-keyframes video-react-player-spinner-fade {
401
- 0% {
402
- border-top-color: #73859f;
403
- }
404
- 20% {
405
- border-top-color: #73859f;
406
- }
407
- 35% {
408
- border-top-color: white;
409
- }
410
- 60% {
411
- border-top-color: #73859f;
412
- }
413
- 100% {
414
- border-top-color: #73859f;
415
- }
416
- }
417
- .video-react-player .video-react-player-big-play-button {
418
- font-size: 3em;
419
- line-height: 1.5em;
420
- height: 1.5em;
421
- width: 3em;
422
- display: block;
423
- position: absolute;
424
- top: 10px;
425
- left: 10px;
426
- padding: 0;
427
- cursor: pointer;
428
- opacity: 1;
429
- border: 0.06666em solid #fff;
430
- background-color: #2B333F;
431
- background-color: rgba(43, 51, 63, 0.7);
432
- -webkit-border-radius: 0.3em;
433
- -moz-border-radius: 0.3em;
434
- border-radius: 0.3em;
435
- -webkit-transition: all 0.4s;
436
- -moz-transition: all 0.4s;
437
- -o-transition: all 0.4s;
438
- transition: all 0.4s;
439
- }
440
- .video-react-player .video-react-player-big-play-button.video-react-player-big-play-button-center {
441
- top: 50%;
442
- left: 50%;
443
- margin-top: 0;
444
- margin-left: 0;
445
- transform: translate(-50%, -50%);
446
- }
447
- .video-react-player .video-react-player-big-play-button.big-play-button-hide {
448
- display: none;
449
- }
450
- .video-react-player:hover .video-react-player-big-play-button,
451
- .video-react-player .video-react-player-big-play-button:focus {
452
- outline: 0;
453
- border-color: #fff;
454
- background-color: #73859f;
455
- background-color: rgba(115, 133, 159, 0.5);
456
- -webkit-transition: all 0s;
457
- -moz-transition: all 0s;
458
- -o-transition: all 0s;
459
- transition: all 0s;
460
- }
461
-
462
- .video-react-player-menu-button {
463
- cursor: pointer;
464
- }
465
- .video-react-player-menu-button.video-react-player-disabled {
466
- cursor: default;
467
- }
468
-
469
- .video-react-player-menu .video-react-player-menu-content {
470
- display: block;
471
- padding: 0;
472
- margin: 0;
473
- overflow: auto;
474
- font-family: serif, Times, "Times New Roman";
475
- }
476
- .video-react-player-menu li {
477
- list-style: none;
478
- margin: 0;
479
- padding: 0.2em 0;
480
- line-height: 1.4em;
481
- font-size: 1.2em;
482
- text-align: center;
483
- }
484
- .video-react-player-menu li:focus, .video-react-player-menu li:hover {
485
- outline: 0;
486
- background-color: #73859f;
487
- background-color: rgba(115, 133, 159, 0.5);
488
- }
489
- .video-react-player-menu li.video-react-player-selected, .video-react-player-menu li.video-react-player-selected:focus, .video-react-player-menu li.video-react-player-selected:hover {
490
- background-color: #fff;
491
- color: #2B333F;
492
- }
493
- .video-react-player-menu li.vjs-menu-title {
494
- text-align: center;
495
- text-transform: uppercase;
496
- font-size: 1em;
497
- line-height: 2em;
498
- padding: 0;
499
- margin: 0 0 0.3em 0;
500
- font-weight: bold;
501
- cursor: default;
502
- }
503
-
504
- .video-react-player-scrubbing .vjs-menu-button:hover .video-react-player-menu {
505
- display: none;
506
- }
507
-
508
- .video-react-player .video-react-player-menu-button-popup .video-react-player-menu {
509
- display: none;
510
- position: absolute;
511
- bottom: 0;
512
- width: 10em;
513
- left: -3em;
514
- height: 0em;
515
- margin-bottom: 1.5em;
516
- border-top-color: rgba(43, 51, 63, 0.7);
517
- }
518
- .video-react-player .video-react-player-menu-button-popup .video-react-player-menu .video-react-player-menu-content {
519
- background-color: #2B333F;
520
- background-color: rgba(43, 51, 63, 0.7);
521
- position: absolute;
522
- width: 100%;
523
- bottom: 1.5em;
524
- max-height: 15em;
525
- }
526
-
527
- .video-react-player-menu-button-popup .video-react-player-menu.video-react-player-lock-showing {
528
- display: block;
529
- }
530
-
531
- .video-react-player .video-react-player-menu-button-inline {
532
- -webkit-transition: all 0.4s;
533
- -moz-transition: all 0.4s;
534
- -o-transition: all 0.4s;
535
- transition: all 0.4s;
536
- overflow: hidden;
537
- }
538
- .video-react-player .video-react-player-menu-button-inline:before {
539
- width: 2.222222222em;
540
- }
541
- .video-react-player .video-react-player-menu-button-inline:hover, .video-react-player .video-react-player-menu-button-inline:focus, .video-react-player .video-react-player-menu-button-inline.video-react-player-slider-active {
542
- width: 12em;
543
- }
544
- .video-react-player .video-react-player-menu-button-inline:hover .video-react-player-menu, .video-react-player .video-react-player-menu-button-inline:focus .video-react-player-menu, .video-react-player .video-react-player-menu-button-inline.video-react-player-slider-active .video-react-player-menu {
545
- display: block;
546
- opacity: 1;
547
- }
548
- .video-react-player .video-react-player-menu-button-inline.video-react-player-slider-active {
549
- -webkit-transition: none;
550
- -moz-transition: none;
551
- -o-transition: none;
552
- transition: none;
553
- }
554
- .video-react-player .video-react-player-menu-button-inline .video-react-player-menu {
555
- opacity: 0;
556
- height: 100%;
557
- width: auto;
558
- position: absolute;
559
- left: 4em;
560
- top: 0;
561
- padding: 0;
562
- margin: 0;
563
- -webkit-transition: all 0.4s;
564
- -moz-transition: all 0.4s;
565
- -o-transition: all 0.4s;
566
- transition: all 0.4s;
567
- }
568
- .video-react-player .video-react-player-menu-button-inline .video-react-player-menu-content {
569
- width: auto;
570
- height: 100%;
571
- margin: 0;
572
- overflow: hidden;
573
- }
574
-
575
- .video-react-player-no-flex .video-react-player-menu-button-inline .video-react-player-menu {
576
- display: block;
577
- opacity: 1;
578
- position: relative;
579
- width: auto;
580
- }
581
- .video-react-player-no-flex .video-react-player-menu-button-inline:hover, .video-react-player-no-flex .video-react-player-menu-button-inline:focus, .video-react-player-no-flex .video-react-player-menu-button-inline.video-react-player-slider-active {
582
- width: auto;
583
- }
584
-
585
- .video-react-player .video-react-player-poster {
586
- display: inline-block;
587
- vertical-align: middle;
588
- background-repeat: no-repeat;
589
- background-position: 50% 50%;
590
- background-size: contain;
591
- background-color: #000000;
592
- cursor: pointer;
593
- margin: 0;
594
- padding: 0;
595
- position: absolute;
596
- top: 0;
597
- right: 0;
598
- bottom: 0;
599
- left: 0;
600
- height: 100%;
601
- }
602
- .video-react-player .video-react-player-poster img {
603
- display: block;
604
- vertical-align: middle;
605
- margin: 0 auto;
606
- max-height: 100%;
607
- padding: 0;
608
- width: 100%;
609
- }
610
-
611
- .video-react-player .video-react-player-slider {
612
- outline: 0;
613
- position: relative;
614
- cursor: pointer;
615
- padding: 0;
616
- margin: 0 0.45em 0 0.45em;
617
- background-color: #73859f;
618
- background-color: rgba(115, 133, 159, 0.5);
619
- }
620
- .video-react-player .video-react-player-slider:focus {
621
- -webkit-box-shadow: 0 0 1em #fff;
622
- -moz-box-shadow: 0 0 1em #fff;
623
- box-shadow: 0 0 1em #fff;
624
- }
625
-
626
- .video-react-player .video-react-player-control {
627
- outline: none;
628
- position: relative;
629
- text-align: center;
630
- margin: 0;
631
- padding: 0;
632
- height: 100%;
633
- width: 4em;
634
- -webkit-box-flex: none;
635
- -moz-box-flex: none;
636
- -webkit-flex: none;
637
- -ms-flex: none;
638
- flex: none;
639
- }
640
- .video-react-player .video-react-player-control:before {
641
- font-size: 1.8em;
642
- line-height: 1.67;
643
- }
644
- .video-react-player .video-react-player-control:focus:before, .video-react-player .video-react-player-control:hover:before, .video-react-player .video-react-player-control:focus {
645
- text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff;
646
- }
647
-
648
- .video-react-player .video-react-player-control-text {
649
- border: 0;
650
- clip: rect(0 0 0 0);
651
- height: 1px;
652
- margin: -1px;
653
- overflow: hidden;
654
- padding: 0;
655
- position: absolute;
656
- width: 1px;
657
- }
658
-
659
- .video-react-player-no-flex .video-react-player-control {
660
- display: table-cell;
661
- vertical-align: middle;
662
- }
663
-
664
- .video-react-player .video-react-player-control-bar {
665
- display: none;
666
- width: 100%;
667
- position: absolute;
668
- bottom: 0;
669
- left: 0;
670
- right: 0;
671
- height: 3em;
672
- background-color: #2B333F;
673
- background-color: rgba(43, 51, 63, 0.7);
674
- }
675
-
676
- .video-react-player-has-started .video-react-player-control-bar {
677
- display: -webkit-box;
678
- display: -webkit-flex;
679
- display: -ms-flexbox;
680
- display: flex;
681
- visibility: visible;
682
- opacity: 1;
683
- -webkit-transition: visibility 0.1s, opacity 0.1s;
684
- -moz-transition: visibility 0.1s, opacity 0.1s;
685
- -o-transition: visibility 0.1s, opacity 0.1s;
686
- transition: visibility 0.1s, opacity 0.1s;
687
- }
688
-
689
- .video-react-player-has-started.video-react-player-user-inactive.video-react-player-playing .video-react-player-control-bar.video-react-player-control-bar-auto-hide {
690
- visibility: visible;
691
- opacity: 0;
692
- -webkit-transition: visibility 1s, opacity 1s;
693
- -moz-transition: visibility 1s, opacity 1s;
694
- -o-transition: visibility 1s, opacity 1s;
695
- transition: visibility 1s, opacity 1s;
696
- }
697
-
698
- .video-react-player-controls-disabled .video-react-player-control-bar,
699
- .video-react-player-using-native-controls .video-react-player-control-bar,
700
- .video-react-player-error .video-react-player-control-bar {
701
- display: none !important;
702
- }
703
-
704
- .video-react-player-audio.video-react-player-has-started.video-react-player-user-inactive.video-react-player-playing .video-react-player-control-bar {
705
- opacity: 1;
706
- visibility: visible;
707
- }
708
-
709
- .video-react-player-has-started.video-react-player-no-flex .video-react-player-control-bar {
710
- display: table;
711
- }
712
-
713
- .video-react-player .video-react-player-progress-control {
714
- -webkit-box-flex: auto;
715
- -moz-box-flex: auto;
716
- -webkit-flex: auto;
717
- -ms-flex: auto;
718
- flex: auto;
719
- display: -webkit-box;
720
- display: -webkit-flex;
721
- display: -ms-flexbox;
722
- display: flex;
723
- -webkit-box-align: center;
724
- -webkit-align-items: center;
725
- -ms-flex-align: center;
726
- align-items: center;
727
- min-width: 4em;
728
- }
729
-
730
- .video-react-player-live .video-react-player-progress-control {
731
- display: none;
732
- }
733
-
734
- .video-react-player .video-react-player-progress-holder {
735
- -webkit-box-flex: auto;
736
- -moz-box-flex: auto;
737
- -webkit-flex: auto;
738
- -ms-flex: auto;
739
- flex: auto;
740
- -webkit-transition: all 0.2s;
741
- -moz-transition: all 0.2s;
742
- -o-transition: all 0.2s;
743
- transition: all 0.2s;
744
- height: 0.3em;
745
- }
746
-
747
- .video-react-player .video-react-player-progress-control:hover .video-react-player-progress-holder {
748
- font-size: 1.6666666667em;
749
- }
750
-
751
- /* If we let the font size grow as much as everything else, the current time tooltip ends up
752
- ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
753
- to avoid a weird hitch when you roll off the hover. */
754
- .video-react-player .video-react-player-progress-control:hover .video-react-player-time-tooltip,
755
- .video-react-player .video-react-player-progress-control:hover .video-react-player-mouse-display:after,
756
- .video-react-player .video-react-player-progress-control:hover .video-react-player-play-progress:after {
757
- visibility: visible;
758
- font-size: 0.6em;
759
- }
760
-
761
- .video-react-player .video-react-player-progress-holder .video-react-player-play-progress,
762
- .video-react-player .video-react-player-progress-holder .video-react-player-load-progress,
763
- .video-react-player .video-react-player-progress-holder .video-react-player-tooltip-progress-bar,
764
- .video-react-player .video-react-player-progress-holder .video-react-player-load-progress div {
765
- position: absolute;
766
- display: block;
767
- height: 0.3em;
768
- margin: 0;
769
- padding: 0;
770
- width: 0;
771
- left: 0;
772
- top: 0;
773
- }
774
-
775
- .video-react-player .video-react-player-play-progress {
776
- background-color: #fff;
777
- }
778
- .video-react-player .video-react-player-play-progress:before {
779
- position: absolute;
780
- top: -0.3333333333em;
781
- right: -0.5em;
782
- font-size: 0.9em;
783
- }
784
-
785
- .video-react-player .video-react-player-time-tooltip,
786
- .video-react-player .video-react-player-mouse-display:after,
787
- .video-react-player .video-react-player-play-progress:after {
788
- visibility: hidden;
789
- pointer-events: none;
790
- position: absolute;
791
- top: -3.4em;
792
- right: -1.9em;
793
- font-size: 0.9em;
794
- color: #000;
795
- content: attr(data-current-time);
796
- padding: 6px 8px 8px 8px;
797
- background-color: #fff;
798
- background-color: rgba(255, 255, 255, 0.8);
799
- -webkit-border-radius: 0.3em;
800
- -moz-border-radius: 0.3em;
801
- border-radius: 0.3em;
802
- }
803
-
804
- .video-react-player .video-react-player-time-tooltip,
805
- .video-react-player .video-react-player-play-progress:before,
806
- .video-react-player .video-react-player-play-progress:after {
807
- -webkit-box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.3);
808
- -moz-box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.3);
809
- box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.3);
810
- }
811
-
812
- .video-react-player .video-react-player-progress-control .video-react-player-keep-tooltips-inside:after {
813
- display: none;
814
- }
815
-
816
- .video-react-player .video-react-player-load-progress {
817
- background: #bfc7d3;
818
- background: rgba(115, 133, 159, 0.5);
819
- }
820
-
821
- .video-react-player .video-react-player-load-progress div {
822
- background: white;
823
- background: rgba(115, 133, 159, 0.75);
824
- }
825
-
826
- .video-react-player.video-react-player-no-flex .video-react-player-progress-control {
827
- width: auto;
828
- }
829
-
830
- .video-react-player .video-react-player-time-tooltip {
831
- display: inline-block;
832
- height: 2.4em;
833
- position: relative;
834
- float: right;
835
- right: -1.9em;
836
- }
837
-
838
- .video-react-player .video-react-player-tooltip-progress-bar {
839
- visibility: hidden;
840
- }
841
-
842
- .video-react-player .video-react-player-progress-control .video-react-player-mouse-display {
843
- display: none;
844
- position: absolute;
845
- width: 1px;
846
- height: 100%;
847
- background-color: #000;
848
- z-index: 1;
849
- }
850
-
851
- .video-react-player-no-flex .video-react-player-progress-control .video-react-player-mouse-display {
852
- z-index: 0;
853
- }
854
-
855
- .video-react-player .video-react-player-progress-control:hover .video-react-player-mouse-display {
856
- display: block;
857
- }
858
-
859
- .video-react-player.video-react-player-user-inactive .video-react-player-progress-control .video-react-player-mouse-display,
860
- .video-react-player.video-react-player-user-inactive .video-react-player-progress-control .video-react-player-mouse-display:after {
861
- visibility: hidden;
862
- opacity: 0;
863
- -webkit-transition: visibility 1s, opacity 1s;
864
- -moz-transition: visibility 1s, opacity 1s;
865
- -o-transition: visibility 1s, opacity 1s;
866
- transition: visibility 1s, opacity 1s;
867
- }
868
-
869
- .video-react-player.video-react-player-user-inactive.video-react-player-no-flex .video-react-player-progress-control .video-react-player-mouse-display,
870
- .video-react-player.video-react-player-user-inactive.video-react-player-no-flex .video-react-player-progress-control .video-react-player-mouse-display:after {
871
- display: none;
872
- }
873
-
874
- .video-react-player .video-react-player-mouse-display .video-react-player-time-tooltip,
875
- .video-react-player .video-react-player-progress-control .video-react-player-mouse-display:after {
876
- color: #fff;
877
- background-color: #000;
878
- background-color: rgba(0, 0, 0, 0.8);
879
- }
880
-
881
- .video-react-player .video-react-player-play-control {
882
- cursor: pointer;
883
- -webkit-box-flex: none;
884
- -moz-box-flex: none;
885
- -webkit-flex: none;
886
- -ms-flex: none;
887
- flex: none;
888
- }
889
- .video-react-player .video-react-player-fullscreen-control {
890
- cursor: pointer;
891
- -webkit-box-flex: none;
892
- -moz-box-flex: none;
893
- -webkit-flex: none;
894
- -ms-flex: none;
895
- flex: none;
896
- }
897
-
898
- .video-react-player.video-react-player-fullscreen {
899
- position: fixed;
900
- left: 0;
901
- top: 0;
902
- bottom: 0;
903
- right: 0;
904
- z-index: 9999;
905
- }
906
-
907
- .video-react-player .video-react-player-time-control {
908
- -webkit-box-flex: none;
909
- -moz-box-flex: none;
910
- -webkit-flex: none;
911
- -ms-flex: none;
912
- flex: none;
913
- font-size: 1em;
914
- line-height: 3em;
915
- min-width: 2em;
916
- width: auto;
917
- padding-left: 1em;
918
- padding-right: 1em;
919
- }
920
- .video-react-player .video-react-player-time-divider {
921
- line-height: 3em;
922
- min-width: initial;
923
- padding: 0;
924
- }
925
-
926
- .video-react-player .video-react-player-mute-control,
927
- .video-react-player .video-react-player-volume-menu-button {
928
- cursor: pointer;
929
- -webkit-box-flex: none;
930
- -moz-box-flex: none;
931
- -webkit-flex: none;
932
- -ms-flex: none;
933
- flex: none;
934
- }
935
- .video-react-player .video-react-player-volume-control {
936
- width: 5em;
937
- -webkit-box-flex: none;
938
- -moz-box-flex: none;
939
- -webkit-flex: none;
940
- -ms-flex: none;
941
- flex: none;
942
- display: -webkit-box;
943
- display: -webkit-flex;
944
- display: -ms-flexbox;
945
- display: flex;
946
- -webkit-box-align: center;
947
- -webkit-align-items: center;
948
- -ms-flex-align: center;
949
- align-items: center;
950
- }
951
- .video-react-player .video-react-player-volume-bar {
952
- margin: 1.35em 0.45em;
953
- }
954
- .video-react-player .video-react-player-volume-bar.video-react-player-slider-horizontal {
955
- width: 5em;
956
- height: 0.3em;
957
- }
958
- .video-react-player .video-react-player-volume-bar.video-react-player-slider-horizontal .video-react-player-volume-level {
959
- width: 100%;
960
- }
961
- .video-react-player .video-react-player-volume-bar.video-react-player-slider-vertical {
962
- width: 0.3em;
963
- height: 5em;
964
- margin: 1.35em auto;
965
- }
966
- .video-react-player .video-react-player-volume-bar.video-react-player-slider-vertical .video-react-player-volume-level {
967
- height: 100%;
968
- }
969
- .video-react-player .video-react-player-volume-level {
970
- position: absolute;
971
- bottom: 0;
972
- left: 0;
973
- background-color: #fff;
974
- }
975
- .video-react-player .video-react-player-volume-level:before {
976
- position: absolute;
977
- font-size: 0.9em;
978
- }
979
- .video-react-player .video-react-player-slider-vertical .video-react-player-volume-level {
980
- width: 0.3em;
981
- }
982
- .video-react-player .video-react-player-slider-vertical .video-react-player-volume-level:before {
983
- top: -0.5em;
984
- left: -0.3em;
985
- }
986
- .video-react-player .video-react-player-slider-horizontal .video-react-player-volume-level {
987
- height: 0.3em;
988
- }
989
- .video-react-player .video-react-player-slider-horizontal .video-react-player-volume-level:before {
990
- top: -0.3em;
991
- right: -0.5em;
992
- }
993
- .video-react-player .video-react-player-menu-button-popup.video-react-player-volume-menu-button .video-react-player-menu {
994
- display: block;
995
- width: 0;
996
- height: 0;
997
- border-top-color: transparent;
998
- }
999
- .video-react-player .video-react-player-menu-button-popup.video-react-player-volume-menu-button-vertical .video-react-player-menu {
1000
- left: 0.5em;
1001
- height: 8em;
1002
- }
1003
- .video-react-player .video-react-player-menu-button-popup.video-react-player-volume-menu-button-horizontal .video-react-player-menu {
1004
- left: -2em;
1005
- }
1006
- .video-react-player .video-react-player-menu-button-popup.video-react-player-volume-menu-button .video-react-player-menu-content {
1007
- height: 0;
1008
- width: 0;
1009
- overflow-x: hidden;
1010
- overflow-y: hidden;
1011
- }
1012
- .video-react-player .video-react-player-volume-menu-button-vertical:hover .video-react-player-menu-content,
1013
- .video-react-player .video-react-player-volume-menu-button-vertical:focus .video-react-player-menu-content,
1014
- .video-react-player .video-react-player-volume-menu-button-vertical.video-react-player-slider-active .video-react-player-menu-content,
1015
- .video-react-player .video-react-player-volume-menu-button-vertical .video-react-player-lock-showing .video-react-player-menu-content {
1016
- height: 8em;
1017
- width: 2.9em;
1018
- }
1019
- .video-react-player .video-react-player-volume-menu-button-horizontal:hover .video-react-player-menu-content,
1020
- .video-react-player .video-react-player-volume-menu-button-horizontal:focus .video-react-player-menu-content,
1021
- .video-react-player .video-react-player-volume-menu-button-horizontal .video-react-player-slider-active .video-react-player-menu-content,
1022
- .video-react-player .video-react-player-volume-menu-button-horizontal .video-react-player-lock-showing .video-react-player-menu-content {
1023
- height: 2.9em;
1024
- width: 8em;
1025
- }
1026
- .video-react-player .video-react-player-volume-menu-button.video-react-player-menu-button-inline .video-react-player-menu-content {
1027
- background-color: transparent !important;
1028
- }
1029
-
1030
- .video-react-player .video-react-player-playback-rate .video-react-player-playback-rate-value {
1031
- line-height: 3em;
1032
- text-align: center;
1033
- }
1034
- .video-react-player .video-react-player-playback-rate .video-react-player-menu {
1035
- width: 4em;
1036
- left: 0em;
1037
- }
1038
-
1039
- .video-react-player .video-react-player-bezel {
1040
- position: absolute;
1041
- left: 50%;
1042
- top: 50%;
1043
- width: 52px;
1044
- height: 52px;
1045
- z-index: 17;
1046
- margin-left: -26px;
1047
- margin-top: -26px;
1048
- background: rgba(0, 0, 0, 0.5);
1049
- border-radius: 26px;
1050
- }
1051
- .video-react-player .video-react-player-bezel.video-react-player-bezel-animation {
1052
- -moz-animation: video-react-player-bezel-fadeout 0.5s linear 1 normal forwards;
1053
- -webkit-animation: video-react-player-bezel-fadeout 0.5s linear 1 normal forwards;
1054
- animation: video-react-player-bezel-fadeout 0.5s linear 1 normal forwards;
1055
- pointer-events: none;
1056
- }
1057
- .video-react-player .video-react-player-bezel.video-react-player-bezel-animation-alt {
1058
- -moz-animation: video-react-player-bezel-fadeout-alt 0.5s linear 1 normal forwards;
1059
- -webkit-animation: video-react-player-bezel-fadeout-alt 0.5s linear 1 normal forwards;
1060
- animation: video-react-player-bezel-fadeout-alt 0.5s linear 1 normal forwards;
1061
- pointer-events: none;
1062
- }
1063
- .video-react-player .video-react-player-bezel .video-react-player-bezel-icon {
1064
- width: 36px;
1065
- height: 36px;
1066
- margin: 8px;
1067
- font-size: 26px;
1068
- line-height: 36px;
1069
- text-align: center;
1070
- }
1071
- @keyframes video-react-player-bezel-fadeout {
1072
- 0% {
1073
- opacity: 1;
1074
- }
1075
- to {
1076
- opacity: 0;
1077
- transform: scale(2);
1078
- }
1079
- }
1080
- @keyframes video-react-player-bezel-fadeout-alt {
1081
- 0% {
1082
- opacity: 1;
1083
- }
1084
- to {
1085
- opacity: 0;
1086
- transform: scale(2);
1087
- }
1088
- }
1089
- .video-react-player .video-react-player-closed-caption {
1090
- cursor: pointer;
1091
- -webkit-box-flex: none;
1092
- -moz-box-flex: none;
1093
- -webkit-flex: none;
1094
- -ms-flex: none;
1095
- flex: none;
1096
- }
1097
- .video-react-player video::-webkit-media-text-track-container {
1098
- -webkit-transform: translateY(-30px);
1099
- transform: translateY(-30px);
1100
- }
1101
-
1102
- .video-react-player .video-react-player-picture-in-picture-control {
1103
- cursor: pointer;
1104
- -webkit-box-flex: none;
1105
- -moz-box-flex: none;
1106
- -webkit-flex: none;
1107
- -ms-flex: none;
1108
- flex: none;
1109
- }
1110
-
1111
- .video-react-player .video-react-player-loop-control {
1112
- cursor: pointer;
1113
- -webkit-box-flex: none;
1114
- -moz-box-flex: none;
1115
- -webkit-flex: none;
1116
- -ms-flex: none;
1117
- flex: none;
1118
- }
1119
-
1120
- .video-react-player .video-react-player-loop-control.video-react-player-icon-loop-active {
1121
- opacity: 0.7;
1122
- }
1123
-
1124
- .video-react-player .video-react-player-theater-control {
1125
- cursor: pointer;
1126
- -webkit-box-flex: none;
1127
- -moz-box-flex: none;
1128
- -webkit-flex: none;
1129
- -ms-flex: none;
1130
- flex: none;
1131
- }
1132
-
1133
- .video-react-player .video-react-player-download-control {
1134
- cursor: pointer;
1135
- -webkit-box-flex: none;
1136
- -moz-box-flex: none;
1137
- -webkit-flex: none;
1138
- -ms-flex: none;
1139
- flex: none;
1140
- }
1141
-
1142
- .video-react-player .video-react-player-screenshot-control {
1143
- cursor: pointer;
1144
- -webkit-box-flex: none;
1145
- -moz-box-flex: none;
1146
- -webkit-flex: none;
1147
- -ms-flex: none;
1148
- flex: none;
1149
- }
1150
-
1151
- .video-react-player .video-react-player-quality-menu .video-react-player-quality-value {
1152
- font-size: 1em;
1153
- line-height: 3em;
1154
- text-align: center;
1155
- }