@vidispine/vdt-videojs-react 21.4.0-pre.2 → 22.1.0-pre.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -7
- package/dist/index.es.js +37 -195
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +70 -219
- package/dist/index.js.map +1 -1
- package/package.json +28 -42
- package/dist/index.css +0 -2324
package/README.md
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
See [documentation](https://vidispine.github.io/vdt) for more detail.
|
|
4
4
|
|
|
5
5
|
## `<VideoPlayer />`
|
|
6
|
+
|
|
6
7
|
```
|
|
7
8
|
import { VideoPlayer } from '@vidispine/vdt-react';
|
|
8
9
|
import '@vidispine/vdt-react/dist/index.css';
|
|
@@ -10,22 +11,20 @@ import '@vidispine/vdt-react/dist/index.css';
|
|
|
10
11
|
|
|
11
12
|
|
|
12
13
|
|
|
13
|
-
|
|
14
14
|
A wrapper for vdt-videojs player.
|
|
15
15
|
|
|
16
16
|
See [vdt-videojs](https://github.com/vidispine/vdt/tree/development/packages/vdt-videojs) for available Class instance methods that can be used via the `ref` / additional info.
|
|
17
17
|
|
|
18
|
-
|
|
19
18
|
## `<VideoControls />`
|
|
20
|
-
`import { VideoControls } from '@vidispine/vdt-videojs-react';`
|
|
21
19
|
|
|
20
|
+
`import { VideoControls } from '@vidispine/vdt-videojs-react';`
|
|
22
21
|
|
|
23
22
|
|
|
24
23
|
|
|
25
|
-
|
|
26
24
|
Custom external controls for controlling a vdt-videojs Player instance.
|
|
27
25
|
|
|
28
26
|
### Props
|
|
27
|
+
|
|
29
28
|
<table>
|
|
30
29
|
<thead>
|
|
31
30
|
<tr style="font-weight: bold;">
|
|
@@ -52,8 +51,8 @@ Custom external controls for controlling a vdt-videojs Player instance.
|
|
|
52
51
|
</table>
|
|
53
52
|
<br />
|
|
54
53
|
|
|
55
|
-
|
|
56
54
|
## `<VideoSeekBar />`
|
|
55
|
+
|
|
57
56
|
`import { VideoSeekBar } from '@vidispine/vdt-videojs-react';`
|
|
58
57
|
|
|
59
58
|
|
|
@@ -151,7 +150,6 @@ it does not host any logic or concept of framerates regarding the video source i
|
|
|
151
150
|
|
|
152
151
|
TimeCodeDisplay is really good at rendering numbers and handling input, and is purpose made <u>just</u> for that.
|
|
153
152
|
|
|
154
|
-
|
|
155
153
|
The HTML markup that `VideoTimeCode` outputs is quite minimal and looks like this:
|
|
156
154
|
|
|
157
155
|
```
|
|
@@ -179,7 +177,7 @@ CSS to style it could be as short as:
|
|
|
179
177
|
|
|
180
178
|
```
|
|
181
179
|
// use specific selectors to avoid colissions with in-player timecode
|
|
182
|
-
.some-div > .vdt-timecode{
|
|
180
|
+
.some-div > .vdt-timecode{
|
|
183
181
|
margin: 25px auto;
|
|
184
182
|
width: 320px;
|
|
185
183
|
border: 1px solid #777;
|
package/dist/index.es.js
CHANGED
|
@@ -1,204 +1,32 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
|
|
4
|
+
import _createClass from '@babel/runtime/helpers/createClass';
|
|
5
|
+
import _inherits from '@babel/runtime/helpers/inherits';
|
|
6
|
+
import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
|
|
7
|
+
import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
|
|
1
8
|
import React from 'react';
|
|
2
9
|
import { Player, ExternalControls, SeekBar, TimeCodeDisplay } from '@vidispine/vdt-videojs';
|
|
3
10
|
|
|
4
|
-
function
|
|
5
|
-
var keys = Object.keys(object);
|
|
11
|
+
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
6
12
|
|
|
7
|
-
if (Object.getOwnPropertySymbols) {
|
|
8
|
-
|
|
13
|
+
var css = "/* This will be injected into the bundle by rollup\nNote: Storybook can't resolve \"@import '@vidispine/vdt-videojs/dist/index.css';\"\n*/\n.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 {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n text-align: center;\n}\n@font-face {\n font-family: VideoJS;\n src: url(data:application/font-woff;charset=utf-8;base64,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) format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n content: \"\\f101\";\n}\n.vjs-icon-play-circle {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play-circle:before {\n content: \"\\f102\";\n}\n.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {\n content: \"\\f103\";\n}\n.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {\n content: \"\\f104\";\n}\n.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {\n content: \"\\f105\";\n}\n.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {\n content: \"\\f106\";\n}\n.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {\n content: \"\\f107\";\n}\n.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {\n content: \"\\f108\";\n}\n.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {\n content: \"\\f109\";\n}\n.vjs-icon-square {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-square:before {\n content: \"\\f10a\";\n}\n.vjs-icon-spinner {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-spinner:before {\n content: \"\\f10b\";\n}\n.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {\n content: \"\\f10c\";\n}\n.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {\n content: \"\\f10d\";\n}\n.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {\n content: \"\\f10e\";\n}\n.vjs-icon-share {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-share:before {\n content: \"\\f10f\";\n}\n.vjs-icon-cog {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-cog:before {\n content: \"\\f110\";\n}\n.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.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 {\n content: \"\\f111\";\n}\n.vjs-icon-circle-outline {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-circle-outline:before {\n content: \"\\f112\";\n}\n.vjs-icon-circle-inner-circle {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-circle-inner-circle:before {\n content: \"\\f113\";\n}\n.vjs-icon-hd {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-hd:before {\n content: \"\\f114\";\n}\n.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {\n content: \"\\f115\";\n}\n.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {\n content: \"\\f116\";\n}\n.vjs-icon-facebook {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-facebook:before {\n content: \"\\f117\";\n}\n.vjs-icon-gplus {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-gplus:before {\n content: \"\\f118\";\n}\n.vjs-icon-linkedin {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-linkedin:before {\n content: \"\\f119\";\n}\n.vjs-icon-twitter {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-twitter:before {\n content: \"\\f11a\";\n}\n.vjs-icon-tumblr {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-tumblr:before {\n content: \"\\f11b\";\n}\n.vjs-icon-pinterest {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-pinterest:before {\n content: \"\\f11c\";\n}\n.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {\n content: \"\\f11d\";\n}\n.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {\n content: \"\\f11e\";\n}\n.vjs-icon-next-item {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-next-item:before {\n content: \"\\f11f\";\n}\n.vjs-icon-previous-item {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-previous-item:before {\n content: \"\\f120\";\n}\n.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {\n content: \"\\f121\";\n}\n.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {\n content: \"\\f122\";\n}\n.video-js {\n display: block;\n vertical-align: top;\n box-sizing: border-box;\n color: #fff;\n background-color: #000;\n position: relative;\n padding: 0;\n font-size: 10px;\n line-height: 1;\n font-weight: normal;\n font-style: normal;\n font-family: Arial, Helvetica, sans-serif;\n word-break: initial;\n}\n.video-js:-moz-full-screen {\n position: absolute;\n}\n.video-js:-webkit-full-screen {\n width: 100% !important;\n height: 100% !important;\n}\n.video-js[tabindex=\"-1\"] {\n outline: none;\n}\n.video-js *,\n.video-js *:before,\n.video-js *:after {\n box-sizing: inherit;\n}\n.video-js ul {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n list-style-position: outside;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n.video-js.vjs-fluid,\n.video-js.vjs-16-9,\n.video-js.vjs-4-3,\n.video-js.vjs-9-16,\n.video-js.vjs-1-1 {\n width: 100%;\n max-width: 100%;\n height: 0;\n}\n.video-js.vjs-16-9 {\n padding-top: 56.25%;\n}\n.video-js.vjs-4-3 {\n padding-top: 75%;\n}\n.video-js.vjs-9-16 {\n padding-top: 177.7777777778%;\n}\n.video-js.vjs-1-1 {\n padding-top: 100%;\n}\n.video-js.vjs-fill {\n width: 100%;\n height: 100%;\n}\n.video-js .vjs-tech {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\nbody.vjs-full-window {\n padding: 0;\n margin: 0;\n height: 100%;\n}\n.vjs-full-window .video-js.vjs-fullscreen {\n position: fixed;\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n}\n.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {\n width: 100% !important;\n height: 100% !important;\n padding-top: 0 !important;\n}\n.video-js.vjs-fullscreen.vjs-user-inactive {\n cursor: none;\n}\n.vjs-hidden {\n display: none !important;\n}\n.vjs-disabled {\n opacity: 0.5;\n cursor: default;\n}\n.video-js .vjs-offscreen {\n height: 1px;\n left: -9999px;\n position: absolute;\n top: 0;\n width: 1px;\n}\n.vjs-lock-showing {\n display: block !important;\n opacity: 1 !important;\n visibility: visible !important;\n}\n.vjs-no-js {\n padding: 20px;\n color: #fff;\n background-color: #000;\n font-size: 18px;\n font-family: Arial, Helvetica, sans-serif;\n text-align: center;\n width: 300px;\n height: 150px;\n margin: 0px auto;\n}\n.vjs-no-js a,\n.vjs-no-js a:visited {\n color: #66A8CC;\n}\n.video-js .vjs-big-play-button {\n font-size: 3em;\n line-height: 1.5em;\n height: 1.63332em;\n width: 3em;\n display: block;\n position: absolute;\n top: 10px;\n left: 10px;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n border: 0.06666em solid #fff;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n}\n.vjs-big-play-centered .vjs-big-play-button {\n top: 50%;\n left: 50%;\n margin-top: -0.81666em;\n margin-left: -1.5em;\n}\n.video-js:hover .vjs-big-play-button,\n.video-js .vjs-big-play-button:focus {\n border-color: #fff;\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n -webkit-transition: all 0s;\n -moz-transition: all 0s;\n -ms-transition: all 0s;\n -o-transition: all 0s;\n transition: all 0s;\n}\n.vjs-controls-disabled .vjs-big-play-button,\n.vjs-has-started .vjs-big-play-button,\n.vjs-using-native-controls .vjs-big-play-button,\n.vjs-error .vjs-big-play-button {\n display: none;\n}\n.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {\n display: block;\n}\n.video-js button {\n background: none;\n border: none;\n color: inherit;\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n text-decoration: none;\n transition: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.vjs-control .vjs-button {\n width: 100%;\n height: 100%;\n}\n.video-js .vjs-control.vjs-close-button {\n cursor: pointer;\n height: 3em;\n position: absolute;\n right: 0;\n top: 0.5em;\n z-index: 2;\n}\n.video-js .vjs-modal-dialog {\n background: rgba(0, 0, 0, 0.8);\n background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));\n overflow: auto;\n}\n.video-js .vjs-modal-dialog > * {\n box-sizing: border-box;\n}\n.vjs-modal-dialog .vjs-modal-dialog-content {\n font-size: 1.2em;\n line-height: 1.5;\n padding: 20px 24px;\n z-index: 1;\n}\n.vjs-menu-button {\n cursor: pointer;\n}\n.vjs-menu-button.vjs-disabled {\n cursor: default;\n}\n.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {\n display: none;\n}\n.vjs-menu .vjs-menu-content {\n display: block;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n overflow: auto;\n}\n.vjs-menu .vjs-menu-content > * {\n box-sizing: border-box;\n}\n.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {\n display: none;\n}\n.vjs-menu li {\n list-style: none;\n margin: 0;\n padding: 0.2em 0;\n line-height: 1.4em;\n font-size: 1.2em;\n text-align: center;\n text-transform: lowercase;\n}\n.vjs-menu li.vjs-menu-item:focus,\n.vjs-menu li.vjs-menu-item:hover,\n.js-focus-visible .vjs-menu li.vjs-menu-item:hover {\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n}\n.vjs-menu li.vjs-selected,\n.vjs-menu li.vjs-selected:focus,\n.vjs-menu li.vjs-selected:hover,\n.js-focus-visible .vjs-menu li.vjs-selected:hover {\n background-color: #fff;\n color: #2B333F;\n}\n.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),\n.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {\n background: none;\n}\n.vjs-menu li.vjs-menu-title {\n text-align: center;\n text-transform: uppercase;\n font-size: 1em;\n line-height: 2em;\n padding: 0;\n margin: 0 0 0.3em 0;\n font-weight: bold;\n cursor: default;\n}\n.vjs-menu-button-popup .vjs-menu {\n display: none;\n position: absolute;\n bottom: 0;\n width: 10em;\n left: -3em;\n height: 0em;\n margin-bottom: 1.5em;\n border-top-color: rgba(43, 51, 63, 0.7);\n}\n.vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n position: absolute;\n width: 100%;\n bottom: 1.5em;\n max-height: 15em;\n}\n.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 5em;\n}\n.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 10em;\n}\n.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 14em;\n}\n.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 25em;\n}\n.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,\n.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {\n display: block;\n}\n.video-js .vjs-menu-button-inline {\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n overflow: hidden;\n}\n.video-js .vjs-menu-button-inline:before {\n width: 2.222222222em;\n}\n.video-js .vjs-menu-button-inline:hover,\n.video-js .vjs-menu-button-inline:focus,\n.video-js .vjs-menu-button-inline.vjs-slider-active,\n.video-js.vjs-no-flex .vjs-menu-button-inline {\n width: 12em;\n}\n.vjs-menu-button-inline .vjs-menu {\n opacity: 0;\n height: 100%;\n width: auto;\n position: absolute;\n left: 4em;\n top: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n}\n.vjs-menu-button-inline:hover .vjs-menu,\n.vjs-menu-button-inline:focus .vjs-menu,\n.vjs-menu-button-inline.vjs-slider-active .vjs-menu {\n display: block;\n opacity: 1;\n}\n.vjs-no-flex .vjs-menu-button-inline .vjs-menu {\n display: block;\n opacity: 1;\n position: relative;\n width: auto;\n}\n.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,\n.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,\n.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {\n width: auto;\n}\n.vjs-menu-button-inline .vjs-menu-content {\n width: auto;\n height: 100%;\n margin: 0;\n overflow: hidden;\n}\n.video-js .vjs-control-bar {\n display: none;\n width: 100%;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 3em;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n}\n.vjs-has-started .vjs-control-bar {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n visibility: visible;\n opacity: 1;\n -webkit-transition: visibility 0.1s, opacity 0.1s;\n -moz-transition: visibility 0.1s, opacity 0.1s;\n -ms-transition: visibility 0.1s, opacity 0.1s;\n -o-transition: visibility 0.1s, opacity 0.1s;\n transition: visibility 0.1s, opacity 0.1s;\n}\n.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {\n visibility: visible;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n.vjs-controls-disabled .vjs-control-bar,\n.vjs-using-native-controls .vjs-control-bar,\n.vjs-error .vjs-control-bar {\n display: none !important;\n}\n.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {\n opacity: 1;\n visibility: visible;\n}\n.vjs-has-started.vjs-no-flex .vjs-control-bar {\n display: table;\n}\n.video-js .vjs-control {\n position: relative;\n text-align: center;\n margin: 0;\n padding: 0;\n height: 100%;\n width: 4em;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.vjs-button > .vjs-icon-placeholder:before {\n font-size: 1.8em;\n line-height: 1.67;\n}\n.vjs-button > .vjs-icon-placeholder {\n display: block;\n}\n.video-js .vjs-control:focus:before,\n.video-js .vjs-control:hover:before,\n.video-js .vjs-control:focus {\n text-shadow: 0em 0em 1em white;\n}\n.video-js .vjs-control-text {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n.vjs-no-flex .vjs-control {\n display: table-cell;\n vertical-align: middle;\n}\n.video-js .vjs-custom-control-spacer {\n display: none;\n}\n.video-js .vjs-progress-control {\n cursor: pointer;\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n min-width: 4em;\n touch-action: none;\n}\n.video-js .vjs-progress-control.disabled {\n cursor: default;\n}\n.vjs-live .vjs-progress-control {\n display: none;\n}\n.vjs-liveui .vjs-progress-control {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.vjs-no-flex .vjs-progress-control {\n width: auto;\n}\n.video-js .vjs-progress-holder {\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -ms-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n height: 0.3em;\n}\n.video-js .vjs-progress-control .vjs-progress-holder {\n margin: 0 10px;\n}\n.video-js .vjs-progress-control:hover .vjs-progress-holder {\n font-size: 1.6666666667em;\n}\n.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {\n font-size: 1em;\n}\n.video-js .vjs-progress-holder .vjs-play-progress,\n.video-js .vjs-progress-holder .vjs-load-progress,\n.video-js .vjs-progress-holder .vjs-load-progress div {\n position: absolute;\n display: block;\n height: 100%;\n margin: 0;\n padding: 0;\n width: 0;\n}\n.video-js .vjs-play-progress {\n background-color: #fff;\n}\n.video-js .vjs-play-progress:before {\n font-size: 0.9em;\n position: absolute;\n right: -0.5em;\n top: -0.3333333333em;\n z-index: 1;\n}\n.video-js .vjs-load-progress {\n background: rgba(115, 133, 159, 0.5);\n}\n.video-js .vjs-load-progress div {\n background: rgba(115, 133, 159, 0.75);\n}\n.video-js .vjs-time-tooltip {\n background-color: #fff;\n background-color: rgba(255, 255, 255, 0.8);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n color: #000;\n float: right;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 1em;\n padding: 6px 8px 8px 8px;\n pointer-events: none;\n position: absolute;\n top: -3.4em;\n visibility: hidden;\n z-index: 1;\n}\n.video-js .vjs-progress-holder:focus .vjs-time-tooltip {\n display: none;\n}\n.video-js .vjs-progress-control:hover .vjs-time-tooltip,\n.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {\n display: block;\n font-size: 0.6em;\n visibility: visible;\n}\n.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {\n font-size: 1em;\n}\n.video-js .vjs-progress-control .vjs-mouse-display {\n display: none;\n position: absolute;\n width: 1px;\n height: 100%;\n background-color: #000;\n z-index: 1;\n}\n.vjs-no-flex .vjs-progress-control .vjs-mouse-display {\n z-index: 0;\n}\n.video-js .vjs-progress-control:hover .vjs-mouse-display {\n display: block;\n}\n.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {\n display: none;\n}\n.vjs-mouse-display .vjs-time-tooltip {\n color: #fff;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.8);\n}\n.video-js .vjs-slider {\n position: relative;\n cursor: pointer;\n padding: 0;\n margin: 0 0.45em 0 0.45em;\n /* iOS Safari */\n -webkit-touch-callout: none;\n /* Safari */\n -webkit-user-select: none;\n /* Konqueror HTML */\n -khtml-user-select: none;\n /* Firefox */\n -moz-user-select: none;\n /* Internet Explorer/Edge */\n -ms-user-select: none;\n /* Non-prefixed version, currently supported by Chrome and Opera */\n user-select: none;\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n}\n.video-js .vjs-slider.disabled {\n cursor: default;\n}\n.video-js .vjs-slider:focus {\n text-shadow: 0em 0em 1em white;\n -webkit-box-shadow: 0 0 1em #fff;\n -moz-box-shadow: 0 0 1em #fff;\n box-shadow: 0 0 1em #fff;\n}\n.video-js .vjs-mute-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js .vjs-volume-control {\n cursor: pointer;\n margin-right: 1em;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.video-js .vjs-volume-control.vjs-volume-horizontal {\n width: 5em;\n}\n.video-js .vjs-volume-panel .vjs-volume-control {\n visibility: visible;\n opacity: 0;\n width: 1px;\n height: 1px;\n margin-left: -1px;\n}\n.video-js .vjs-volume-panel {\n -webkit-transition: width 1s;\n -moz-transition: width 1s;\n -ms-transition: width 1s;\n -o-transition: width 1s;\n transition: width 1s;\n}\n.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 {\n visibility: visible;\n opacity: 1;\n position: relative;\n -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n}\n.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 {\n width: 5em;\n height: 3em;\n margin-right: 0;\n}\n.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 {\n left: -3.5em;\n -webkit-transition: left 0s;\n -moz-transition: left 0s;\n -ms-transition: left 0s;\n -o-transition: left 0s;\n transition: left 0s;\n}\n.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 {\n width: 10em;\n -webkit-transition: width 0.1s;\n -moz-transition: width 0.1s;\n -ms-transition: width 0.1s;\n -o-transition: width 0.1s;\n transition: width 0.1s;\n}\n.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {\n width: 4em;\n}\n.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {\n height: 8em;\n width: 3em;\n left: -3000em;\n -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n}\n.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {\n -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n}\n.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {\n width: 5em;\n height: 3em;\n visibility: visible;\n opacity: 1;\n position: relative;\n -webkit-transition: none;\n -moz-transition: none;\n -ms-transition: none;\n -o-transition: none;\n transition: none;\n}\n.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,\n.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {\n position: absolute;\n bottom: 3em;\n left: 0.5em;\n}\n.video-js .vjs-volume-panel {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.video-js .vjs-volume-bar {\n margin: 1.35em 0.45em;\n}\n.vjs-volume-bar.vjs-slider-horizontal {\n width: 5em;\n height: 0.3em;\n}\n.vjs-volume-bar.vjs-slider-vertical {\n width: 0.3em;\n height: 5em;\n margin: 1.35em auto;\n}\n.video-js .vjs-volume-level {\n position: absolute;\n bottom: 0;\n left: 0;\n background-color: #fff;\n}\n.video-js .vjs-volume-level:before {\n position: absolute;\n font-size: 0.9em;\n z-index: 1;\n}\n.vjs-slider-vertical .vjs-volume-level {\n width: 0.3em;\n}\n.vjs-slider-vertical .vjs-volume-level:before {\n top: -0.5em;\n left: -0.3em;\n z-index: 1;\n}\n.vjs-slider-horizontal .vjs-volume-level {\n height: 0.3em;\n}\n.vjs-slider-horizontal .vjs-volume-level:before {\n top: -0.3em;\n right: -0.5em;\n}\n.video-js .vjs-volume-panel.vjs-volume-panel-vertical {\n width: 4em;\n}\n.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {\n height: 100%;\n}\n.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {\n width: 100%;\n}\n.video-js .vjs-volume-vertical {\n width: 3em;\n height: 8em;\n bottom: 8em;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n}\n.video-js .vjs-volume-horizontal .vjs-menu {\n left: -2em;\n}\n.video-js .vjs-volume-tooltip {\n background-color: #fff;\n background-color: rgba(255, 255, 255, 0.8);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n color: #000;\n float: right;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 1em;\n padding: 6px 8px 8px 8px;\n pointer-events: none;\n position: absolute;\n top: -3.4em;\n visibility: hidden;\n z-index: 1;\n}\n.video-js .vjs-volume-control:hover .vjs-volume-tooltip,\n.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {\n display: block;\n font-size: 1em;\n visibility: visible;\n}\n.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,\n.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {\n left: 1em;\n top: -12px;\n}\n.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {\n font-size: 1em;\n}\n.video-js .vjs-volume-control .vjs-mouse-display {\n display: none;\n position: absolute;\n width: 100%;\n height: 1px;\n background-color: #000;\n z-index: 1;\n}\n.video-js .vjs-volume-horizontal .vjs-mouse-display {\n width: 1px;\n height: 100%;\n}\n.vjs-no-flex .vjs-volume-control .vjs-mouse-display {\n z-index: 0;\n}\n.video-js .vjs-volume-control:hover .vjs-mouse-display {\n display: block;\n}\n.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {\n display: none;\n}\n.vjs-mouse-display .vjs-volume-tooltip {\n color: #fff;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.8);\n}\n.vjs-poster {\n display: inline-block;\n vertical-align: middle;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: contain;\n background-color: #000000;\n cursor: pointer;\n margin: 0;\n padding: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n}\n.vjs-has-started .vjs-poster {\n display: none;\n}\n.vjs-audio.vjs-has-started .vjs-poster {\n display: block;\n}\n.vjs-using-native-controls .vjs-poster {\n display: none;\n}\n.video-js .vjs-live-control {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: flex-start;\n -webkit-align-items: flex-start;\n -ms-flex-align: flex-start;\n align-items: flex-start;\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n font-size: 1em;\n line-height: 3em;\n}\n.vjs-no-flex .vjs-live-control {\n display: table-cell;\n width: auto;\n text-align: left;\n}\n.video-js:not(.vjs-live) .vjs-live-control,\n.video-js.vjs-liveui .vjs-live-control {\n display: none;\n}\n.video-js .vjs-seek-to-live-control {\n align-items: center;\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n display: inline-flex;\n height: 100%;\n padding-left: 0.5em;\n padding-right: 0.5em;\n font-size: 1em;\n line-height: 3em;\n width: auto;\n min-width: 4em;\n}\n.vjs-no-flex .vjs-seek-to-live-control {\n display: table-cell;\n width: auto;\n text-align: left;\n}\n.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,\n.video-js:not(.vjs-live) .vjs-seek-to-live-control {\n display: none;\n}\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {\n cursor: auto;\n}\n.vjs-seek-to-live-control .vjs-icon-placeholder {\n margin-right: 0.5em;\n color: #888;\n}\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {\n color: red;\n}\n.video-js .vjs-time-control {\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n font-size: 1em;\n line-height: 3em;\n min-width: 2em;\n width: auto;\n padding-left: 1em;\n padding-right: 1em;\n}\n.vjs-live .vjs-time-control {\n display: none;\n}\n.video-js .vjs-current-time,\n.vjs-no-flex .vjs-current-time {\n display: none;\n}\n.video-js .vjs-duration,\n.vjs-no-flex .vjs-duration {\n display: none;\n}\n.vjs-time-divider {\n display: none;\n line-height: 3em;\n}\n.vjs-live .vjs-time-divider {\n display: none;\n}\n.video-js .vjs-play-control {\n cursor: pointer;\n}\n.video-js .vjs-play-control .vjs-icon-placeholder {\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.vjs-text-track-display {\n position: absolute;\n bottom: 3em;\n left: 0;\n right: 0;\n top: 0;\n pointer-events: none;\n}\n.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {\n bottom: 1em;\n}\n.video-js .vjs-text-track {\n font-size: 1.4em;\n text-align: center;\n margin-bottom: 0.1em;\n}\n.vjs-subtitles {\n color: #fff;\n}\n.vjs-captions {\n color: #fc6;\n}\n.vjs-tt-cue {\n display: block;\n}\nvideo::-webkit-media-text-track-display {\n -moz-transform: translateY(-3em);\n -ms-transform: translateY(-3em);\n -o-transform: translateY(-3em);\n -webkit-transform: translateY(-3em);\n transform: translateY(-3em);\n}\n.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {\n -moz-transform: translateY(-1.5em);\n -ms-transform: translateY(-1.5em);\n -o-transform: translateY(-1.5em);\n -webkit-transform: translateY(-1.5em);\n transform: translateY(-1.5em);\n}\n.video-js .vjs-picture-in-picture-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js .vjs-fullscreen-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.vjs-playback-rate > .vjs-menu-button,\n.vjs-playback-rate .vjs-playback-rate-value {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.vjs-playback-rate .vjs-playback-rate-value {\n pointer-events: none;\n font-size: 1.5em;\n line-height: 2;\n text-align: center;\n}\n.vjs-playback-rate .vjs-menu {\n width: 4em;\n left: 0em;\n}\n.vjs-error .vjs-error-display .vjs-modal-dialog-content {\n font-size: 1.4em;\n text-align: center;\n}\n.vjs-error .vjs-error-display:before {\n color: #fff;\n content: \"X\";\n font-family: Arial, Helvetica, sans-serif;\n font-size: 4em;\n left: 0;\n line-height: 1;\n margin-top: -0.5em;\n position: absolute;\n text-shadow: 0.05em 0.05em 0.1em #000;\n text-align: center;\n top: 50%;\n vertical-align: middle;\n width: 100%;\n}\n.vjs-loading-spinner {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -25px 0 0 -25px;\n opacity: 0.85;\n text-align: left;\n border: 6px solid rgba(43, 51, 63, 0.7);\n box-sizing: border-box;\n background-clip: padding-box;\n width: 50px;\n height: 50px;\n border-radius: 25px;\n visibility: hidden;\n}\n.vjs-seeking .vjs-loading-spinner,\n.vjs-waiting .vjs-loading-spinner {\n display: block;\n animation: vjs-spinner-show 0s linear 0.3s forwards;\n}\n.vjs-loading-spinner:before,\n.vjs-loading-spinner:after {\n content: \"\";\n position: absolute;\n margin: -6px;\n box-sizing: inherit;\n width: inherit;\n height: inherit;\n border-radius: inherit;\n opacity: 1;\n border: inherit;\n border-color: transparent;\n border-top-color: white;\n}\n.vjs-seeking .vjs-loading-spinner:before,\n.vjs-seeking .vjs-loading-spinner:after,\n.vjs-waiting .vjs-loading-spinner:before,\n.vjs-waiting .vjs-loading-spinner:after {\n -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;\n animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;\n}\n.vjs-seeking .vjs-loading-spinner:before,\n.vjs-waiting .vjs-loading-spinner:before {\n border-top-color: white;\n}\n.vjs-seeking .vjs-loading-spinner:after,\n.vjs-waiting .vjs-loading-spinner:after {\n border-top-color: white;\n -webkit-animation-delay: 0.44s;\n animation-delay: 0.44s;\n}\n@keyframes vjs-spinner-show {\n to {\n visibility: visible;\n }\n}\n@-webkit-keyframes vjs-spinner-show {\n to {\n visibility: visible;\n }\n}\n@keyframes vjs-spinner-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes vjs-spinner-spin {\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n@keyframes vjs-spinner-fade {\n 0% {\n border-top-color: #73859f;\n }\n 20% {\n border-top-color: #73859f;\n }\n 35% {\n border-top-color: white;\n }\n 60% {\n border-top-color: #73859f;\n }\n 100% {\n border-top-color: #73859f;\n }\n}\n@-webkit-keyframes vjs-spinner-fade {\n 0% {\n border-top-color: #73859f;\n }\n 20% {\n border-top-color: #73859f;\n }\n 35% {\n border-top-color: white;\n }\n 60% {\n border-top-color: #73859f;\n }\n 100% {\n border-top-color: #73859f;\n }\n}\n.vjs-chapters-button .vjs-menu ul {\n width: 24em;\n}\n.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {\n vertical-align: middle;\n display: inline-block;\n margin-bottom: -0.1em;\n}\n.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {\n font-family: VideoJS;\n content: \"\\f10d\";\n font-size: 1.5em;\n line-height: inherit;\n}\n.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {\n vertical-align: middle;\n display: inline-block;\n margin-bottom: -0.1em;\n}\n.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {\n font-family: VideoJS;\n content: \" \\f11d\";\n font-size: 1.5em;\n line-height: inherit;\n}\n.video-js.vjs-layout-small .vjs-current-time,\n.video-js.vjs-layout-small .vjs-time-divider,\n.video-js.vjs-layout-small .vjs-duration,\n.video-js.vjs-layout-small .vjs-remaining-time,\n.video-js.vjs-layout-small .vjs-playback-rate,\n.video-js.vjs-layout-small .vjs-chapters-button,\n.video-js.vjs-layout-small .vjs-descriptions-button,\n.video-js.vjs-layout-small .vjs-captions-button,\n.video-js.vjs-layout-small .vjs-subtitles-button,\n.video-js.vjs-layout-small .vjs-audio-button,\n.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,\n.video-js.vjs-layout-x-small .vjs-time-divider,\n.video-js.vjs-layout-x-small .vjs-duration,\n.video-js.vjs-layout-x-small .vjs-remaining-time,\n.video-js.vjs-layout-x-small .vjs-playback-rate,\n.video-js.vjs-layout-x-small .vjs-chapters-button,\n.video-js.vjs-layout-x-small .vjs-descriptions-button,\n.video-js.vjs-layout-x-small .vjs-captions-button,\n.video-js.vjs-layout-x-small .vjs-subtitles-button,\n.video-js.vjs-layout-x-small .vjs-audio-button,\n.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,\n.video-js.vjs-layout-tiny .vjs-time-divider,\n.video-js.vjs-layout-tiny .vjs-duration,\n.video-js.vjs-layout-tiny .vjs-remaining-time,\n.video-js.vjs-layout-tiny .vjs-playback-rate,\n.video-js.vjs-layout-tiny .vjs-chapters-button,\n.video-js.vjs-layout-tiny .vjs-descriptions-button,\n.video-js.vjs-layout-tiny .vjs-captions-button,\n.video-js.vjs-layout-tiny .vjs-subtitles-button,\n.video-js.vjs-layout-tiny .vjs-audio-button,\n.video-js.vjs-layout-tiny .vjs-volume-control {\n display: none;\n}\n.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 {\n width: auto;\n width: initial;\n}\n.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 {\n display: none;\n}\n.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n display: block;\n}\n.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 {\n width: auto;\n}\n.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {\n display: none;\n}\n.vjs-modal-dialog.vjs-text-track-settings {\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.75);\n color: #fff;\n height: 70%;\n}\n.vjs-text-track-settings .vjs-modal-dialog-content {\n display: table;\n}\n.vjs-text-track-settings .vjs-track-settings-colors,\n.vjs-text-track-settings .vjs-track-settings-font,\n.vjs-text-track-settings .vjs-track-settings-controls {\n display: table-cell;\n}\n.vjs-text-track-settings .vjs-track-settings-controls {\n text-align: right;\n vertical-align: bottom;\n}\n@supports (display: grid) {\n .vjs-text-track-settings .vjs-modal-dialog-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr;\n padding: 20px 24px 0px 24px;\n }\n\n .vjs-track-settings-controls .vjs-default-button {\n margin-bottom: 20px;\n }\n\n .vjs-text-track-settings .vjs-track-settings-controls {\n grid-column: 1/-1;\n }\n\n .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,\n.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,\n.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {\n grid-template-columns: 1fr;\n }\n}\n.vjs-track-setting > select {\n margin-right: 1em;\n margin-bottom: 0.5em;\n}\n.vjs-text-track-settings fieldset {\n margin: 5px;\n padding: 3px;\n border: none;\n}\n.vjs-text-track-settings fieldset span {\n display: inline-block;\n}\n.vjs-text-track-settings fieldset span > select {\n max-width: 7.3em;\n}\n.vjs-text-track-settings legend {\n color: #fff;\n margin: 0 0 5px 0;\n}\n.vjs-text-track-settings .vjs-label {\n position: absolute;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n display: block;\n margin: 0 0 5px 0;\n padding: 0;\n border: 0;\n height: 1px;\n width: 1px;\n overflow: hidden;\n}\n.vjs-track-settings-controls button:focus,\n.vjs-track-settings-controls button:active {\n outline-style: solid;\n outline-width: medium;\n background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);\n}\n.vjs-track-settings-controls button:hover {\n color: rgba(43, 51, 63, 0.75);\n}\n.vjs-track-settings-controls button {\n background-color: #fff;\n background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);\n color: #2B333F;\n cursor: pointer;\n border-radius: 2px;\n}\n.vjs-track-settings-controls .vjs-default-button {\n margin-right: 1em;\n}\n@media print {\n .video-js > *:not(.vjs-tech):not(.vjs-poster) {\n visibility: hidden;\n }\n}\n.vjs-resize-manager {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n z-index: -1000;\n}\n.js-focus-visible .video-js *:focus:not(.focus-visible) {\n outline: none;\n}\n.video-js *:focus:not(:focus-visible) {\n outline: none;\n}\ntextarea, select, input, button, video {\n outline: none;\n}\nbutton:focus, .video-js .vjs-menu-item {\n outline: initial;\n}\n.video-js {\n max-width: 100%;\n overflow: hidden;\n}\n.video-js.init {\n height: 0px !important;\n display: none;\n}\n.video-js video {\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n display: block;\n}\n.video-js .vjs-poster {\n background-size: cover;\n}\n.video-js .vjs-control-bar {\n height: 50px;\n padding-top: 6px;\n display: flex;\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+15,0.3+100 */\n background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%);\n /* FF3.6-15 */\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%);\n /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%);\n /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#00000000\", endColorstr=\"#4d000000\",GradientType=0 );\n /* IE6-9 */\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n z-index: 2;\n}\n.video-js .vjs-control-bar .vdt-seekbar-wrapper {\n top: 0px;\n left: 0px;\n height: 10px;\n width: 100%;\n position: absolute;\n margin: 0 auto;\n}\n.video-js .vjs-big-play-button {\n font-size: 90px;\n border: 0px;\n background-color: transparent;\n text-shadow: 1px 2px 40px rgba(0, 0, 0, 0.4);\n z-index: 2;\n}\n.video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n padding-top: 5px;\n}\n.video-js:hover .vjs-big-play-button,\n.video-js:hover .vjs-big-play-button:focus {\n background-color: transparent;\n}\n.video-js .vjs-progress-control {\n top: 0px;\n left: 0px;\n position: absolute;\n display: block;\n width: 100%;\n height: 10px;\n}\n.video-js .vjs-progress-control .vjs-load-progress {\n background: rgba(255, 255, 255, 0.2);\n}\n.video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,\n.video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {\n display: none;\n}\n.video-js .vjs-time-control.duration, .video-js .vjs-time-control.vjs-duration {\n margin-right: auto;\n}\n.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vdt-screenshot-button .vjs-icon-placeholder {\n opacity: 0.6;\n}\n.video-js.has-vdt-menu .vjs-subs-caps-button {\n display: none;\n}\n.video-js.subtitles-active .vjs-subs-caps-button .vjs-icon-placeholder {\n opacity: 1;\n}\n.video-js .vjs-control {\n font-size: 14px;\n}\n.video-js .vjs-play-progress.vjs-slider-bar {\n background-color: #f00;\n}\n.video-js .vjs-current-time,\n.video-js .vjs-time-control,\n.video-js .vjs-no-flex .vjs-current-time {\n display: block;\n}\n.video-js .vjs-time-control {\n font-size: 14px;\n padding: 0px;\n min-width: 14px;\n text-align: center;\n}\n.video-js .vjs-volume-panel {\n width: 3em;\n}\n.video-js .vjs-volume-panel .vjs-mute-control {\n width: 3em;\n}\n.video-js .vjs-menu-button-popup .vjs-menu {\n bottom: 20px;\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: rgba(28, 28, 28, 0.9);\n border-radius: 7px;\n}\n.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected) {\n background-color: transparent;\n}\n.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected) {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item-text {\n color: white;\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text {\n color: #333;\n}\n.video-js .vdt-player-osd {\n pointer-events: none;\n position: absolute;\n top: 0px;\n left: 0px;\n height: 100%;\n width: 100%;\n opacity: 0;\n z-index: 4;\n -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 0.5);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 0.5);\n transition: 200ms ease-out all;\n}\n.video-js .vdt-player-osd.active {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n}\n.video-js .vdt-player-osd table {\n width: 100%;\n height: 100%;\n}\n.video-js .vdt-player-osd table td {\n vertical-align: middle;\n text-align: center;\n}\n.video-js .vdt-player-osd table td .osd-feedback-icon:before {\n font-family: VideoJS;\n content: \"\\f101\";\n font-size: 50px;\n padding: 15px;\n display: inline-block;\n height: 80px;\n width: 80px;\n text-align: center;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 100%;\n}\n.video-js .vdt-player-osd table td .pause:before {\n content: \"\\f103\";\n}\n.video-js .vdt-player-osd table td .volchange.high:before {\n content: \"\\f107\";\n}\n.video-js .vdt-player-osd table td .volchange.mid:before {\n content: \"\\f106\";\n}\n.video-js .vdt-player-osd table td .volchange.low:before {\n content: \"\\f105\";\n}\n.video-js .vdt-player-osd table td .mute:before, .video-js .vdt-player-osd table td .volchange.null:before {\n content: \"\\f104\";\n}\n.video-js .vdt-player-osd table td .unmute:before {\n content: \"\\f107\";\n}\n.video-js .vdt-player-osd table td .forward-jump:before, .video-js .vdt-player-osd table td .backward-jump:before {\n content: \"\\f101\\f101\";\n letter-spacing: -38px;\n padding-left: 0px;\n padding-right: 34px;\n}\n.video-js .vdt-player-osd table td .backward-jump:before {\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n}\n@keyframes vjs-spinner-fade {\n 0% {\n border-top-color: rgba(255, 255, 255, 0.6);\n }\n 35% {\n border-top-color: white;\n }\n 100% {\n border-top-color: rgba(255, 255, 255, 0.6);\n }\n}\n.video-js .vjs-loading-spinner {\n margin: -40px 0 0 -40px;\n opacity: 0.85;\n border: 5px solid rgba(255, 255, 255, 0.7);\n width: 80px;\n height: 80px;\n border-radius: 100px;\n z-index: 5;\n}\n.video-js .vjs-loading-spinner:after, .video-js .vjs-loading-spinner:before {\n margin: -5px;\n}\n.video-js .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {\n bottom: 0px;\n transition: transform 300ms ease-out;\n -webkit-transform: translate3d(0px, 0px, 0px);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n.video-js .vjs-text-track-display > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display > div {\n display: table;\n width: 100%;\n height: 100%;\n margin: 0px !important;\n}\n.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 {\n width: 100% !important;\n bottom: 0px !important;\n top: initial !important;\n left: initial !important;\n right: initial !important;\n font-size: 18px !important;\n height: auto !important;\n padding-bottom: 1.5%;\n display: table-cell;\n}\n.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 {\n padding: 2px 4px 2px 4px;\n line-height: 1.25;\n border-radius: 2px;\n}\n.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 {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n font-size: 24px !important;\n}\n.video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar, .video-jsdiv .vjs-control-bar, .video-js.vjs-controls-enabled.vjs-user-active .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {\n opacity: 1;\n}\n.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 {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translate3d(0px, 50px, 0px);\n transition: transform 300ms ease-in-out;\n}\n.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 {\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n}\n.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 {\n transform: translate3d(0px, -50px, 0px);\n}\n.video-js .vdt-timecode {\n display: inline;\n font-family: \"monospace\", sans-serif;\n margin-left: 20px;\n}\n.video-js .vdt-timecode input, .video-js .vdt-timecode span {\n font-size: 16px;\n}\n.video-js .vdt-timecode span {\n text-align: center;\n display: inline-block;\n}\n.video-js .vdt-timecode input {\n display: inline-block;\n width: auto;\n border: 0px;\n background: transparent;\n color: inherit;\n width: 21px;\n}\n@media all and (max-width: 640px) {\n .video-js .vdt-timecode {\n flex-grow: 3;\n }\n}\n.video-js .vdt-timecode.duration {\n margin-left: 0px;\n margin-right: auto;\n}\n.video-js .vdt-timecode.duration span {\n cursor: default;\n}\n.video-js .vdt-timecode.duration:before {\n content: \"/\";\n display: inline-block;\n margin: 0px 5px;\n font-size: 16px;\n}\n@media all and (max-width: 640px) {\n .video-js .vdt-timecode.duration {\n display: none;\n }\n}\n.video-js .vdt-cinema-button,\n.video-js .vdt-settings-menu-button,\n.video-js .vdt-screenshot-button {\n cursor: pointer;\n}\n.video-js .vdt-cinema-button:after,\n.video-js .vdt-settings-menu-button:after,\n.video-js .vdt-screenshot-button:after {\n content: \"\\f10b\";\n font-family: VideoJS;\n font-size: 22px;\n}\n.video-js .vdt-cinema-button:active, .video-js .vdt-cinema-button:focus,\n.video-js .vdt-settings-menu-button:active,\n.video-js .vdt-settings-menu-button:focus,\n.video-js .vdt-screenshot-button:active,\n.video-js .vdt-screenshot-button:focus {\n opacity: 0.6;\n}\n.video-js .vdt-cinema-button:after {\n content: \"\\f10a\";\n}\n.video-js .vdt-settings-menu-button:after {\n content: \"\\f110\";\n}\n.video-js .vdt-waveform-visual, .video-js .vdt-help-overlay {\n position: absolute;\n top: 0px;\n left: 0px;\n background: #888;\n height: 100%;\n width: 100%;\n display: none;\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#88bfe8+0,71a1c4+100 */\n background: #88bfe8;\n /* Old browsers */\n background: -moz-linear-gradient(top, #88bfe8 0%, #71a1c4 100%);\n /* FF3.6-15 */\n background: -webkit-linear-gradient(top, #88bfe8 0%, #71a1c4 100%);\n /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, #88bfe8 0%, #71a1c4 100%);\n /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#88bfe8\", endColorstr=\"#71a1c4\",GradientType=0 );\n /* IE6-9 */\n}\n.video-js .vdt-waveform-visual canvas, .video-js .vdt-help-overlay canvas {\n height: 100%;\n width: 100%;\n}\n.video-js.vjs-has-started .vdt-waveform-visual {\n display: block;\n}\n.video-js .vdt-help-overlay {\n font-size: 15px;\n background: transparent;\n z-index: 2;\n transition: opacity 1s ease-in-out;\n opacity: 0;\n padding-bottom: 12px;\n}\n.video-js .vdt-help-overlay > table {\n height: 100%;\n margin: 0 auto;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table {\n border-radius: 7px;\n max-height: 400px;\n -webkit-backdrop-filter: blur(10px);\n background: rgba(0, 0, 0, 0.6);\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td {\n padding: 6px 6px;\n}\n.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) {\n padding: 4px 9px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2) {\n padding-right: 32px;\n}\n.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 {\n text-align: center;\n padding: 3px;\n border: 1px solid white;\n border-radius: 2px;\n background: rgba(255, 255, 255, 0.1);\n font-size: 13px;\n min-width: 21px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child {\n padding-left: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:last-child {\n padding-right: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:first-child td {\n padding-top: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:last-child td {\n padding-bottom: 16px;\n}\n.video-js .vdt-help-overlay > table td {\n vertical-align: middle;\n}\n.video-js .vdt-help-overlay.active {\n display: block;\n opacity: 1;\n}\n.video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-text-track-display, .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen .vjs-text-track-display {\n bottom: 60px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) {\n overflow: visible;\n width: auto;\n height: auto;\n background-color: transparent;\n margin-bottom: 70px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) video {\n position: relative;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar {\n transform: translate3d(0px, 60px, 0px);\n transition: all 300ms ease-in-out;\n background: transparent;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text) {\n color: #333;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vjs-button:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text) {\n color: #efefef;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-progress-holder {\n margin: 0 auto;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-menu {\n bottom: 35px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-poster {\n height: initial;\n}\n.video-js .vjs-play-progress:before,\n.video-js .vjs-remaining-time,\n.video-js .vjs-picture-in-picture-control,\n.video-js .vjs-progress-control:hover .vjs-time-tooltips,\n.video-js .vjs-play-progress .vjs-time-tooltip,\n.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {\n display: none;\n}\n\n";
|
|
14
|
+
n(css,{});
|
|
9
15
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
keys.push.apply(keys, symbols);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
return keys;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function _objectSpread2(target) {
|
|
23
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
24
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
25
|
-
|
|
26
|
-
if (i % 2) {
|
|
27
|
-
ownKeys(Object(source), true).forEach(function (key) {
|
|
28
|
-
_defineProperty(target, key, source[key]);
|
|
29
|
-
});
|
|
30
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
31
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
32
|
-
} else {
|
|
33
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
34
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
return target;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
function _classCallCheck(instance, Constructor) {
|
|
43
|
-
if (!(instance instanceof Constructor)) {
|
|
44
|
-
throw new TypeError("Cannot call a class as a function");
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
function _defineProperties(target, props) {
|
|
49
|
-
for (var i = 0; i < props.length; i++) {
|
|
50
|
-
var descriptor = props[i];
|
|
51
|
-
descriptor.enumerable = descriptor.enumerable || false;
|
|
52
|
-
descriptor.configurable = true;
|
|
53
|
-
if ("value" in descriptor) descriptor.writable = true;
|
|
54
|
-
Object.defineProperty(target, descriptor.key, descriptor);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
function _createClass(Constructor, protoProps, staticProps) {
|
|
59
|
-
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
60
|
-
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
61
|
-
return Constructor;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
function _defineProperty(obj, key, value) {
|
|
65
|
-
if (key in obj) {
|
|
66
|
-
Object.defineProperty(obj, key, {
|
|
67
|
-
value: value,
|
|
68
|
-
enumerable: true,
|
|
69
|
-
configurable: true,
|
|
70
|
-
writable: true
|
|
71
|
-
});
|
|
72
|
-
} else {
|
|
73
|
-
obj[key] = value;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
return obj;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
function _inherits(subClass, superClass) {
|
|
80
|
-
if (typeof superClass !== "function" && superClass !== null) {
|
|
81
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
85
|
-
constructor: {
|
|
86
|
-
value: subClass,
|
|
87
|
-
writable: true,
|
|
88
|
-
configurable: true
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
function _getPrototypeOf(o) {
|
|
95
|
-
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
|
96
|
-
return o.__proto__ || Object.getPrototypeOf(o);
|
|
97
|
-
};
|
|
98
|
-
return _getPrototypeOf(o);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
function _setPrototypeOf(o, p) {
|
|
102
|
-
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
|
103
|
-
o.__proto__ = p;
|
|
104
|
-
return o;
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
return _setPrototypeOf(o, p);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
function _isNativeReflectConstruct() {
|
|
111
|
-
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
112
|
-
if (Reflect.construct.sham) return false;
|
|
113
|
-
if (typeof Proxy === "function") return true;
|
|
114
|
-
|
|
115
|
-
try {
|
|
116
|
-
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
117
|
-
return true;
|
|
118
|
-
} catch (e) {
|
|
119
|
-
return false;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
124
|
-
if (source == null) return {};
|
|
125
|
-
var target = {};
|
|
126
|
-
var sourceKeys = Object.keys(source);
|
|
127
|
-
var key, i;
|
|
128
|
-
|
|
129
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
130
|
-
key = sourceKeys[i];
|
|
131
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
132
|
-
target[key] = source[key];
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
return target;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
function _objectWithoutProperties(source, excluded) {
|
|
139
|
-
if (source == null) return {};
|
|
140
|
-
|
|
141
|
-
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
142
|
-
|
|
143
|
-
var key, i;
|
|
144
|
-
|
|
145
|
-
if (Object.getOwnPropertySymbols) {
|
|
146
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
147
|
-
|
|
148
|
-
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
149
|
-
key = sourceSymbolKeys[i];
|
|
150
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
151
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
152
|
-
target[key] = source[key];
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
return target;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
function _assertThisInitialized(self) {
|
|
160
|
-
if (self === void 0) {
|
|
161
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
return self;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
function _possibleConstructorReturn(self, call) {
|
|
168
|
-
if (call && (typeof call === "object" || typeof call === "function")) {
|
|
169
|
-
return call;
|
|
170
|
-
} else if (call !== void 0) {
|
|
171
|
-
throw new TypeError("Derived constructors may only return object or undefined");
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
return _assertThisInitialized(self);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
function _createSuper(Derived) {
|
|
178
|
-
var hasNativeReflectConstruct = _isNativeReflectConstruct();
|
|
179
|
-
|
|
180
|
-
return function _createSuperInternal() {
|
|
181
|
-
var Super = _getPrototypeOf(Derived),
|
|
182
|
-
result;
|
|
16
|
+
var _excluded = ["setPlayer"],
|
|
17
|
+
_excluded2 = ["setPlayer"];
|
|
183
18
|
|
|
184
|
-
|
|
185
|
-
var NewTarget = _getPrototypeOf(this).constructor;
|
|
19
|
+
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
186
20
|
|
|
187
|
-
|
|
188
|
-
} else {
|
|
189
|
-
result = Super.apply(this, arguments);
|
|
190
|
-
}
|
|
21
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
191
22
|
|
|
192
|
-
|
|
193
|
-
};
|
|
194
|
-
}
|
|
23
|
+
function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
195
24
|
|
|
196
|
-
|
|
197
|
-
_excluded2 = ["setPlayer"];
|
|
25
|
+
function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
198
26
|
var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
199
27
|
_inherits(VideoPlayer, _React$Component);
|
|
200
28
|
|
|
201
|
-
var _super = _createSuper(VideoPlayer);
|
|
29
|
+
var _super = _createSuper$3(VideoPlayer);
|
|
202
30
|
|
|
203
31
|
function VideoPlayer() {
|
|
204
32
|
_classCallCheck(this, VideoPlayer);
|
|
@@ -213,7 +41,7 @@ var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
|
213
41
|
setPlayer = _this$props.setPlayer,
|
|
214
42
|
playerProps = _objectWithoutProperties(_this$props, _excluded);
|
|
215
43
|
|
|
216
|
-
this.player = new Player(
|
|
44
|
+
this.player = new Player(_objectSpread$1({
|
|
217
45
|
target: this.videoNode
|
|
218
46
|
}, playerProps));
|
|
219
47
|
|
|
@@ -231,7 +59,7 @@ var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
|
231
59
|
var setPlayer = props.setPlayer,
|
|
232
60
|
playerProps = _objectWithoutProperties(props, _excluded2);
|
|
233
61
|
|
|
234
|
-
_this.player = new Player(
|
|
62
|
+
_this.player = new Player(_objectSpread$1({
|
|
235
63
|
target: _this.videoNode
|
|
236
64
|
}, playerProps));
|
|
237
65
|
|
|
@@ -292,10 +120,17 @@ var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
|
292
120
|
return VideoPlayer;
|
|
293
121
|
}(React.Component);
|
|
294
122
|
|
|
123
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
124
|
+
|
|
125
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
126
|
+
|
|
127
|
+
function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
128
|
+
|
|
129
|
+
function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
295
130
|
var VideoControls = /*#__PURE__*/function (_React$Component) {
|
|
296
131
|
_inherits(VideoControls, _React$Component);
|
|
297
132
|
|
|
298
|
-
var _super = _createSuper(VideoControls);
|
|
133
|
+
var _super = _createSuper$2(VideoControls);
|
|
299
134
|
|
|
300
135
|
function VideoControls() {
|
|
301
136
|
_classCallCheck(this, VideoControls);
|
|
@@ -308,7 +143,7 @@ var VideoControls = /*#__PURE__*/function (_React$Component) {
|
|
|
308
143
|
value: function componentDidMount() {
|
|
309
144
|
var player = this.props.player; // player prop is the whole react component
|
|
310
145
|
|
|
311
|
-
this.controls = new ExternalControls(
|
|
146
|
+
this.controls = new ExternalControls(_objectSpread(_objectSpread({
|
|
312
147
|
target: this.controlsNode
|
|
313
148
|
}, this.props), {}, {
|
|
314
149
|
player: player.current.player
|
|
@@ -338,10 +173,13 @@ var VideoControls = /*#__PURE__*/function (_React$Component) {
|
|
|
338
173
|
}(React.Component);
|
|
339
174
|
VideoControls.buttonNames = ExternalControls.buttonNames;
|
|
340
175
|
|
|
176
|
+
function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
177
|
+
|
|
178
|
+
function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
341
179
|
var VideoSeekBar = /*#__PURE__*/function (_React$Component) {
|
|
342
180
|
_inherits(VideoSeekBar, _React$Component);
|
|
343
181
|
|
|
344
|
-
var _super = _createSuper(VideoSeekBar);
|
|
182
|
+
var _super = _createSuper$1(VideoSeekBar);
|
|
345
183
|
|
|
346
184
|
function VideoSeekBar() {
|
|
347
185
|
_classCallCheck(this, VideoSeekBar);
|
|
@@ -376,7 +214,8 @@ var VideoSeekBar = /*#__PURE__*/function (_React$Component) {
|
|
|
376
214
|
regions: regions,
|
|
377
215
|
onRegionClick: onRegionClick
|
|
378
216
|
});
|
|
379
|
-
}
|
|
217
|
+
} // eslint-disable-next-line camelcase
|
|
218
|
+
|
|
380
219
|
}, {
|
|
381
220
|
key: "UNSAFE_componentWillUpdate",
|
|
382
221
|
value: function UNSAFE_componentWillUpdate(props) {
|
|
@@ -399,6 +238,9 @@ var VideoSeekBar = /*#__PURE__*/function (_React$Component) {
|
|
|
399
238
|
}(React.Component);
|
|
400
239
|
VideoSeekBar.Region = SeekBar.Region;
|
|
401
240
|
|
|
241
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
242
|
+
|
|
243
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
402
244
|
var VideoTimeCode = /*#__PURE__*/function (_React$Component) {
|
|
403
245
|
_inherits(VideoTimeCode, _React$Component);
|
|
404
246
|
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\nimport '../../vdt-videojs/lib/style.css';\n\n\nexport class VideoPlayer extends React.Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) { setPlayer(this.player); }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) { setPlayer(this.player); }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else { // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div ref={(node) => { this.videoNode = node; }} />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.controlsNode = node; }} />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import React from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends React.Component {\n componentDidMount() {\n const {\n player, bgColor, fillColor, markersEnabled, regions,\n onRegionClick,\n } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.seekBarNode = node; }} />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n","import React from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: (player.current.player),\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => { this.timecodeNode = node; };\n return (\n <div\n styles={styles}\n className={className}\n ref={ref}\n />\n );\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","props","setPlayer","playerProps","player","Player","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","node","React","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport './VideoPlayer.css';\n\nexport class VideoPlayer extends React.Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import React from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends React.Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import React from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div styles={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","props","setPlayer","playerProps","player","Player","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","node","React","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
|