video-react-player 0.1.0

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 (105) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/LICENSE +23 -0
  3. package/README.md +584 -0
  4. package/dist/Manager.d.ts +36 -0
  5. package/dist/actions/player.d.ts +124 -0
  6. package/dist/actions/video.d.ts +161 -0
  7. package/dist/components/Bezel.d.ts +22 -0
  8. package/dist/components/BigPlayButton.d.ts +20 -0
  9. package/dist/components/ClickableComponent.d.ts +24 -0
  10. package/dist/components/LoadingSpinner.d.ts +11 -0
  11. package/dist/components/Player.d.ts +82 -0
  12. package/dist/components/PosterImage.d.ts +12 -0
  13. package/dist/components/Shortcut.d.ts +48 -0
  14. package/dist/components/Slider.d.ts +49 -0
  15. package/dist/components/Source.d.ts +25 -0
  16. package/dist/components/Video.d.ts +48 -0
  17. package/dist/components/control-bar/ClosedCaptionButton.d.ts +19 -0
  18. package/dist/components/control-bar/ControlBar.d.ts +17 -0
  19. package/dist/components/control-bar/DownloadButton.d.ts +17 -0
  20. package/dist/components/control-bar/ForwardControl.d.ts +13 -0
  21. package/dist/components/control-bar/ForwardReplayControl.d.ts +17 -0
  22. package/dist/components/control-bar/FullscreenToggle.d.ts +5 -0
  23. package/dist/components/control-bar/LoadProgressBar.d.ts +18 -0
  24. package/dist/components/control-bar/LoopToggle.d.ts +5 -0
  25. package/dist/components/control-bar/MouseTimeDisplay.d.ts +22 -0
  26. package/dist/components/control-bar/PictureInPictureToggle.d.ts +15 -0
  27. package/dist/components/control-bar/PlayProgressBar.d.ts +12 -0
  28. package/dist/components/control-bar/PlayToggle.d.ts +13 -0
  29. package/dist/components/control-bar/PlaybackRate.d.ts +14 -0
  30. package/dist/components/control-bar/PlaybackRateMenuButton.d.ts +17 -0
  31. package/dist/components/control-bar/ProgressControl.d.ts +16 -0
  32. package/dist/components/control-bar/QualityMenuButton.d.ts +17 -0
  33. package/dist/components/control-bar/ReplayControl.d.ts +13 -0
  34. package/dist/components/control-bar/ScreenshotButton.d.ts +14 -0
  35. package/dist/components/control-bar/SeekBar.d.ts +18 -0
  36. package/dist/components/control-bar/TheaterModeToggle.d.ts +14 -0
  37. package/dist/components/control-bar/VolumeMenuButton.d.ts +17 -0
  38. package/dist/components/menu/Menu.d.ts +15 -0
  39. package/dist/components/menu/MenuButton.d.ts +46 -0
  40. package/dist/components/menu/MenuItem.d.ts +22 -0
  41. package/dist/components/popup/Popup.d.ts +15 -0
  42. package/dist/components/popup/PopupButton.d.ts +19 -0
  43. package/dist/components/time-controls/CurrentTimeDisplay.d.ts +18 -0
  44. package/dist/components/time-controls/DurationDisplay.d.ts +12 -0
  45. package/dist/components/time-controls/RemainingTimeDisplay.d.ts +13 -0
  46. package/dist/components/time-controls/TimeDivider.d.ts +10 -0
  47. package/dist/components/volume-control/VolumeBar.d.ts +33 -0
  48. package/dist/components/volume-control/VolumeControl.d.ts +16 -0
  49. package/dist/components/volume-control/VolumeLevel.d.ts +9 -0
  50. package/dist/index.d.ts +46 -0
  51. package/dist/reducers/index.d.ts +11 -0
  52. package/dist/reducers/operation.d.ts +10 -0
  53. package/dist/reducers/player.d.ts +33 -0
  54. package/dist/types/component.d.ts +13 -0
  55. package/dist/types/player.d.ts +31 -0
  56. package/dist/utils/browser.d.ts +5 -0
  57. package/dist/utils/dom.d.ts +31 -0
  58. package/dist/utils/fullscreen.d.ts +16 -0
  59. package/dist/utils/index.d.ts +24 -0
  60. package/dist/video-react-new.cjs.js +3904 -0
  61. package/dist/video-react-new.css +1155 -0
  62. package/dist/video-react-new.d.ts +11 -0
  63. package/dist/video-react-new.es.js +3861 -0
  64. package/dist/video-react-new.full.js +4578 -0
  65. package/dist/video-react-new.full.min.js +2 -0
  66. package/dist/video-react-new.js +4283 -0
  67. package/dist/video-react-new.min.js +2 -0
  68. package/dist/video-react-player.cjs.js +3904 -0
  69. package/dist/video-react-player.css +1155 -0
  70. package/dist/video-react-player.d.ts +11 -0
  71. package/dist/video-react-player.es.js +3861 -0
  72. package/dist/video-react-player.full.js +4578 -0
  73. package/dist/video-react-player.full.min.js +2 -0
  74. package/dist/video-react-player.js +4283 -0
  75. package/dist/video-react-player.min.js +2 -0
  76. package/package.json +145 -0
  77. package/styles/fonts/video-react.eot +0 -0
  78. package/styles/fonts/video-react.svg +43 -0
  79. package/styles/fonts/video-react.ttf +0 -0
  80. package/styles/fonts/video-react.woff +0 -0
  81. package/styles/icons.json +584 -0
  82. package/styles/scss/components/bezel.scss +119 -0
  83. package/styles/scss/components/big-play-button.scss +45 -0
  84. package/styles/scss/components/button.scss +18 -0
  85. package/styles/scss/components/closed-caption.scss +13 -0
  86. package/styles/scss/components/control-bar.scss +51 -0
  87. package/styles/scss/components/control.scss +42 -0
  88. package/styles/scss/components/fullscreen.scss +13 -0
  89. package/styles/scss/components/loading-spinner.scss +105 -0
  90. package/styles/scss/components/menu/menu-inline.scss +67 -0
  91. package/styles/scss/components/menu/menu-popup.scss +27 -0
  92. package/styles/scss/components/menu/menu.scss +59 -0
  93. package/styles/scss/components/new-controls.scss +42 -0
  94. package/styles/scss/components/play-pause.scss +11 -0
  95. package/styles/scss/components/playback-rate.scss +13 -0
  96. package/styles/scss/components/poster.scss +27 -0
  97. package/styles/scss/components/progress.scss +157 -0
  98. package/styles/scss/components/slider.scss +13 -0
  99. package/styles/scss/components/time.scss +18 -0
  100. package/styles/scss/components/volume.scss +147 -0
  101. package/styles/scss/icons.scss +278 -0
  102. package/styles/scss/layout.scss +115 -0
  103. package/styles/scss/mixins.scss +117 -0
  104. package/styles/scss/variables.scss +16 -0
  105. package/styles/scss/video-react-player.scss +34 -0
@@ -0,0 +1,1155 @@
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
+ }