@vidispine/vdt-videojs-react 21.4.0-pre.2 → 22.1.0-pre.3

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