@vidispine/vdt-videojs 23.1.0-pre.4 → 23.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.
package/dist/index.css CHANGED
@@ -1,1922 +1,4 @@
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
- .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
25
- content: "\f101";
26
- }
27
-
28
- .vjs-icon-play-circle {
29
- font-family: VideoJS;
30
- font-weight: normal;
31
- font-style: normal;
32
- }
33
- .vjs-icon-play-circle:before {
34
- content: "\f102";
35
- }
36
-
37
- .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
38
- font-family: VideoJS;
39
- font-weight: normal;
40
- font-style: normal;
41
- }
42
- .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
43
- content: "\f103";
44
- }
45
-
46
- .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
47
- font-family: VideoJS;
48
- font-weight: normal;
49
- font-style: normal;
50
- }
51
- .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
52
- content: "\f104";
53
- }
54
-
55
- .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
56
- font-family: VideoJS;
57
- font-weight: normal;
58
- font-style: normal;
59
- }
60
- .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
61
- content: "\f105";
62
- }
63
-
64
- .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
65
- font-family: VideoJS;
66
- font-weight: normal;
67
- font-style: normal;
68
- }
69
- .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
70
- content: "\f106";
71
- }
72
-
73
- .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
74
- font-family: VideoJS;
75
- font-weight: normal;
76
- font-style: normal;
77
- }
78
- .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
79
- content: "\f107";
80
- }
81
-
82
- .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
83
- font-family: VideoJS;
84
- font-weight: normal;
85
- font-style: normal;
86
- }
87
- .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
88
- content: "\f108";
89
- }
90
-
91
- .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
92
- font-family: VideoJS;
93
- font-weight: normal;
94
- font-style: normal;
95
- }
96
- .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
97
- content: "\f109";
98
- }
99
-
100
- .vjs-icon-square {
101
- font-family: VideoJS;
102
- font-weight: normal;
103
- font-style: normal;
104
- }
105
- .vjs-icon-square:before {
106
- content: "\f10a";
107
- }
108
-
109
- .vjs-icon-spinner {
110
- font-family: VideoJS;
111
- font-weight: normal;
112
- font-style: normal;
113
- }
114
- .vjs-icon-spinner:before {
115
- content: "\f10b";
116
- }
117
-
118
- .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
119
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
120
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
121
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
122
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
123
- font-family: VideoJS;
124
- font-weight: normal;
125
- font-style: normal;
126
- }
127
- .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
128
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
129
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
130
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
131
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
132
- content: "\f10c";
133
- }
134
-
135
- .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
136
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
137
- font-family: VideoJS;
138
- font-weight: normal;
139
- font-style: normal;
140
- }
141
- .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
142
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
143
- content: "\f10d";
144
- }
145
-
146
- .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
147
- font-family: VideoJS;
148
- font-weight: normal;
149
- font-style: normal;
150
- }
151
- .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
152
- content: "\f10e";
153
- }
154
-
155
- .vjs-icon-share {
156
- font-family: VideoJS;
157
- font-weight: normal;
158
- font-style: normal;
159
- }
160
- .vjs-icon-share:before {
161
- content: "\f10f";
162
- }
163
-
164
- .vjs-icon-cog {
165
- font-family: VideoJS;
166
- font-weight: normal;
167
- font-style: normal;
168
- }
169
- .vjs-icon-cog:before {
170
- content: "\f110";
171
- }
172
-
173
- .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
174
- font-family: VideoJS;
175
- font-weight: normal;
176
- font-style: normal;
177
- }
178
- .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
179
- content: "\f111";
180
- }
181
-
182
- .vjs-icon-circle-outline {
183
- font-family: VideoJS;
184
- font-weight: normal;
185
- font-style: normal;
186
- }
187
- .vjs-icon-circle-outline:before {
188
- content: "\f112";
189
- }
190
-
191
- .vjs-icon-circle-inner-circle {
192
- font-family: VideoJS;
193
- font-weight: normal;
194
- font-style: normal;
195
- }
196
- .vjs-icon-circle-inner-circle:before {
197
- content: "\f113";
198
- }
199
-
200
- .vjs-icon-hd {
201
- font-family: VideoJS;
202
- font-weight: normal;
203
- font-style: normal;
204
- }
205
- .vjs-icon-hd:before {
206
- content: "\f114";
207
- }
208
-
209
- .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
210
- font-family: VideoJS;
211
- font-weight: normal;
212
- font-style: normal;
213
- }
214
- .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
215
- content: "\f115";
216
- }
217
-
218
- .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
219
- font-family: VideoJS;
220
- font-weight: normal;
221
- font-style: normal;
222
- }
223
- .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
224
- content: "\f116";
225
- }
226
-
227
- .vjs-icon-facebook {
228
- font-family: VideoJS;
229
- font-weight: normal;
230
- font-style: normal;
231
- }
232
- .vjs-icon-facebook:before {
233
- content: "\f117";
234
- }
235
-
236
- .vjs-icon-gplus {
237
- font-family: VideoJS;
238
- font-weight: normal;
239
- font-style: normal;
240
- }
241
- .vjs-icon-gplus:before {
242
- content: "\f118";
243
- }
244
-
245
- .vjs-icon-linkedin {
246
- font-family: VideoJS;
247
- font-weight: normal;
248
- font-style: normal;
249
- }
250
- .vjs-icon-linkedin:before {
251
- content: "\f119";
252
- }
253
-
254
- .vjs-icon-twitter {
255
- font-family: VideoJS;
256
- font-weight: normal;
257
- font-style: normal;
258
- }
259
- .vjs-icon-twitter:before {
260
- content: "\f11a";
261
- }
262
-
263
- .vjs-icon-tumblr {
264
- font-family: VideoJS;
265
- font-weight: normal;
266
- font-style: normal;
267
- }
268
- .vjs-icon-tumblr:before {
269
- content: "\f11b";
270
- }
271
-
272
- .vjs-icon-pinterest {
273
- font-family: VideoJS;
274
- font-weight: normal;
275
- font-style: normal;
276
- }
277
- .vjs-icon-pinterest:before {
278
- content: "\f11c";
279
- }
280
-
281
- .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
282
- font-family: VideoJS;
283
- font-weight: normal;
284
- font-style: normal;
285
- }
286
- .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
287
- content: "\f11d";
288
- }
289
-
290
- .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
291
- font-family: VideoJS;
292
- font-weight: normal;
293
- font-style: normal;
294
- }
295
- .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
296
- content: "\f11e";
297
- }
298
-
299
- .vjs-icon-next-item {
300
- font-family: VideoJS;
301
- font-weight: normal;
302
- font-style: normal;
303
- }
304
- .vjs-icon-next-item:before {
305
- content: "\f11f";
306
- }
307
-
308
- .vjs-icon-previous-item {
309
- font-family: VideoJS;
310
- font-weight: normal;
311
- font-style: normal;
312
- }
313
- .vjs-icon-previous-item:before {
314
- content: "\f120";
315
- }
316
-
317
- .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
318
- font-family: VideoJS;
319
- font-weight: normal;
320
- font-style: normal;
321
- }
322
- .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
323
- content: "\f121";
324
- }
325
-
326
- .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
327
- font-family: VideoJS;
328
- font-weight: normal;
329
- font-style: normal;
330
- }
331
- .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
332
- content: "\f122";
333
- }
334
-
335
- .video-js {
336
- display: block;
337
- vertical-align: top;
338
- box-sizing: border-box;
339
- color: #fff;
340
- background-color: #000;
341
- position: relative;
342
- padding: 0;
343
- font-size: 10px;
344
- line-height: 1;
345
- font-weight: normal;
346
- font-style: normal;
347
- font-family: Arial, Helvetica, sans-serif;
348
- word-break: initial;
349
- }
350
- .video-js:-moz-full-screen {
351
- position: absolute;
352
- }
353
- .video-js:-webkit-full-screen {
354
- width: 100% !important;
355
- height: 100% !important;
356
- }
357
-
358
- .video-js[tabindex="-1"] {
359
- outline: none;
360
- }
361
-
362
- .video-js *,
363
- .video-js *:before,
364
- .video-js *:after {
365
- box-sizing: inherit;
366
- }
367
-
368
- .video-js ul {
369
- font-family: inherit;
370
- font-size: inherit;
371
- line-height: inherit;
372
- list-style-position: outside;
373
- margin-left: 0;
374
- margin-right: 0;
375
- margin-top: 0;
376
- margin-bottom: 0;
377
- }
378
-
379
- .video-js.vjs-fluid,
380
- .video-js.vjs-16-9,
381
- .video-js.vjs-4-3,
382
- .video-js.vjs-9-16,
383
- .video-js.vjs-1-1 {
384
- width: 100%;
385
- max-width: 100%;
386
- }
387
-
388
- .video-js.vjs-fluid:not(.vjs-audio-only-mode),
389
- .video-js.vjs-16-9:not(.vjs-audio-only-mode),
390
- .video-js.vjs-4-3:not(.vjs-audio-only-mode),
391
- .video-js.vjs-9-16:not(.vjs-audio-only-mode),
392
- .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
393
- height: 0;
394
- }
395
-
396
- .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
397
- padding-top: 56.25%;
398
- }
399
-
400
- .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
401
- padding-top: 75%;
402
- }
403
-
404
- .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
405
- padding-top: 177.7777777778%;
406
- }
407
-
408
- .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
409
- padding-top: 100%;
410
- }
411
-
412
- .video-js.vjs-fill:not(.vjs-audio-only-mode) {
413
- width: 100%;
414
- height: 100%;
415
- }
416
-
417
- .video-js .vjs-tech {
418
- position: absolute;
419
- top: 0;
420
- left: 0;
421
- width: 100%;
422
- height: 100%;
423
- }
424
-
425
- .video-js.vjs-audio-only-mode .vjs-tech {
426
- display: none;
427
- }
428
-
429
- body.vjs-full-window {
430
- padding: 0;
431
- margin: 0;
432
- height: 100%;
433
- }
434
-
435
- .vjs-full-window .video-js.vjs-fullscreen {
436
- position: fixed;
437
- overflow: hidden;
438
- z-index: 1000;
439
- left: 0;
440
- top: 0;
441
- bottom: 0;
442
- right: 0;
443
- }
444
-
445
- .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
446
- width: 100% !important;
447
- height: 100% !important;
448
- padding-top: 0 !important;
449
- }
450
-
451
- .video-js.vjs-fullscreen.vjs-user-inactive {
452
- cursor: none;
453
- }
454
-
455
- .vjs-hidden {
456
- display: none !important;
457
- }
458
-
459
- .vjs-disabled {
460
- opacity: 0.5;
461
- cursor: default;
462
- }
463
-
464
- .video-js .vjs-offscreen {
465
- height: 1px;
466
- left: -9999px;
467
- position: absolute;
468
- top: 0;
469
- width: 1px;
470
- }
471
-
472
- .vjs-lock-showing {
473
- display: block !important;
474
- opacity: 1 !important;
475
- visibility: visible !important;
476
- }
477
-
478
- .vjs-no-js {
479
- padding: 20px;
480
- color: #fff;
481
- background-color: #000;
482
- font-size: 18px;
483
- font-family: Arial, Helvetica, sans-serif;
484
- text-align: center;
485
- width: 300px;
486
- height: 150px;
487
- margin: 0px auto;
488
- }
489
-
490
- .vjs-no-js a,
491
- .vjs-no-js a:visited {
492
- color: #66A8CC;
493
- }
494
-
495
- .video-js .vjs-big-play-button {
496
- font-size: 3em;
497
- line-height: 1.5em;
498
- height: 1.63332em;
499
- width: 3em;
500
- display: block;
501
- position: absolute;
502
- top: 10px;
503
- left: 10px;
504
- padding: 0;
505
- cursor: pointer;
506
- opacity: 1;
507
- border: 0.06666em solid #fff;
508
- background-color: #2B333F;
509
- background-color: rgba(43, 51, 63, 0.7);
510
- -webkit-border-radius: 0.3em;
511
- -moz-border-radius: 0.3em;
512
- border-radius: 0.3em;
513
- -webkit-transition: all 0.4s;
514
- -moz-transition: all 0.4s;
515
- -ms-transition: all 0.4s;
516
- -o-transition: all 0.4s;
517
- transition: all 0.4s;
518
- }
519
- .vjs-big-play-centered .vjs-big-play-button {
520
- top: 50%;
521
- left: 50%;
522
- margin-top: -0.81666em;
523
- margin-left: -1.5em;
524
- }
525
-
526
- .video-js:hover .vjs-big-play-button,
527
- .video-js .vjs-big-play-button:focus {
528
- border-color: #fff;
529
- background-color: #73859f;
530
- background-color: rgba(115, 133, 159, 0.5);
531
- -webkit-transition: all 0s;
532
- -moz-transition: all 0s;
533
- -ms-transition: all 0s;
534
- -o-transition: all 0s;
535
- transition: all 0s;
536
- }
537
-
538
- .vjs-controls-disabled .vjs-big-play-button,
539
- .vjs-has-started .vjs-big-play-button,
540
- .vjs-using-native-controls .vjs-big-play-button,
541
- .vjs-error .vjs-big-play-button {
542
- display: none;
543
- }
544
-
545
- .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
546
- display: block;
547
- }
548
-
549
- .video-js button {
550
- background: none;
551
- border: none;
552
- color: inherit;
553
- display: inline-block;
554
- font-size: inherit;
555
- line-height: inherit;
556
- text-transform: none;
557
- text-decoration: none;
558
- transition: none;
559
- -webkit-appearance: none;
560
- -moz-appearance: none;
561
- appearance: none;
562
- }
563
-
564
- .vjs-control .vjs-button {
565
- width: 100%;
566
- height: 100%;
567
- }
568
-
569
- .video-js .vjs-control.vjs-close-button {
570
- cursor: pointer;
571
- height: 3em;
572
- position: absolute;
573
- right: 0;
574
- top: 0.5em;
575
- z-index: 2;
576
- }
577
- .video-js .vjs-modal-dialog {
578
- background: rgba(0, 0, 0, 0.8);
579
- background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
580
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
581
- overflow: auto;
582
- }
583
-
584
- .video-js .vjs-modal-dialog > * {
585
- box-sizing: border-box;
586
- }
587
-
588
- .vjs-modal-dialog .vjs-modal-dialog-content {
589
- font-size: 1.2em;
590
- line-height: 1.5;
591
- padding: 20px 24px;
592
- z-index: 1;
593
- }
594
-
595
- .vjs-menu-button {
596
- cursor: pointer;
597
- }
598
-
599
- .vjs-menu-button.vjs-disabled {
600
- cursor: default;
601
- }
602
-
603
- .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
604
- display: none;
605
- }
606
-
607
- .vjs-menu .vjs-menu-content {
608
- display: block;
609
- padding: 0;
610
- margin: 0;
611
- font-family: Arial, Helvetica, sans-serif;
612
- overflow: auto;
613
- }
614
-
615
- .vjs-menu .vjs-menu-content > * {
616
- box-sizing: border-box;
617
- }
618
-
619
- .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
620
- display: none;
621
- }
622
-
623
- .vjs-menu li {
624
- list-style: none;
625
- margin: 0;
626
- padding: 0.2em 0;
627
- line-height: 1.4em;
628
- font-size: 1.2em;
629
- text-align: center;
630
- text-transform: lowercase;
631
- }
632
-
633
- .vjs-menu li.vjs-menu-item:focus,
634
- .vjs-menu li.vjs-menu-item:hover,
635
- .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
636
- background-color: #73859f;
637
- background-color: rgba(115, 133, 159, 0.5);
638
- }
639
-
640
- .vjs-menu li.vjs-selected,
641
- .vjs-menu li.vjs-selected:focus,
642
- .vjs-menu li.vjs-selected:hover,
643
- .js-focus-visible .vjs-menu li.vjs-selected:hover {
644
- background-color: #fff;
645
- color: #2B333F;
646
- }
647
-
648
- .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
649
- .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
650
- background: none;
651
- }
652
-
653
- .vjs-menu li.vjs-menu-title {
654
- text-align: center;
655
- text-transform: uppercase;
656
- font-size: 1em;
657
- line-height: 2em;
658
- padding: 0;
659
- margin: 0 0 0.3em 0;
660
- font-weight: bold;
661
- cursor: default;
662
- }
663
-
664
- .vjs-menu-button-popup .vjs-menu {
665
- display: none;
666
- position: absolute;
667
- bottom: 0;
668
- width: 10em;
669
- left: -3em;
670
- height: 0em;
671
- margin-bottom: 1.5em;
672
- border-top-color: rgba(43, 51, 63, 0.7);
673
- }
674
-
675
- .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
676
- background-color: #2B333F;
677
- background-color: rgba(43, 51, 63, 0.7);
678
- position: absolute;
679
- width: 100%;
680
- bottom: 1.5em;
681
- max-height: 15em;
682
- }
683
-
684
- .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
685
- .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
686
- max-height: 5em;
687
- }
688
-
689
- .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
690
- max-height: 10em;
691
- }
692
-
693
- .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
694
- max-height: 14em;
695
- }
696
-
697
- .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
698
- .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
699
- .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
700
- max-height: 25em;
701
- }
702
-
703
- .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
704
- .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
705
- display: block;
706
- }
707
-
708
- .video-js .vjs-menu-button-inline {
709
- -webkit-transition: all 0.4s;
710
- -moz-transition: all 0.4s;
711
- -ms-transition: all 0.4s;
712
- -o-transition: all 0.4s;
713
- transition: all 0.4s;
714
- overflow: hidden;
715
- }
716
-
717
- .video-js .vjs-menu-button-inline:before {
718
- width: 2.222222222em;
719
- }
720
-
721
- .video-js .vjs-menu-button-inline:hover,
722
- .video-js .vjs-menu-button-inline:focus,
723
- .video-js .vjs-menu-button-inline.vjs-slider-active,
724
- .video-js.vjs-no-flex .vjs-menu-button-inline {
725
- width: 12em;
726
- }
727
-
728
- .vjs-menu-button-inline .vjs-menu {
729
- opacity: 0;
730
- height: 100%;
731
- width: auto;
732
- position: absolute;
733
- left: 4em;
734
- top: 0;
735
- padding: 0;
736
- margin: 0;
737
- -webkit-transition: all 0.4s;
738
- -moz-transition: all 0.4s;
739
- -ms-transition: all 0.4s;
740
- -o-transition: all 0.4s;
741
- transition: all 0.4s;
742
- }
743
-
744
- .vjs-menu-button-inline:hover .vjs-menu,
745
- .vjs-menu-button-inline:focus .vjs-menu,
746
- .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
747
- display: block;
748
- opacity: 1;
749
- }
750
-
751
- .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
752
- display: block;
753
- opacity: 1;
754
- position: relative;
755
- width: auto;
756
- }
757
-
758
- .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
759
- .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
760
- .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
761
- width: auto;
762
- }
763
-
764
- .vjs-menu-button-inline .vjs-menu-content {
765
- width: auto;
766
- height: 100%;
767
- margin: 0;
768
- overflow: hidden;
769
- }
770
-
771
- .video-js .vjs-control-bar {
772
- display: none;
773
- width: 100%;
774
- position: absolute;
775
- bottom: 0;
776
- left: 0;
777
- right: 0;
778
- height: 3em;
779
- background-color: #2B333F;
780
- background-color: rgba(43, 51, 63, 0.7);
781
- }
782
-
783
- .vjs-has-started .vjs-control-bar,
784
- .vjs-audio-only-mode .vjs-control-bar {
785
- display: -webkit-box;
786
- display: -webkit-flex;
787
- display: -ms-flexbox;
788
- display: flex;
789
- visibility: visible;
790
- opacity: 1;
791
- -webkit-transition: visibility 0.1s, opacity 0.1s;
792
- -moz-transition: visibility 0.1s, opacity 0.1s;
793
- -ms-transition: visibility 0.1s, opacity 0.1s;
794
- -o-transition: visibility 0.1s, opacity 0.1s;
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
- -webkit-transition: visibility 1s, opacity 1s;
803
- -moz-transition: visibility 1s, opacity 1s;
804
- -ms-transition: visibility 1s, opacity 1s;
805
- -o-transition: visibility 1s, opacity 1s;
806
- transition: visibility 1s, opacity 1s;
807
- }
808
-
809
- .vjs-controls-disabled .vjs-control-bar,
810
- .vjs-using-native-controls .vjs-control-bar,
811
- .vjs-error .vjs-control-bar {
812
- display: none !important;
813
- }
814
-
815
- .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
816
- .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
817
- opacity: 1;
818
- visibility: visible;
819
- pointer-events: auto;
820
- }
821
-
822
- .vjs-has-started.vjs-no-flex .vjs-control-bar {
823
- display: table;
824
- }
825
-
826
- .video-js .vjs-control {
827
- position: relative;
828
- text-align: center;
829
- margin: 0;
830
- padding: 0;
831
- height: 100%;
832
- width: 4em;
833
- -webkit-box-flex: none;
834
- -moz-box-flex: none;
835
- -webkit-flex: none;
836
- -ms-flex: none;
837
- flex: none;
838
- }
839
-
840
- .video-js .vjs-control.vjs-visible-text {
841
- width: auto;
842
- padding-left: 1em;
843
- padding-right: 1em;
844
- }
845
-
846
- .vjs-button > .vjs-icon-placeholder:before {
847
- font-size: 1.8em;
848
- line-height: 1.67;
849
- }
850
-
851
- .vjs-button > .vjs-icon-placeholder {
852
- display: block;
853
- }
854
-
855
- .video-js .vjs-control:focus:before,
856
- .video-js .vjs-control:hover:before,
857
- .video-js .vjs-control:focus {
858
- text-shadow: 0em 0em 1em white;
859
- }
860
-
861
- .video-js *:not(.vjs-visible-text) > .vjs-control-text {
862
- border: 0;
863
- clip: rect(0 0 0 0);
864
- height: 1px;
865
- overflow: hidden;
866
- padding: 0;
867
- position: absolute;
868
- width: 1px;
869
- }
870
-
871
- .vjs-no-flex .vjs-control {
872
- display: table-cell;
873
- vertical-align: middle;
874
- }
875
-
876
- .video-js .vjs-custom-control-spacer {
877
- display: none;
878
- }
879
-
880
- .video-js .vjs-progress-control {
881
- cursor: pointer;
882
- -webkit-box-flex: auto;
883
- -moz-box-flex: auto;
884
- -webkit-flex: auto;
885
- -ms-flex: auto;
886
- flex: auto;
887
- display: -webkit-box;
888
- display: -webkit-flex;
889
- display: -ms-flexbox;
890
- display: flex;
891
- -webkit-box-align: center;
892
- -webkit-align-items: center;
893
- -ms-flex-align: center;
894
- align-items: center;
895
- min-width: 4em;
896
- touch-action: none;
897
- }
898
-
899
- .video-js .vjs-progress-control.disabled {
900
- cursor: default;
901
- }
902
-
903
- .vjs-live .vjs-progress-control {
904
- display: none;
905
- }
906
-
907
- .vjs-liveui .vjs-progress-control {
908
- display: -webkit-box;
909
- display: -webkit-flex;
910
- display: -ms-flexbox;
911
- display: flex;
912
- -webkit-box-align: center;
913
- -webkit-align-items: center;
914
- -ms-flex-align: center;
915
- align-items: center;
916
- }
917
-
918
- .vjs-no-flex .vjs-progress-control {
919
- width: auto;
920
- }
921
-
922
- .video-js .vjs-progress-holder {
923
- -webkit-box-flex: auto;
924
- -moz-box-flex: auto;
925
- -webkit-flex: auto;
926
- -ms-flex: auto;
927
- flex: auto;
928
- -webkit-transition: all 0.2s;
929
- -moz-transition: all 0.2s;
930
- -ms-transition: all 0.2s;
931
- -o-transition: all 0.2s;
932
- transition: all 0.2s;
933
- height: 0.3em;
934
- }
935
-
936
- .video-js .vjs-progress-control .vjs-progress-holder {
937
- margin: 0 10px;
938
- }
939
-
940
- .video-js .vjs-progress-control:hover .vjs-progress-holder {
941
- font-size: 1.6666666667em;
942
- }
943
-
944
- .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
945
- font-size: 1em;
946
- }
947
-
948
- .video-js .vjs-progress-holder .vjs-play-progress,
949
- .video-js .vjs-progress-holder .vjs-load-progress,
950
- .video-js .vjs-progress-holder .vjs-load-progress div {
951
- position: absolute;
952
- display: block;
953
- height: 100%;
954
- margin: 0;
955
- padding: 0;
956
- width: 0;
957
- }
958
-
959
- .video-js .vjs-play-progress {
960
- background-color: #fff;
961
- }
962
- .video-js .vjs-play-progress:before {
963
- font-size: 0.9em;
964
- position: absolute;
965
- right: -0.5em;
966
- top: -0.3333333333em;
967
- z-index: 1;
968
- }
969
-
970
- .video-js .vjs-load-progress {
971
- background: rgba(115, 133, 159, 0.5);
972
- }
973
-
974
- .video-js .vjs-load-progress div {
975
- background: rgba(115, 133, 159, 0.75);
976
- }
977
-
978
- .video-js .vjs-time-tooltip {
979
- background-color: #fff;
980
- background-color: rgba(255, 255, 255, 0.8);
981
- -webkit-border-radius: 0.3em;
982
- -moz-border-radius: 0.3em;
983
- border-radius: 0.3em;
984
- color: #000;
985
- float: right;
986
- font-family: Arial, Helvetica, sans-serif;
987
- font-size: 1em;
988
- padding: 6px 8px 8px 8px;
989
- pointer-events: none;
990
- position: absolute;
991
- top: -3.4em;
992
- visibility: hidden;
993
- z-index: 1;
994
- }
995
-
996
- .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
997
- display: none;
998
- }
999
-
1000
- .video-js .vjs-progress-control:hover .vjs-time-tooltip,
1001
- .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
1002
- display: block;
1003
- font-size: 0.6em;
1004
- visibility: visible;
1005
- }
1006
-
1007
- .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
1008
- font-size: 1em;
1009
- }
1010
-
1011
- .video-js .vjs-progress-control .vjs-mouse-display {
1012
- display: none;
1013
- position: absolute;
1014
- width: 1px;
1015
- height: 100%;
1016
- background-color: #000;
1017
- z-index: 1;
1018
- }
1019
-
1020
- .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
1021
- z-index: 0;
1022
- }
1023
-
1024
- .video-js .vjs-progress-control:hover .vjs-mouse-display {
1025
- display: block;
1026
- }
1027
-
1028
- .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
1029
- visibility: hidden;
1030
- opacity: 0;
1031
- -webkit-transition: visibility 1s, opacity 1s;
1032
- -moz-transition: visibility 1s, opacity 1s;
1033
- -ms-transition: visibility 1s, opacity 1s;
1034
- -o-transition: visibility 1s, opacity 1s;
1035
- transition: visibility 1s, opacity 1s;
1036
- }
1037
-
1038
- .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
1039
- display: none;
1040
- }
1041
-
1042
- .vjs-mouse-display .vjs-time-tooltip {
1043
- color: #fff;
1044
- background-color: #000;
1045
- background-color: rgba(0, 0, 0, 0.8);
1046
- }
1047
-
1048
- .video-js .vjs-slider {
1049
- position: relative;
1050
- cursor: pointer;
1051
- padding: 0;
1052
- margin: 0 0.45em 0 0.45em;
1053
- /* iOS Safari */
1054
- -webkit-touch-callout: none;
1055
- /* Safari */
1056
- -webkit-user-select: none;
1057
- /* Konqueror HTML */
1058
- -khtml-user-select: none;
1059
- /* Firefox */
1060
- -moz-user-select: none;
1061
- /* Internet Explorer/Edge */
1062
- -ms-user-select: none;
1063
- /* Non-prefixed version, currently supported by Chrome and Opera */
1064
- user-select: none;
1065
- background-color: #73859f;
1066
- background-color: rgba(115, 133, 159, 0.5);
1067
- }
1068
-
1069
- .video-js .vjs-slider.disabled {
1070
- cursor: default;
1071
- }
1072
-
1073
- .video-js .vjs-slider:focus {
1074
- text-shadow: 0em 0em 1em white;
1075
- -webkit-box-shadow: 0 0 1em #fff;
1076
- -moz-box-shadow: 0 0 1em #fff;
1077
- box-shadow: 0 0 1em #fff;
1078
- }
1079
-
1080
- .video-js .vjs-mute-control {
1081
- cursor: pointer;
1082
- -webkit-box-flex: none;
1083
- -moz-box-flex: none;
1084
- -webkit-flex: none;
1085
- -ms-flex: none;
1086
- flex: none;
1087
- }
1088
- .video-js .vjs-volume-control {
1089
- cursor: pointer;
1090
- margin-right: 1em;
1091
- display: -webkit-box;
1092
- display: -webkit-flex;
1093
- display: -ms-flexbox;
1094
- display: flex;
1095
- }
1096
-
1097
- .video-js .vjs-volume-control.vjs-volume-horizontal {
1098
- width: 5em;
1099
- }
1100
-
1101
- .video-js .vjs-volume-panel .vjs-volume-control {
1102
- visibility: visible;
1103
- opacity: 0;
1104
- width: 1px;
1105
- height: 1px;
1106
- margin-left: -1px;
1107
- }
1108
-
1109
- .video-js .vjs-volume-panel {
1110
- -webkit-transition: width 1s;
1111
- -moz-transition: width 1s;
1112
- -ms-transition: width 1s;
1113
- -o-transition: width 1s;
1114
- transition: width 1s;
1115
- }
1116
- .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 {
1117
- visibility: visible;
1118
- opacity: 1;
1119
- position: relative;
1120
- -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1121
- -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1122
- -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1123
- -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1124
- transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1125
- }
1126
- .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 {
1127
- width: 5em;
1128
- height: 3em;
1129
- margin-right: 0;
1130
- }
1131
- .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 {
1132
- left: -3.5em;
1133
- -webkit-transition: left 0s;
1134
- -moz-transition: left 0s;
1135
- -ms-transition: left 0s;
1136
- -o-transition: left 0s;
1137
- transition: left 0s;
1138
- }
1139
- .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 {
1140
- width: 10em;
1141
- -webkit-transition: width 0.1s;
1142
- -moz-transition: width 0.1s;
1143
- -ms-transition: width 0.1s;
1144
- -o-transition: width 0.1s;
1145
- transition: width 0.1s;
1146
- }
1147
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1148
- width: 4em;
1149
- }
1150
-
1151
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1152
- height: 8em;
1153
- width: 3em;
1154
- left: -3000em;
1155
- -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1156
- -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1157
- -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1158
- -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1159
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1160
- }
1161
-
1162
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1163
- -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1164
- -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1165
- -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1166
- -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1167
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1168
- }
1169
-
1170
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1171
- width: 5em;
1172
- height: 3em;
1173
- visibility: visible;
1174
- opacity: 1;
1175
- position: relative;
1176
- -webkit-transition: none;
1177
- -moz-transition: none;
1178
- -ms-transition: none;
1179
- -o-transition: none;
1180
- transition: none;
1181
- }
1182
-
1183
- .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
1184
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1185
- position: absolute;
1186
- bottom: 3em;
1187
- left: 0.5em;
1188
- }
1189
-
1190
- .video-js .vjs-volume-panel {
1191
- display: -webkit-box;
1192
- display: -webkit-flex;
1193
- display: -ms-flexbox;
1194
- display: flex;
1195
- }
1196
-
1197
- .video-js .vjs-volume-bar {
1198
- margin: 1.35em 0.45em;
1199
- }
1200
-
1201
- .vjs-volume-bar.vjs-slider-horizontal {
1202
- width: 5em;
1203
- height: 0.3em;
1204
- }
1205
-
1206
- .vjs-volume-bar.vjs-slider-vertical {
1207
- width: 0.3em;
1208
- height: 5em;
1209
- margin: 1.35em auto;
1210
- }
1211
-
1212
- .video-js .vjs-volume-level {
1213
- position: absolute;
1214
- bottom: 0;
1215
- left: 0;
1216
- background-color: #fff;
1217
- }
1218
- .video-js .vjs-volume-level:before {
1219
- position: absolute;
1220
- font-size: 0.9em;
1221
- z-index: 1;
1222
- }
1223
-
1224
- .vjs-slider-vertical .vjs-volume-level {
1225
- width: 0.3em;
1226
- }
1227
- .vjs-slider-vertical .vjs-volume-level:before {
1228
- top: -0.5em;
1229
- left: -0.3em;
1230
- z-index: 1;
1231
- }
1232
-
1233
- .vjs-slider-horizontal .vjs-volume-level {
1234
- height: 0.3em;
1235
- }
1236
- .vjs-slider-horizontal .vjs-volume-level:before {
1237
- top: -0.3em;
1238
- right: -0.5em;
1239
- }
1240
-
1241
- .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1242
- width: 4em;
1243
- }
1244
-
1245
- .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1246
- height: 100%;
1247
- }
1248
-
1249
- .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1250
- width: 100%;
1251
- }
1252
-
1253
- .video-js .vjs-volume-vertical {
1254
- width: 3em;
1255
- height: 8em;
1256
- bottom: 8em;
1257
- background-color: #2B333F;
1258
- background-color: rgba(43, 51, 63, 0.7);
1259
- }
1260
-
1261
- .video-js .vjs-volume-horizontal .vjs-menu {
1262
- left: -2em;
1263
- }
1264
-
1265
- .video-js .vjs-volume-tooltip {
1266
- background-color: #fff;
1267
- background-color: rgba(255, 255, 255, 0.8);
1268
- -webkit-border-radius: 0.3em;
1269
- -moz-border-radius: 0.3em;
1270
- border-radius: 0.3em;
1271
- color: #000;
1272
- float: right;
1273
- font-family: Arial, Helvetica, sans-serif;
1274
- font-size: 1em;
1275
- padding: 6px 8px 8px 8px;
1276
- pointer-events: none;
1277
- position: absolute;
1278
- top: -3.4em;
1279
- visibility: hidden;
1280
- z-index: 1;
1281
- }
1282
-
1283
- .video-js .vjs-volume-control:hover .vjs-volume-tooltip,
1284
- .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1285
- display: block;
1286
- font-size: 1em;
1287
- visibility: visible;
1288
- }
1289
-
1290
- .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
1291
- .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1292
- left: 1em;
1293
- top: -12px;
1294
- }
1295
-
1296
- .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
1297
- font-size: 1em;
1298
- }
1299
-
1300
- .video-js .vjs-volume-control .vjs-mouse-display {
1301
- display: none;
1302
- position: absolute;
1303
- width: 100%;
1304
- height: 1px;
1305
- background-color: #000;
1306
- z-index: 1;
1307
- }
1308
-
1309
- .video-js .vjs-volume-horizontal .vjs-mouse-display {
1310
- width: 1px;
1311
- height: 100%;
1312
- }
1313
-
1314
- .vjs-no-flex .vjs-volume-control .vjs-mouse-display {
1315
- z-index: 0;
1316
- }
1317
-
1318
- .video-js .vjs-volume-control:hover .vjs-mouse-display {
1319
- display: block;
1320
- }
1321
-
1322
- .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
1323
- visibility: hidden;
1324
- opacity: 0;
1325
- -webkit-transition: visibility 1s, opacity 1s;
1326
- -moz-transition: visibility 1s, opacity 1s;
1327
- -ms-transition: visibility 1s, opacity 1s;
1328
- -o-transition: visibility 1s, opacity 1s;
1329
- transition: visibility 1s, opacity 1s;
1330
- }
1331
-
1332
- .video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
1333
- display: none;
1334
- }
1335
-
1336
- .vjs-mouse-display .vjs-volume-tooltip {
1337
- color: #fff;
1338
- background-color: #000;
1339
- background-color: rgba(0, 0, 0, 0.8);
1340
- }
1341
-
1342
- .vjs-poster {
1343
- display: inline-block;
1344
- vertical-align: middle;
1345
- background-repeat: no-repeat;
1346
- background-position: 50% 50%;
1347
- background-size: contain;
1348
- background-color: #000000;
1349
- cursor: pointer;
1350
- margin: 0;
1351
- padding: 0;
1352
- position: absolute;
1353
- top: 0;
1354
- right: 0;
1355
- bottom: 0;
1356
- left: 0;
1357
- height: 100%;
1358
- }
1359
-
1360
- .vjs-has-started .vjs-poster,
1361
- .vjs-using-native-controls .vjs-poster {
1362
- display: none;
1363
- }
1364
-
1365
- .vjs-audio.vjs-has-started .vjs-poster,
1366
- .vjs-has-started.vjs-audio-poster-mode .vjs-poster {
1367
- display: block;
1368
- }
1369
-
1370
- .video-js .vjs-live-control {
1371
- display: -webkit-box;
1372
- display: -webkit-flex;
1373
- display: -ms-flexbox;
1374
- display: flex;
1375
- -webkit-box-align: flex-start;
1376
- -webkit-align-items: flex-start;
1377
- -ms-flex-align: flex-start;
1378
- align-items: flex-start;
1379
- -webkit-box-flex: auto;
1380
- -moz-box-flex: auto;
1381
- -webkit-flex: auto;
1382
- -ms-flex: auto;
1383
- flex: auto;
1384
- font-size: 1em;
1385
- line-height: 3em;
1386
- }
1387
-
1388
- .vjs-no-flex .vjs-live-control {
1389
- display: table-cell;
1390
- width: auto;
1391
- text-align: left;
1392
- }
1393
-
1394
- .video-js:not(.vjs-live) .vjs-live-control,
1395
- .video-js.vjs-liveui .vjs-live-control {
1396
- display: none;
1397
- }
1398
-
1399
- .video-js .vjs-seek-to-live-control {
1400
- align-items: center;
1401
- cursor: pointer;
1402
- -webkit-box-flex: none;
1403
- -moz-box-flex: none;
1404
- -webkit-flex: none;
1405
- -ms-flex: none;
1406
- flex: none;
1407
- display: inline-flex;
1408
- height: 100%;
1409
- padding-left: 0.5em;
1410
- padding-right: 0.5em;
1411
- font-size: 1em;
1412
- line-height: 3em;
1413
- width: auto;
1414
- min-width: 4em;
1415
- }
1416
-
1417
- .vjs-no-flex .vjs-seek-to-live-control {
1418
- display: table-cell;
1419
- width: auto;
1420
- text-align: left;
1421
- }
1422
-
1423
- .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1424
- .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1425
- display: none;
1426
- }
1427
-
1428
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1429
- cursor: auto;
1430
- }
1431
-
1432
- .vjs-seek-to-live-control .vjs-icon-placeholder {
1433
- margin-right: 0.5em;
1434
- color: #888;
1435
- }
1436
-
1437
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1438
- color: red;
1439
- }
1440
-
1441
- .video-js .vjs-time-control {
1442
- -webkit-box-flex: none;
1443
- -moz-box-flex: none;
1444
- -webkit-flex: none;
1445
- -ms-flex: none;
1446
- flex: none;
1447
- font-size: 1em;
1448
- line-height: 3em;
1449
- min-width: 2em;
1450
- width: auto;
1451
- padding-left: 1em;
1452
- padding-right: 1em;
1453
- }
1454
-
1455
- .vjs-live .vjs-time-control {
1456
- display: none;
1457
- }
1458
-
1459
- .video-js .vjs-current-time,
1460
- .vjs-no-flex .vjs-current-time {
1461
- display: none;
1462
- }
1463
-
1464
- .video-js .vjs-duration,
1465
- .vjs-no-flex .vjs-duration {
1466
- display: none;
1467
- }
1468
-
1469
- .vjs-time-divider {
1470
- display: none;
1471
- line-height: 3em;
1472
- }
1473
-
1474
- .vjs-live .vjs-time-divider {
1475
- display: none;
1476
- }
1477
-
1478
- .video-js .vjs-play-control {
1479
- cursor: pointer;
1480
- }
1481
-
1482
- .video-js .vjs-play-control .vjs-icon-placeholder {
1483
- -webkit-box-flex: none;
1484
- -moz-box-flex: none;
1485
- -webkit-flex: none;
1486
- -ms-flex: none;
1487
- flex: none;
1488
- }
1489
-
1490
- .vjs-text-track-display {
1491
- position: absolute;
1492
- bottom: 3em;
1493
- left: 0;
1494
- right: 0;
1495
- top: 0;
1496
- pointer-events: none;
1497
- }
1498
-
1499
- .video-js.vjs-controls-disabled .vjs-text-track-display,
1500
- .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1501
- bottom: 1em;
1502
- }
1503
-
1504
- .video-js .vjs-text-track {
1505
- font-size: 1.4em;
1506
- text-align: center;
1507
- margin-bottom: 0.1em;
1508
- }
1509
-
1510
- .vjs-subtitles {
1511
- color: #fff;
1512
- }
1513
-
1514
- .vjs-captions {
1515
- color: #fc6;
1516
- }
1517
-
1518
- .vjs-tt-cue {
1519
- display: block;
1520
- }
1521
-
1522
- video::-webkit-media-text-track-display {
1523
- -moz-transform: translateY(-3em);
1524
- -ms-transform: translateY(-3em);
1525
- -o-transform: translateY(-3em);
1526
- -webkit-transform: translateY(-3em);
1527
- transform: translateY(-3em);
1528
- }
1529
-
1530
- .video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
1531
- .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1532
- -moz-transform: translateY(-1.5em);
1533
- -ms-transform: translateY(-1.5em);
1534
- -o-transform: translateY(-1.5em);
1535
- -webkit-transform: translateY(-1.5em);
1536
- transform: translateY(-1.5em);
1537
- }
1538
-
1539
- .video-js .vjs-picture-in-picture-control {
1540
- cursor: pointer;
1541
- -webkit-box-flex: none;
1542
- -moz-box-flex: none;
1543
- -webkit-flex: none;
1544
- -ms-flex: none;
1545
- flex: none;
1546
- }
1547
- .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
1548
- display: none;
1549
- }
1550
-
1551
- .video-js .vjs-fullscreen-control {
1552
- cursor: pointer;
1553
- -webkit-box-flex: none;
1554
- -moz-box-flex: none;
1555
- -webkit-flex: none;
1556
- -ms-flex: none;
1557
- flex: none;
1558
- }
1559
- .video-js.vjs-audio-only-mode .vjs-fullscreen-control {
1560
- display: none;
1561
- }
1562
-
1563
- .vjs-playback-rate > .vjs-menu-button,
1564
- .vjs-playback-rate .vjs-playback-rate-value {
1565
- position: absolute;
1566
- top: 0;
1567
- left: 0;
1568
- width: 100%;
1569
- height: 100%;
1570
- }
1571
-
1572
- .vjs-playback-rate .vjs-playback-rate-value {
1573
- pointer-events: none;
1574
- font-size: 1.5em;
1575
- line-height: 2;
1576
- text-align: center;
1577
- }
1578
-
1579
- .vjs-playback-rate .vjs-menu {
1580
- width: 4em;
1581
- left: 0em;
1582
- }
1583
-
1584
- .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1585
- font-size: 1.4em;
1586
- text-align: center;
1587
- }
1588
-
1589
- .vjs-error .vjs-error-display:before {
1590
- color: #fff;
1591
- content: "X";
1592
- font-family: Arial, Helvetica, sans-serif;
1593
- font-size: 4em;
1594
- left: 0;
1595
- line-height: 1;
1596
- margin-top: -0.5em;
1597
- position: absolute;
1598
- text-shadow: 0.05em 0.05em 0.1em #000;
1599
- text-align: center;
1600
- top: 50%;
1601
- vertical-align: middle;
1602
- width: 100%;
1603
- }
1604
-
1605
- .vjs-loading-spinner {
1606
- display: none;
1607
- position: absolute;
1608
- top: 50%;
1609
- left: 50%;
1610
- margin: -25px 0 0 -25px;
1611
- opacity: 0.85;
1612
- text-align: left;
1613
- border: 6px solid rgba(43, 51, 63, 0.7);
1614
- box-sizing: border-box;
1615
- background-clip: padding-box;
1616
- width: 50px;
1617
- height: 50px;
1618
- border-radius: 25px;
1619
- visibility: hidden;
1620
- }
1621
-
1622
- .vjs-seeking .vjs-loading-spinner,
1623
- .vjs-waiting .vjs-loading-spinner {
1624
- display: block;
1625
- animation: vjs-spinner-show 0s linear 0.3s forwards;
1626
- }
1627
-
1628
- .vjs-loading-spinner:before,
1629
- .vjs-loading-spinner:after {
1630
- content: "";
1631
- position: absolute;
1632
- margin: -6px;
1633
- box-sizing: inherit;
1634
- width: inherit;
1635
- height: inherit;
1636
- border-radius: inherit;
1637
- opacity: 1;
1638
- border: inherit;
1639
- border-color: transparent;
1640
- border-top-color: white;
1641
- }
1642
-
1643
- .vjs-seeking .vjs-loading-spinner:before,
1644
- .vjs-seeking .vjs-loading-spinner:after,
1645
- .vjs-waiting .vjs-loading-spinner:before,
1646
- .vjs-waiting .vjs-loading-spinner:after {
1647
- -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1648
- animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1649
- }
1650
-
1651
- .vjs-seeking .vjs-loading-spinner:before,
1652
- .vjs-waiting .vjs-loading-spinner:before {
1653
- border-top-color: rgb(255, 255, 255);
1654
- }
1655
-
1656
- .vjs-seeking .vjs-loading-spinner:after,
1657
- .vjs-waiting .vjs-loading-spinner:after {
1658
- border-top-color: rgb(255, 255, 255);
1659
- -webkit-animation-delay: 0.44s;
1660
- animation-delay: 0.44s;
1661
- }
1662
-
1663
- @keyframes vjs-spinner-show {
1664
- to {
1665
- visibility: visible;
1666
- }
1667
- }
1668
- @-webkit-keyframes vjs-spinner-show {
1669
- to {
1670
- visibility: visible;
1671
- }
1672
- }
1673
- @keyframes vjs-spinner-spin {
1674
- 100% {
1675
- transform: rotate(360deg);
1676
- }
1677
- }
1678
- @-webkit-keyframes vjs-spinner-spin {
1679
- 100% {
1680
- -webkit-transform: rotate(360deg);
1681
- }
1682
- }
1683
- @keyframes vjs-spinner-fade {
1684
- 0% {
1685
- border-top-color: #73859f;
1686
- }
1687
- 20% {
1688
- border-top-color: #73859f;
1689
- }
1690
- 35% {
1691
- border-top-color: white;
1692
- }
1693
- 60% {
1694
- border-top-color: #73859f;
1695
- }
1696
- 100% {
1697
- border-top-color: #73859f;
1698
- }
1699
- }
1700
- @-webkit-keyframes vjs-spinner-fade {
1701
- 0% {
1702
- border-top-color: #73859f;
1703
- }
1704
- 20% {
1705
- border-top-color: #73859f;
1706
- }
1707
- 35% {
1708
- border-top-color: white;
1709
- }
1710
- 60% {
1711
- border-top-color: #73859f;
1712
- }
1713
- 100% {
1714
- border-top-color: #73859f;
1715
- }
1716
- }
1717
- .video-js.vjs-audio-only-mode .vjs-captions-button {
1718
- display: none;
1719
- }
1720
-
1721
- .vjs-chapters-button .vjs-menu ul {
1722
- width: 24em;
1723
- }
1724
-
1725
- .video-js.vjs-audio-only-mode .vjs-descriptions-button {
1726
- display: none;
1727
- }
1728
-
1729
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1730
- vertical-align: middle;
1731
- display: inline-block;
1732
- margin-bottom: -0.1em;
1733
- }
1734
-
1735
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1736
- font-family: VideoJS;
1737
- content: "\f10d";
1738
- font-size: 1.5em;
1739
- line-height: inherit;
1740
- }
1741
-
1742
- .video-js.vjs-audio-only-mode .vjs-subs-caps-button {
1743
- display: none;
1744
- }
1745
-
1746
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1747
- vertical-align: middle;
1748
- display: inline-block;
1749
- margin-bottom: -0.1em;
1750
- }
1751
-
1752
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1753
- font-family: VideoJS;
1754
- content: " \f11d";
1755
- font-size: 1.5em;
1756
- line-height: inherit;
1757
- }
1758
-
1759
- .video-js.vjs-layout-small .vjs-current-time,
1760
- .video-js.vjs-layout-small .vjs-time-divider,
1761
- .video-js.vjs-layout-small .vjs-duration,
1762
- .video-js.vjs-layout-small .vjs-remaining-time,
1763
- .video-js.vjs-layout-small .vjs-playback-rate,
1764
- .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
1765
- .video-js.vjs-layout-x-small .vjs-time-divider,
1766
- .video-js.vjs-layout-x-small .vjs-duration,
1767
- .video-js.vjs-layout-x-small .vjs-remaining-time,
1768
- .video-js.vjs-layout-x-small .vjs-playback-rate,
1769
- .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
1770
- .video-js.vjs-layout-tiny .vjs-time-divider,
1771
- .video-js.vjs-layout-tiny .vjs-duration,
1772
- .video-js.vjs-layout-tiny .vjs-remaining-time,
1773
- .video-js.vjs-layout-tiny .vjs-playback-rate,
1774
- .video-js.vjs-layout-tiny .vjs-volume-control {
1775
- display: none;
1776
- }
1777
- .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 {
1778
- width: auto;
1779
- width: initial;
1780
- }
1781
- .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
1782
- display: none;
1783
- }
1784
- .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
1785
- -webkit-box-flex: auto;
1786
- -moz-box-flex: auto;
1787
- -webkit-flex: auto;
1788
- -ms-flex: auto;
1789
- flex: auto;
1790
- display: block;
1791
- }
1792
- .video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
1793
- width: auto;
1794
- }
1795
-
1796
- .vjs-modal-dialog.vjs-text-track-settings {
1797
- background-color: #2B333F;
1798
- background-color: rgba(43, 51, 63, 0.75);
1799
- color: #fff;
1800
- height: 70%;
1801
- }
1802
-
1803
- .vjs-text-track-settings .vjs-modal-dialog-content {
1804
- display: table;
1805
- }
1806
-
1807
- .vjs-text-track-settings .vjs-track-settings-colors,
1808
- .vjs-text-track-settings .vjs-track-settings-font,
1809
- .vjs-text-track-settings .vjs-track-settings-controls {
1810
- display: table-cell;
1811
- }
1812
-
1813
- .vjs-text-track-settings .vjs-track-settings-controls {
1814
- text-align: right;
1815
- vertical-align: bottom;
1816
- }
1817
-
1818
- @supports (display: grid) {
1819
- .vjs-text-track-settings .vjs-modal-dialog-content {
1820
- display: grid;
1821
- grid-template-columns: 1fr 1fr;
1822
- grid-template-rows: 1fr;
1823
- padding: 20px 24px 0px 24px;
1824
- }
1825
- .vjs-track-settings-controls .vjs-default-button {
1826
- margin-bottom: 20px;
1827
- }
1828
- .vjs-text-track-settings .vjs-track-settings-controls {
1829
- grid-column: 1/-1;
1830
- }
1831
- .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1832
- .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1833
- .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1834
- grid-template-columns: 1fr;
1835
- }
1836
- }
1837
- .vjs-track-setting > select {
1838
- margin-right: 1em;
1839
- margin-bottom: 0.5em;
1840
- }
1841
-
1842
- .vjs-text-track-settings fieldset {
1843
- margin: 5px;
1844
- padding: 3px;
1845
- border: none;
1846
- }
1847
-
1848
- .vjs-text-track-settings fieldset span {
1849
- display: inline-block;
1850
- }
1851
-
1852
- .vjs-text-track-settings fieldset span > select {
1853
- max-width: 7.3em;
1854
- }
1855
-
1856
- .vjs-text-track-settings legend {
1857
- color: #fff;
1858
- margin: 0 0 5px 0;
1859
- }
1860
-
1861
- .vjs-text-track-settings .vjs-label {
1862
- position: absolute;
1863
- clip: rect(1px 1px 1px 1px);
1864
- clip: rect(1px, 1px, 1px, 1px);
1865
- display: block;
1866
- margin: 0 0 5px 0;
1867
- padding: 0;
1868
- border: 0;
1869
- height: 1px;
1870
- width: 1px;
1871
- overflow: hidden;
1872
- }
1873
-
1874
- .vjs-track-settings-controls button:focus,
1875
- .vjs-track-settings-controls button:active {
1876
- outline-style: solid;
1877
- outline-width: medium;
1878
- background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
1879
- }
1880
-
1881
- .vjs-track-settings-controls button:hover {
1882
- color: rgba(43, 51, 63, 0.75);
1883
- }
1884
-
1885
- .vjs-track-settings-controls button {
1886
- background-color: #fff;
1887
- background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1888
- color: #2B333F;
1889
- cursor: pointer;
1890
- border-radius: 2px;
1891
- }
1892
-
1893
- .vjs-track-settings-controls .vjs-default-button {
1894
- margin-right: 1em;
1895
- }
1896
-
1897
- @media print {
1898
- .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1899
- visibility: hidden;
1900
- }
1901
- }
1902
- .vjs-resize-manager {
1903
- position: absolute;
1904
- top: 0;
1905
- left: 0;
1906
- width: 100%;
1907
- height: 100%;
1908
- border: none;
1909
- z-index: -1000;
1910
- }
1911
-
1912
- .js-focus-visible .video-js *:focus:not(.focus-visible) {
1913
- outline: none;
1914
- }
1915
-
1916
- .video-js *:focus:not(:focus-visible) {
1917
- outline: none;
1918
- }
1919
-
1
+ @import '~video.js/dist/video-js.css';
1920
2
  textarea, select, input, button, video {
1921
3
  outline: none;
1922
4
  }