CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="theme-color" content="#663399"/><meta data-react-helmet="true" name="twitter:description" content="Make your player yours with the internet's most popular open source video player framework"/><meta data-react-helmet="true" name="twitter:title" content="Getting Started with Video.js - Video.js: The Player Framework"/><meta data-react-helmet="true" name="twitter:creator" content="@videojs"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:description" content="Make your player yours with the internet's most popular open source video player framework"/><meta data-react-helmet="true" property="og:title" content="Getting Started with Video.js - Video.js: The Player Framework"/><meta data-react-helmet="true" name="description" content="Make your player yours with the internet's most popular open source video player framework"/><meta name="generator" content="Gatsby 4.14.1"/><style data-href="/styles.1ad258bbdf842cc9b298.css" data-identity="gatsby-global-css">.vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;display:inline-block;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{height:100%;left:0;position:absolute;top:0;width:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;font-style:normal;font-weight:400;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff")}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-style:normal;font-weight:400}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-spinner{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-spinner:before{content:"\f10a"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10b"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10c"}.vjs-icon-hd{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-hd:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-downloading{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-downloading:before{content:"\f10f"}.vjs-icon-file-download{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download:before{content:"\f110"}.vjs-icon-file-download-done{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-done:before{content:"\f111"}.vjs-icon-file-download-off{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-off:before{content:"\f112"}.vjs-icon-share{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-share:before{content:"\f113"}.vjs-icon-cog{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cog:before{content:"\f114"}.vjs-icon-square{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-square:before{content:"\f115"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f116"}.vjs-icon-circle-outline{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-outline:before{content:"\f117"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-inner-circle:before{content:"\f118"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f119"}.vjs-icon-repeat{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-repeat:before{content:"\f11a"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f11b"}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before{content:"\f11c"}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before{content:"\f11d"}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before{content:"\f11e"}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before{content:"\f11f"}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before{content:"\f120"}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before{content:"\f121"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f122"}.vjs-icon-next-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-next-item:before{content:"\f123"}.vjs-icon-previous-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-previous-item:before{content:"\f124"}.vjs-icon-shuffle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-shuffle:before{content:"\f125"}.vjs-icon-cast{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cast:before{content:"\f126"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f127"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-style:normal;font-weight:400}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f128"}.vjs-icon-facebook{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-facebook:before{content:"\f129"}.vjs-icon-linkedin{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-linkedin:before{content:"\f12a"}.vjs-icon-twitter{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-twitter:before{content:"\f12b"}.vjs-icon-tumblr{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-tumblr:before{content:"\f12c"}.vjs-icon-pinterest{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pinterest:before{content:"\f12d"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-style:normal;font-weight:400}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f12e"}.video-js{background-color:#000;box-sizing:border-box;color:#fff;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:1;padding:0;position:relative;vertical-align:top;word-break:normal}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{height:100%!important;width:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{max-width:100%;width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js .vjs-tech,.video-js.vjs-fill:not(.vjs-audio-only-mode){height:100%;width:100%}.video-js .vjs-tech{left:0;position:absolute;top:0}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{height:100%;margin:0;padding:0}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{display:block;height:100%!important;padding-top:0!important;width:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{background-color:#000000b3;bottom:10%;font-size:2em;padding:.5em;position:absolute;text-align:center;width:100%}.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{cursor:default;opacity:.5}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;height:150px;margin:0 auto;padding:20px;text-align:center;width:300px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{background-color:#2b333f;background-color:#2b333fb3;border:.06666em solid #fff;border-radius:.3em;cursor:pointer;display:block;font-size:3em;height:1.63332em;left:50%;line-height:1.5em;margin-left:-1.5em;margin-top:-.81666em;opacity:1;padding:0;position:absolute;top:50%;transition:all .4s;width:3em}.vjs-big-play-button .vjs-svg-icon{height:1em;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{background-color:#73859f;background-color:#73859f80;border-color:#fff;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-decoration:none;text-transform:none;transition:none}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{box-shadow:none;outline:.0625em solid #fff}.vjs-control .vjs-button{height:100%;width:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:#000c;background:linear-gradient(180deg,#000c,#fff0);overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;font-family:Arial,Helvetica,sans-serif;margin:0;overflow:auto;padding:0}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;font-size:1.2em;justify-content:center;line-height:1.4em;list-style:none;margin:0;padding:.2em 0;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:#73859f80}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:none}.vjs-menu li.vjs-menu-title{cursor:default;font-size:1em;font-weight:700;line-height:2em;margin:0 0 .3em;padding:0;text-align:center;text-transform:uppercase}.vjs-menu-button-popup .vjs-menu{border-top-color:#2b333fb3;bottom:0;display:none;height:0;left:-3em;margin-bottom:1.5em;position:absolute;width:10em}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:#2b333fb3;bottom:1.5em;max-height:15em;position:absolute;width:100%}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{overflow:hidden;transition:all .4s}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover{width:12em}.vjs-menu-button-inline .vjs-menu{height:100%;left:4em;margin:0;opacity:0;padding:0;position:absolute;top:0;transition:all .4s;width:auto}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{height:100%;margin:0;overflow:hidden;width:auto}.video-js .vjs-control-bar{background-color:#2b333f;background-color:#2b333fb3;bottom:0;display:none;height:3em;left:0;position:absolute;right:0;width:100%}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;opacity:1;transition:visibility .1s,opacity .1s;visibility:visible}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s;visibility:visible}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;pointer-events:auto;visibility:visible}.video-js .vjs-control{flex:none;height:100%;margin:0;padding:0;position:relative;text-align:center;width:4em}.video-js .vjs-control.vjs-visible-text{padding-left:1em;padding-right:1em;width:auto}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{clip:rect(0 0 0 0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{align-items:center;cursor:pointer;display:flex;flex:auto;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{align-items:center;display:flex}.video-js .vjs-progress-holder{flex:auto;height:.3em;transition:all .2s}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{display:block;height:100%;margin:0;padding:0;position:absolute;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;line-height:.35em;position:absolute;right:-.5em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{height:.9em;line-height:.15em;pointer-events:none;position:absolute;right:-.4em;top:-.35em;width:.9em;z-index:1}.video-js .vjs-load-progress{background:#73859f80}.video-js .vjs-load-progress div{background:#73859fbf}.video-js .vjs-time-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{background-color:#000;display:none;height:100%;position:absolute;width:1px;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{opacity:0;transition:visibility 1s,opacity 1s;visibility:hidden}.vjs-mouse-display .vjs-time-tooltip{background-color:#000;background-color:#000c;color:#fff}.video-js .vjs-slider{-webkit-touch-callout:none;background-color:#73859f;background-color:#73859f80;cursor:pointer;margin:0 .45em;padding:0;position:relative;-webkit-user-select:none;user-select:none}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{box-shadow:0 0 1em #fff;text-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;display:flex;margin-right:1em}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{height:1px;margin-left:-1px;opacity:0;visibility:visible;width:1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.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-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;visibility:visible}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.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-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{height:3em;margin-right:0;width:5em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.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-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{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{transition:width .1s;width:10em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;width:3em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{height:.3em;width:5em}.vjs-volume-bar.vjs-slider-vertical{height:5em;margin:1.35em auto;width:.3em}.video-js .vjs-volume-level{background-color:#fff;bottom:0;left:0;position:absolute}.video-js .vjs-volume-level:before{font-size:.9em;position:absolute;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{left:-.3em;top:-.5em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{height:.9em;pointer-events:none;position:absolute;width:.9em;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translateX(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{background-color:#2b333f;background-color:#2b333fb3;bottom:8em;height:8em;width:3em}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{background-color:#000;display:none;height:1px;position:absolute;width:100%;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{height:100%;width:1px}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{opacity:0;transition:visibility 1s,opacity 1s;visibility:hidden}.vjs-mouse-display .vjs-volume-tooltip{background-color:#000;background-color:#000c;color:#fff}.vjs-poster{bottom:0;cursor:pointer;display:inline-block;height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:0;vertical-align:middle}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{height:100%;object-fit:contain;width:100%}.video-js .vjs-live-control{align-items:flex-start;display:flex;flex:auto;font-size:1em;line-height:3em}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;display:inline-flex;flex:none;font-size:1em;height:100%;line-height:3em;min-width:4em;padding-left:.5em;padding-right:.5em;width:auto}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{color:#888;margin-right:.5em}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{fill:#888;height:1em;pointer-events:none;width:1em}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;padding-left:1em;padding-right:1em;width:auto}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider{display:none}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{bottom:3em;left:0;pointer-events:none;position:absolute;right:0;top:0}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;margin-bottom:.1em;text-align:center}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{height:100%;left:0;position:absolute;top:0;width:100%}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;pointer-events:none;text-align:center}.vjs-playback-rate .vjs-menu{left:0;width:4em}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;box-sizing:border-box;display:none;height:5em;left:50%;opacity:.85;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:5em}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{align-items:center;animation:vjs-spinner-show 0s linear .3s forwards;display:flex;justify-content:center}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{border:inherit;border-color:#fff #0000 #0000;border-radius:inherit;box-sizing:inherit;content:"";height:inherit;opacity:1;position:absolute;width:inherit}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{animation-delay:.44s;border-top-color:#fff}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(1turn)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{height:1.5em;width:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{display:inline-block;margin-bottom:-.1em;vertical-align:middle}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:"\f10c";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{display:inline-block;margin-bottom:-.1em;vertical-align:middle}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:" \f12e";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.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:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.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:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.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:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{display:block;flex:auto}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-bottom:.5em;margin-right:1em}.vjs-text-track-settings fieldset{border:none;margin:10px}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-size:1.2em;font-weight:700}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{background-image:linear-gradient(0deg,#fff 88%,#73859f);outline-style:solid;outline-width:medium}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f);border-radius:2px;color:#2b333f;cursor:pointer}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:#000000e6;background:linear-gradient(180deg,#000000e6,#000000b3 60%,#0000);font-size:1.2em;line-height:1.5;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;transition:opacity .1s;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-description,.vjs-title-bar-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-forward-5{cursor:pointer}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{border:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:none}.video-js :focus:not(:focus-visible){outline:none}.vjs-playlist{background-color:#1a1a1a;color:#fff;list-style-type:none;padding:0}.vjs-playlist img{display:block}.vjs-playlist .vjs-playlist-item-list{list-style:none;margin:0;padding:0;position:relative}.vjs-playlist .vjs-playlist-item{cursor:pointer;overflow:hidden;position:relative}.vjs-playlist .vjs-playlist-thumbnail-placeholder{background:#303030}.vjs-playlist .vjs-playlist-now-playing-text{display:none;left:0;margin:.8rem;padding-left:2px;position:absolute;top:0}.vjs-playlist .vjs-playlist-duration{background-color:#1a1a1acc;left:.5rem;margin-left:2px;padding:2px 5px 3px;position:absolute;top:.5rem}.vjs-playlist .vjs-playlist-title-container{bottom:0;box-sizing:border-box;padding:.5rem .8rem;position:absolute;text-shadow:1px 1px 2px #000,-1px 1px 2px #000,1px -1px 2px #000,-1px -1px 2px #000;width:100%}.vjs-playlist .vjs-playlist-name{display:block;font-style:normal;line-height:20px;max-height:2.5em;overflow:hidden;padding:0 0 4px 2px;text-overflow:ellipsis;white-space:nowrap}.vjs-playlist .vjs-playlist-description{display:block;font-size:14px;overflow:hidden;padding:0 0 0 2px;text-overflow:ellipsis;white-space:nowrap}.vjs-playlist .vjs-up-next-text{display:none;font-size:.8em;padding:.1rem 2px;text-transform:uppercase}.vjs-playlist .vjs-up-next .vjs-up-next-text{display:block}.vjs-playlist .vjs-selected{background-color:#141a21}.vjs-playlist .vjs-selected img{opacity:.2}.vjs-playlist .vjs-selected .vjs-playlist-duration{display:none}.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text{display:block}.vjs-playlist .vjs-selected .vjs-playlist-title-container{text-shadow:none}.vjs-playlist-vertical{overflow-x:hidden;overflow-y:auto}.vjs-playlist-vertical img{min-height:54px;width:100%}.vjs-playlist-vertical .vjs-playlist-item{margin-bottom:5px}.vjs-playlist-vertical .vjs-playlist-thumbnail{display:block;width:100%}.vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder{height:100px}.vjs-playlist-horizontal{overflow-x:auto;overflow-y:hidden}.vjs-playlist-horizontal img{height:100%;min-width:100px}.vjs-playlist-horizontal .vjs-playlist-item-list{height:100%;white-space:nowrap}.vjs-playlist-horizontal .vjs-playlist-item{display:inline-block;height:100%;margin-right:5px}.vjs-playlist-horizontal .vjs-playlist-thumbnail{display:block;height:100%}.vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder{height:100%;width:180px}.vjs-playlist.vjs-ad-playing.vjs-csspointerevents{overflow:auto;pointer-events:none}.vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay{background-color:#00000080;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.vjs-playlist{font-size:14px}.vjs-playlist .vjs-playlist-description{height:28px;line-height:21px}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:30px;line-height:23px}@media (min-width:600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:34px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width:520px){.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text,.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width:521px){.vjs-playlist img{min-height:85px}}@media (max-width:750px){.vjs-playlist .vjs-playlist-duration{display:none}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#000;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:#ffffff80;color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} /*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{font-size:16px;margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{word-wrap:break-word;white-space:pre;white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.vjs-theme-city{--vjs-theme-city--primary:#bf3b4d;--vjs-theme-city--secondary:#fff}.vjs-theme-city .vjs-control-bar{background:none;background-image:linear-gradient(0deg,#000,#0000);height:70px;padding-top:20px}.vjs-theme-city .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-theme-city .vjs-play-progress:before{display:none}.vjs-theme-city .vjs-progress-control{height:20px;left:0;position:absolute;right:0;top:0;width:100%}.vjs-theme-city .vjs-progress-control .vjs-progress-holder{left:0;margin:0;position:absolute;right:0;top:20px;width:100%}.vjs-theme-city .vjs-play-progress{background-color:var(--vjs-theme-city--primary)}.vjs-theme-city .vjs-remaining-time{flex:3 1;line-height:50px;order:1;text-align:left}.vjs-theme-city .vjs-play-control{flex:8 1;font-size:1.75em;order:2}.vjs-theme-city .vjs-fullscreen-control,.vjs-theme-city .vjs-picture-in-picture-control,.vjs-theme-city .vjs-volume-panel{flex:1 1;order:3}.vjs-theme-city .vjs-mute-control{display:none}.vjs-theme-city .vjs-volume-panel{margin-left:.5em;margin-right:.5em;padding-top:1.5em}.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal,.vjs-theme-city .vjs-volume-panel,.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:hover,.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:3em}.vjs-theme-city .vjs-volume-level:before{font-size:1em}.vjs-theme-city .vjs-volume-panel .vjs-volume-control{height:100%;opacity:1;width:100%}.vjs-theme-city .vjs-volume-bar{background-color:initial;margin:0}.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level{height:100%}.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal{height:100%;margin-bottom:0;margin-top:0}.vjs-theme-city .vjs-volume-bar:before{border-color:#0000 #0000 #ffffff40;border-style:solid;border-width:0 0 1.75em 3em;content:"";height:0;left:0;position:absolute;top:0;width:0;z-index:0}.vjs-theme-city .vjs-volume-level{background-color:initial;overflow:hidden}.vjs-theme-city .vjs-volume-level:before{border-bottom:1.75em solid var(--vjs-theme-city--secondary);border-left:3em solid #0000;border-right:0 solid #0000;border-top:0 solid #0000;content:"";height:0;left:0;position:absolute;top:0;width:0;z-index:1}.vjs-theme-fantasy{--vjs-theme-fantasy--primary:#9f44b4;--vjs-theme-fantasy--secondary:#fff}.vjs-theme-fantasy .vjs-big-play-button{background:none;border:none;color:var(--vjs-theme-fantasy--primary);font-size:80px;height:70px;left:50%;line-height:70px;margin-left:-35px;margin-top:-35px;top:50%;width:70px}.vjs-theme-fantasy.vjs-big-play-button:focus,.vjs-theme-fantasy:hover .vjs-big-play-button{background-color:initial;color:#fff}.vjs-theme-fantasy .vjs-control-bar{height:54px}.vjs-theme-fantasy .vjs-button>.vjs-icon-placeholder:before,.vjs-theme-fantasy .vjs-time-control{line-height:54px}.vjs-theme-fantasy .vjs-play-control{font-size:1.5em;position:relative}.vjs-theme-fantasy .vjs-volume-panel{order:4}.vjs-theme-fantasy .vjs-volume-bar{margin-top:2.5em}.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-theme-fantasy .vjs-progress-control .vjs-progress-holder,.vjs-theme-fantasy .vjs-progress-control:hover .vjs-progress-holder{font-size:1.5em}.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before{border:3px solid var(--vjs-theme-fantasy--secondary);border-radius:1em;height:1.3em;left:9px;line-height:1.1;margin-top:.2em;top:2px;width:1.3em}.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder:before{border:3px solid var(--vjs-theme-fantasy--secondary)}.vjs-theme-fantasy .vjs-play-progress,.vjs-theme-fantasy .vjs-play-progress:before{background-color:var(--vjs-theme-fantasy--primary)}.vjs-theme-fantasy .vjs-play-progress:before{border:4px solid var(--vjs-theme-fantasy--secondary);border-radius:.8em;content:"";height:.8em;top:-.25em;width:.8em}.vjs-theme-fantasy .vjs-progress-control{font-size:14px}.vjs-theme-fantasy .vjs-fullscreen-control{order:6}.vjs-theme-fantasy .vjs-remaining-time{display:none}.vjs-theme-fantasy.nyan .vjs-play-progress{background:linear-gradient(180deg,#fe0000,#fe9a01 16.666666667%,#fe9a01 0,#ff0 33.332666667%,#ff0 0,#32ff00 49.999326667%,#32ff00 0,#0099fe 66.6659926%,#0099fe 0,#63f 83.33266%,#63f 0)}.vjs-theme-fantasy.nyan .vjs-play-progress:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 100 125'%3E%3Cpath d='M62.153 37.323h2.813v3.246h-2.813zm2.705 3.246h2.813v3.246h-2.813zm2.814 3.245h11.9v3.246h-11.9zm11.9-19.365h2.813v19.365h-2.813zm2.814 12.874h3.244v3.246h-3.244zm3.244-3.191h5.627v3.246H85.63zm5.627 3.191h2.92v12.95h-2.92zm2.92 12.951h2.922V66.21h-2.922zM91.29 66.372h2.887v3.245H91.29zm-2.889 3.245h2.889v3.246h-2.889zm-61.089 3.246h61.003v3.245H27.312zm46.31 3.245h2.889v3.246h-2.889zm8.941 0h2.888v3.246h-2.888zm-6.052 3.246h6.053v3.245h-6.053zm-14.57 0h8.895v3.245h-8.895zm6.006-3.246h2.889v3.246h-2.889zm-8.626 0h2.888v3.246h-2.888zM27.312 17.917h49.387v3.246H27.312zm49.387 3.245h2.873v3.287h-2.873zm-20.327 12.97h5.781v3.191h-5.781zm-2.924 3.191h2.924v12.951h-2.924zm-2.96 12.951h2.96v16.049h-2.96zm2.96 16.049h2.924v3.257h-2.924zm2.924 3.257h2.949v3.283h-2.949zm8.697-6.367h2.878v6.367h-2.878zm2.878 3.184h17.504v3.22H67.947z'/%3E%3Cpath d='M82.563 63.213h2.888v3.185h-2.888zm-8.762 0h2.898v3.185h-2.898zm2.898-6.439h2.873v3.145h-2.873zm5.864 0h2.888v3.145h-2.888zm2.888-3.33h2.864v3.33h-2.864z'/%3E%3Cpath d='M85.451 56.774h2.864v3.145h-2.864zm-20.382-3.33h2.878v3.33h-2.878zm0 3.33h2.878v3.145h-2.878zm-2.86 0h2.86v3.145h-2.86zm-40.7-32.447h2.813v45.169h-2.813zm2.814-3.165h2.99v3.165h-2.99zm-5.761 48.334h8.75v3.367h-8.75zm-2.906 3.367h2.906v9.591h-2.906zm2.906 6.438h8.75v3.153h-8.75zm5.761-3.193h5.743V79.3h-5.743zm8.813 0h2.824v6.346h-2.824zm2.824 3.173h5.813v3.173H35.96zm5.814-3.173h2.864v3.173h-2.864zM3.948 40.569h11.708v3.229H3.948zm0 3.245h2.921v6.459H3.948zm2.921 3.246h2.934v6.384H6.869zm2.934 3.214h2.909v6.5H9.803z'/%3E%3Cpath d='M12.711 53.444h2.945v6.475h-2.945zm2.945 3.33h5.853v3.145h-5.853z'/%3E%3Cpath d='M18.583 59.919h2.926v3.294h-2.926zm0-12.875h2.926v6.4h-2.926zm-5.872-3.23h5.872v3.229h-5.872zm2.936 3.23h2.936v3.2h-2.936z'/%3E%3Cpath fill='none' d='M47.439 50.274h3.049v3.17h-3.049z'/%3E%3Cpath d='M73.801 30.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.118 32.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.108 3.246h2.813v3.246h9.027V30.94h-2.897zM33.136 56.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.907 12.928h2.907v3.184h-2.907V47.06zm5.771 16.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.705 0h-2.832v-3.354h2.832v3.354zm8.683 6.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;border:none;height:1.3em;top:-.35em;width:1.3em}.vjs-theme-forest{--vjs-theme-forest--primary:#6fb04e;--vjs-theme-forest--secondary:#fff}.vjs-theme-forest.vjs-big-play-button:focus,.vjs-theme-forest:hover .vjs-big-play-button{background-color:initial;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%236fb04e'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z'/%3E%3C/svg%3E")}.vjs-theme-forest .vjs-big-play-button{background:none;background-position:50%;background-repeat:no-repeat;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z'/%3E%3C/svg%3E");border:none;color:purple;height:88px;left:50%;margin-left:-44px;margin-top:-44px;top:50%;width:88px}.vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder{display:none}.vjs-theme-forest .vjs-button>.vjs-icon-placeholder:before{line-height:1.55}.vjs-theme-forest .vjs-control:not(.vjs-disabled):not(.vjs-time-control):hover{color:var(--vjs-theme-forest--primary);text-shadow:var(--vjs-theme-forest--secondary) 1px 0 10px}.vjs-theme-forest .vjs-control-bar{background:none;margin-bottom:1em;padding-left:1em;padding-right:1em}.vjs-theme-forest .vjs-play-control{font-size:.8em}.vjs-theme-forest .vjs-play-control .vjs-icon-placeholder:before{background-color:var(--vjs-theme-forest--secondary);border-radius:1em;color:var(--vjs-theme-forest--primary);height:1.5em;margin-top:.2em;width:1.5em}.vjs-theme-forest .vjs-play-control:hover .vjs-icon-placeholder:before{background-color:var(--vjs-theme-forest--primary);color:var(--vjs-theme-forest--secondary)}.vjs-theme-forest .vjs-mute-control{display:none}.vjs-theme-forest .vjs-volume-panel{margin-left:.5em;margin-right:.5em;padding-top:.3em}.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal,.vjs-theme-forest .vjs-volume-panel,.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.vjs-theme-forest .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-forest .vjs-volume-panel:hover,.vjs-theme-forest .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:3em}.vjs-theme-forest .vjs-volume-level:before{font-size:1em}.vjs-theme-forest .vjs-volume-panel .vjs-volume-control{height:100%;opacity:1;width:100%}.vjs-theme-forest .vjs-volume-bar{background-color:initial;margin:0}.vjs-theme-forest .vjs-slider-horizontal .vjs-volume-level{height:100%}.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal{height:100%;margin-bottom:0;margin-top:0}.vjs-theme-forest .vjs-volume-bar:before{border-bottom:2em solid var(--vjs-theme-forest--primary);border-left:3em solid #0000;border-right:0 solid #0000;border-top:0 solid #0000;content:"";height:0;left:0;position:absolute;top:0;width:0;z-index:0}.vjs-theme-forest .vjs-volume-level{background-color:initial;overflow:hidden}.vjs-theme-forest .vjs-volume-level:before{border-bottom:2em solid var(--vjs-theme-forest--secondary);border-left:3em solid #0000;border-right:0 solid #0000;border-top:0 solid #0000;content:"";height:0;left:0;position:absolute;top:0;width:0;z-index:1}.vjs-theme-forest .vjs-progress-control:hover .vjs-progress-holder{font-size:1em}.vjs-theme-forest .vjs-play-progress:before{display:none}.vjs-theme-forest .vjs-progress-holder{border-radius:.2em;height:.5em;margin:0}.vjs-theme-forest .vjs-load-progress,.vjs-theme-forest .vjs-load-progress div,.vjs-theme-forest .vjs-play-progress{border-radius:.2em}.vjs-theme-sea .vjs-big-play-button{background-color:#ffffff40;border:none;border-radius:30px;height:79px;left:50%;line-height:79px;margin:-51.5px auto 0 -39.5px;object-fit:contain;top:50%;width:103px}.vjs-theme-sea .vjs-control-bar{background-color:#fff6;height:4em}.vjs-theme-sea .vjs-button:hover{background:linear-gradient(0deg,#d0ddee,#fff);color:#4176bc}.vjs-theme-sea .vjs-button>.vjs-icon-placeholder:before{line-height:2.2}.vjs-theme-sea .vjs-time-control{line-height:4em}.vjs-theme-sea .vjs-picture-in-picture-control,.vjs-theme-sea .vjs-volume-panel{display:none}.vjs-theme-sea .vjs-progress-control .vjs-play-progress{background-color:#4176bce6}.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before{display:none}.vjs-theme-sea .vjs-progress-control .vjs-slider{background-color:#4176bc1a}.vjs-theme-sea .vjs-progress-control .vjs-load-progress div{background:#ffffff80}.vjs-theme-sea .vjs-progress-control .vjs-progress-holder{height:100%;margin:0}.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip{background-color:#4176bc80;color:#fff}.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{background-color:#ffffffb3;color:#4176bc}</style><style data-styled="" data-styled-version="5.3.5">.dzvRdP{max-width:1400px;margin:0 auto;position:relative;}/*!sc*/ @media (min-width:60em){.dzvRdP{padding:2em;}}/*!sc*/ @media (min-width:68.75em){.dzvRdP{padding:2.8em 2em;}}/*!sc*/ data-styled.g4[id="Container-sc-15w3q0z-0"]{content:"dzvRdP,"}/*!sc*/ .hLBjTn{color:#750075;font-weight:400;}/*!sc*/ .hLBjTn:hover,.hLBjTn:active{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g5[id="Link__StyledLink-sc-wxg1ap-0"]{content:"hLBjTn,"}/*!sc*/ .bZKoAk{display:inline-block;margin-top:16px;margin-left:16px;}/*!sc*/ @media (min-width:60em){.bZKoAk{margin:0;}}/*!sc*/ .bZKoAk h1{font-size:0;position:absolute;top:-99999px;left:-99999px;overflow:hidden;width:1px;height:1px;}/*!sc*/ .bZKoAk .Link-sc-wxg1ap-1{display:block;width:158px;height:37px;background:center / contain no-repeat url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsKCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPgoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+Cgk8IUVOVElUWSBuc19ncmFwaHMgImh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iPgoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+Cgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPgoJPCFFTlRJVFkgbnNfc2Z3ICJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyI+Cgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPgpdPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNTdweCIgaGVpZ2h0PSIzNS4zcHgiCgkgdmlld0JveD0iMCAwIDE1NyAzNS4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTcgMzUuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8bWV0YWRhdGE+Cgk8c2Z3ICB4bWxucz0iJm5zX3NmdzsiPgoJCTxzbGljZXM+PC9zbGljZXM+CgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjM1LjMiIHdpZHRoPSIxNTciIHg9IjExNTMuMSIgeT0iNDc4OSI+PC9zbGljZVNvdXJjZUJvdW5kcz4KCTwvc2Z3Pgo8L21ldGFkYXRhPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzcuMSwwIDE0LjQsMCAwLDE3LjQgMTQuNSwzNS4zIDM3LjEsMzUuMyAyMi43LDE3LjQgCQkiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQ3LDAgNDAuMSwwIDMxLjksOS45IDM4LjIsMTcuNCAzMS45LDI1LjEgNDAuMSwzNS4zIDQ3LDM1LjMgNjEuNCwxNy40IAkJIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEzLjcsMTMuOWMtMS45LDAtMy41LDEuNi0zLjUsMy41czEuNSwzLjUsMy41LDMuNXMzLjUtMS41LDMuNS0zLjVTMTE1LjYsMTMuOSwxMTMuNywxMy45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkwLjcsMTQuMmgtMi4xdjYuNGgyLjFjMS45LDAsMy41LTEuNCwzLjUtMy4yUzkyLjYsMTQuMiw5MC43LDE0LjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ1LjQsMy40SDUzbDExLjQsMTQuMUw1MywzMS45aDkyLjRMMTU3LDE3LjVMMTQ1LjQsMy40eiBNNzYuMiwyM2gtMi44bC00LjItMTEuMmgyLjZsMyw4LjFsMy04LjFoMi41CgkJTDc2LjIsMjN6IE04My45LDIzaC0yLjRWMTEuOGgyLjRWMjN6IE05MC43LDIzaC00LjVWMTEuOGg0LjVjMy4yLDAsNS45LDIuNSw1LjksNS42UzkzLjksMjMsOTAuNywyM3ogTTEwNi4yLDIzaC03LjlWMTEuOGg3LjZ2Mi40CgkJaC01LjN2MS45aDV2Mi40aC01djIuMWg1LjVWMjN6IE0xMTMuNywyMy4yYy0zLjIsMC01LjgtMi42LTUuOC01LjhzMi42LTUuOSw1LjgtNS45YzMuMiwwLDUuOSwyLjYsNS45LDUuOVMxMTYuOSwyMy4yLDExMy43LDIzLjJ6CgkJIE0xMzAsMTkuOWMwLDEuOS0xLjYsMy41LTMuNSwzLjVjLTEuNywwLTMuMS0xLjItMy40LTIuOGwyLjMtMC42YzAsMC42LDAuNSwxLDEuMSwxYzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOC4xaDIuNFYxOS45egoJCSBNMTM1LjIsMjMuMmMtMS41LDAtMi44LTAuNi0zLjYtMS41bDEuOS0xLjVjMC4zLDAuMywwLjksMC42LDEuNiwwLjZjMC45LDAsMS42LTAuNCwxLjYtMS4xYzAtMC40LTAuMy0wLjgtMC43LTAuOWwtMi0wLjYKCQljLTEuNC0wLjQtMi4yLTEuOC0yLjItMy4yYzAtMi4xLDEuOC0zLjUsMy43LTMuNWMxLjMsMCwyLjQsMC41LDMuMSwxLjNsLTEuOCwxLjVjLTAuMi0wLjItMC43LTAuNC0xLjItMC40Yy0wLjgsMC0xLjMsMC41LTEuMywxLjEKCQljMCwwLjQsMC4zLDAuOCwwLjcsMC45bDIsMC42YzEuNCwwLjQsMi4yLDEuOCwyLjIsMy4yQzEzOS4xLDIxLjgsMTM3LjMsMjMuMiwxMzUuMiwyMy4yeiIvPgo8L2c+Cjwvc3ZnPgo=);}/*!sc*/ data-styled.g7[id="Header__Logo-sc-cmpqbx-0"]{content:"bZKoAk,"}/*!sc*/ .ikfDkm{position:absolute;width:100%;z-index:100;}/*!sc*/ .ikfDkm .Container-sc-15w3q0z-0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/ data-styled.g8[id="Header__HeaderWrapper-sc-cmpqbx-1"]{content:"ikfDkm,"}/*!sc*/ @media (min-width:60em){.eAITWh{display:none;}}/*!sc*/ .eAITWh .bm-burger-button{position:absolute;width:36px;height:30px;top:1em;right:1em;}/*!sc*/ .eAITWh .bm-burger-button::before{content:'';position:absolute;width:150%;height:150%;top:-25%;left:-25%;background-color:#000;opacity:0.2;}/*!sc*/ .eAITWh .bm-burger-bars{background:#fff;}/*!sc*/ .eAITWh .bm-cross-button{height:24px;width:24px;}/*!sc*/ .eAITWh .bm-cross{background:#bdc3c7;}/*!sc*/ .eAITWh .bm-menu-wrap{position:fixed;height:100%;}/*!sc*/ .eAITWh .bm-menu{background:#373a47;padding:2.5em 1.5em 0;font-size:1.15em;}/*!sc*/ .eAITWh .bm-morph-shape{fill:#373a47;}/*!sc*/ .eAITWh .bm-item-list{color:#b8b7ad;padding:0.8em;}/*!sc*/ .eAITWh .bm-item{display:inline-block;}/*!sc*/ .eAITWh .bm-overlay{background:rgba(0,0,0,0.3);}/*!sc*/ .eAITWh .Link-sc-wxg1ap-1{color:white;padding-left:1em;}/*!sc*/ data-styled.g9[id="Header__MobileMenu-sc-cmpqbx-2"]{content:"eAITWh,"}/*!sc*/ .ducoje{display:none;}/*!sc*/ @media (min-width:60em){.ducoje{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}/*!sc*/ data-styled.g10[id="Header__DesktopMenu-sc-cmpqbx-3"]{content:"ducoje,"}/*!sc*/ .dhrXd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:2em;column-gap:2em;list-style:none;}/*!sc*/ .dhrXd li{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:16px;}/*!sc*/ @media (min-width:60em){.dhrXd li{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/ .dhrXd li:first-child{margin-left:0;}/*!sc*/ .dhrXd .Link-sc-wxg1ap-1{display:block;color:#fff;text-transform:uppercase;-webkit-letter-spacing:0.1em;-moz-letter-spacing:0.1em;-ms-letter-spacing:0.1em;letter-spacing:0.1em;font-family:"Montserrat",sans-serif;font-weight:400;font-size:0.8rem;line-height:1.91667;}/*!sc*/ @media (min-width:60em){.dhrXd .Link-sc-wxg1ap-1{font-size:0.8rem;padding:0;}}/*!sc*/ .dhrXd .Link-sc-wxg1ap-1:hover,.dhrXd.selected .Link-sc-wxg1ap-1{-webkit-text-decoration:none;text-decoration:none;background:rgba(225,225,225,0.1);}/*!sc*/ @media (min-width:60em){.dhrXd .Link-sc-wxg1ap-1:hover,.dhrXd.selected .Link-sc-wxg1ap-1{opacity:1;-webkit-text-decoration:none;text-decoration:none;background:0;opacity:0.5;}}/*!sc*/ data-styled.g11[id="Header__NavigationLinks-sc-cmpqbx-4"]{content:"dhrXd,"}/*!sc*/ .lmfKIr{padding:6em 2em 8em;text-align:center;}/*!sc*/ @media (min-width:60em){.lmfKIr{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsKCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPgoJPCFFTlRJVFkgbnNfYWkgImh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyI+Cgk8IUVOVElUWSBuc19ncmFwaHMgImh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iPgoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+Cgk8IUVOVElUWSBuc19pbXJlcCAiaHR0cDovL25zLmFkb2JlLmNvbS9JbWFnZVJlcGxhY2VtZW50LzEuMC8iPgoJPCFFTlRJVFkgbnNfc2Z3ICJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyI+Cgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4KCTwhRU5USVRZIG5zX2Fkb2JlX3hwYXRoICJodHRwOi8vbnMuYWRvYmUuY29tL1hQYXRoLzEuMC8iPgpdPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM6eD0iJm5zX2V4dGVuZDsiIHhtbG5zOmk9IiZuc19haTsiIHhtbG5zOmdyYXBoPSImbnNfZ3JhcGhzOyIKCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4MThweCIgaGVpZ2h0PSI3MDNweCIKCSB2aWV3Qm94PSIwIDAgMTgxOCA3MDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4MTggNzAzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGNkY2RjY7fQo8L3N0eWxlPgo8bWV0YWRhdGE+Cgk8c2Z3ICB4bWxucz0iJm5zX3NmdzsiPgoJCTxzbGljZXM+PC9zbGljZXM+CgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjcwMyIgd2lkdGg9IjE4MTgiIHg9IjUiIHk9IjI5OSI+PC9zbGljZVNvdXJjZUJvdW5kcz4KCTwvc2Z3Pgo8L21ldGFkYXRhPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5XzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTkiPgoJCTxnPgoJCQk8cmVjdCB4PSI1OTEiIHk9IjMwOCIgY2xhc3M9InN0MSIgd2lkdGg9IjExOCIgaGVpZ2h0PSI2NiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfOF8xXyIgY2xhc3M9InN0MCI+Cgk8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfOCI+CgkJPGc+CgkJCTxyZWN0IHg9IjExNzQiIHk9IjI2MiIgY2xhc3M9InN0MSIgd2lkdGg9IjQ0IiBoZWlnaHQ9Ijc5Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8xXyIgY2xhc3M9InN0MCI+Cgk8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHkiPgoJCTxnPgoJCQk8cmVjdCB4PSI0ODciIHk9IjUyMiIgY2xhc3M9InN0MSIgd2lkdGg9IjI4MCIgaGVpZ2h0PSIxNTgiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzEzXzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8xMyI+CgkJPGc+CgkJCTxyZWN0IHg9IjE0NSIgeT0iNDI0IiBjbGFzcz0ic3QxIiB3aWR0aD0iNzAiIGhlaWdodD0iNDAiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzE5XzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8xOSI+CgkJPGc+CgkJCTxyZWN0IHg9IjE2MzciIGNsYXNzPSJzdDEiIHdpZHRoPSI3MCIgaGVpZ2h0PSI0MCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfMTBfMV8iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzEwIj4KCQk8Zz4KCQkJPHJlY3QgeD0iMTUyNSIgeT0iMTE2IiBjbGFzcz0ic3QxIiB3aWR0aD0iNTYiIGhlaWdodD0iMzIiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzE3XzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8xNyI+CgkJPGc+CgkJCTxyZWN0IHg9IjEwNTEiIHk9IjU4MiIgY2xhc3M9InN0MSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjU2Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8yXzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8yIj4KCQk8Zz4KCQkJPHJlY3QgeD0iODQ3IiB5PSI0NTciIGNsYXNzPSJzdDEiIHdpZHRoPSI1OSIgaGVpZ2h0PSIxMDQiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzE1XzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8xNSI+CgkJPGc+CgkJCTxyZWN0IHg9IjE2MDMiIHk9IjI0OSIgY2xhc3M9InN0MSIgd2lkdGg9IjU5IiBoZWlnaHQ9IjEwNCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfMTZfMV8iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzE2Ij4KCQk8Zz4KCQkJPHJlY3QgeD0iNDUiIHk9IjU2MCIgY2xhc3M9InN0MSIgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxMDQiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzIxXzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8yMSI+CgkJPGc+CgkJCTxyZWN0IHk9IjI5OCIgY2xhc3M9InN0MSIgd2lkdGg9IjEwNCIgaGVpZ2h0PSIxNTAiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzdfMV8iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzciPgoJCTxnPgoJCQk8cmVjdCB4PSIyMDEiIHk9IjI1NiIgY2xhc3M9InN0MSIgd2lkdGg9IjE4NiIgaGVpZ2h0PSIxMDUiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzNfMV8iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzMiPgoJCTxnPgoJCQk8cmVjdCB4PSI0NTAiIHk9IjQwOCIgY2xhc3M9InN0MSIgd2lkdGg9IjExMiIgaGVpZ2h0PSI2MyIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfNl8xXyIgY2xhc3M9InN0MCI+Cgk8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfNiI+CgkJPGc+CgkJCTxyZWN0IHg9IjEyOTQiIHk9IjE4OCIgY2xhc3M9InN0MSIgd2lkdGg9IjE4NiIgaGVpZ2h0PSIxMDUiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzRfN18iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzQiPgoJCTxnPgoJCQk8cmVjdCB4PSI0NTUiIHk9IjI1MyIgY2xhc3M9InN0MSIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjI1Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8xNF8xXyIgY2xhc3M9InN0MCI+Cgk8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfMTQiPgoJCTxnPgoJCQk8cmVjdCB4PSIxNDIzIiB5PSIzNDEiIGNsYXNzPSJzdDEiIHdpZHRoPSI0NCIgaGVpZ2h0PSIyNSIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfMThfMV8iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzE4Ij4KCQk8Zz4KCQkJPHJlY3QgeD0iMTU5IiB5PSI0MSIgY2xhc3M9InN0MSIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjI1Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV85XzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV85Ij4KCQk8Zz4KCQkJPHJlY3QgeD0iMzA5IiB5PSI0MDQiIGNsYXNzPSJzdDEiIHdpZHRoPSI3NiIgaGVpZ2h0PSIxMzQiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzRfNl8iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzRfMV8iPgoJCTxnPgoJCQk8cmVjdCB4PSI5OTYiIHk9IjM2NiIgY2xhc3M9InN0MSIgd2lkdGg9IjEwNiIgaGVpZ2h0PSI2MCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfNV8xXyIgY2xhc3M9InN0MCI+Cgk8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfNSI+CgkJPGc+CgkJCTxyZWN0IHg9IjM0MyIgeT0iMTI0IiBjbGFzcz0ic3QxIiB3aWR0aD0iNzMiIGhlaWdodD0iNDEiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzIyXzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8yMiI+CgkJPGc+CgkJCTxyZWN0IHg9IjE3NDUiIHk9IjE2NyIgY2xhc3M9InN0MSIgd2lkdGg9IjczIiBoZWlnaHQ9IjQxIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV80XzVfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV80XzJfIj4KCQk8Zz4KCQkJPHJlY3QgeD0iMTQxNyIgeT0iNTg1IiBjbGFzcz0ic3QxIiB3aWR0aD0iMTg2IiBoZWlnaHQ9IjEwNSIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfMTFfMV8iIGNsYXNzPSJzdDAiPgoJPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzExIj4KCQk8Zz4KCQkJPHJlY3QgeD0iOTYiIHk9IjE4OCIgY2xhc3M9InN0MSIgd2lkdGg9IjYyIiBoZWlnaHQ9IjM1Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8yMF8xXyIgY2xhc3M9InN0MCI+Cgk8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfMjAiPgoJCTxnPgoJCQk8cmVjdCB4PSIxMzg2IiB5PSI0MjYiIGNsYXNzPSJzdDEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI4NSIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfNF80XyIgY2xhc3M9InN0MCI+Cgk8ZyBpZD0iUmVjdGFuZ2xlXzE5X2NvcHlfNF8zXyI+CgkJPGc+CgkJCTxyZWN0IHg9IjExNzciIHk9IjQ0MCIgY2xhc3M9InN0MSIgd2lkdGg9IjE0OCIgaGVpZ2h0PSIyNjMiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJlY3RhbmdsZV8xOV9jb3B5XzEyXzFfIiBjbGFzcz0ic3QwIj4KCTxnIGlkPSJSZWN0YW5nbGVfMTlfY29weV8xMiI+CgkJPGc+CgkJCTxyZWN0IHg9IjE1MzQiIHk9IjQwNiIgY2xhc3M9InN0MSIgd2lkdGg9IjI3MyIgaGVpZ2h0PSIxNTQiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==);height:50em;}}/*!sc*/ data-styled.g12[id="Footer__Wrapper-sc-1ww42aw-0"]{content:"lmfKIr,"}/*!sc*/ .ifAuit{margin-bottom:2.4em;}/*!sc*/ data-styled.g13[id="Footer__VideoJsLogoWrapper-sc-1ww42aw-1"]{content:"ifAuit,"}/*!sc*/ .bIwkhf{color:#000;font-size:14px;font-weight:bold;line-height:1.85;-webkit-letter-spacing:0.075em;-moz-letter-spacing:0.075em;-ms-letter-spacing:0.075em;letter-spacing:0.075em;list-style-type:none;padding:0;margin:0 0 1.5em 0;text-transform:uppercase;display:none;}/*!sc*/ @media (min-width:60em){.bIwkhf{display:block;}}/*!sc*/ data-styled.g14[id="Footer__Nav-sc-1ww42aw-2"]{content:"bIwkhf,"}/*!sc*/ .brqRjf{display:inline-block;}/*!sc*/ .brqRjf:not(:last-child){margin-right:2em;}/*!sc*/ .brqRjf a{color:inherit;}/*!sc*/ data-styled.g15[id="Footer__NavItem-sc-1ww42aw-3"]{content:"brqRjf,"}/*!sc*/ .eNndFa{color:#010101;font-size:13px;font-weight:300;line-height:1.85;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;margin-bottom:3em;}/*!sc*/ data-styled.g16[id="Footer__Copyright-sc-1ww42aw-4"]{content:"eNndFa,"}/*!sc*/ .dxelYt a:not(:last-child){margin-right:1.2em;}/*!sc*/ data-styled.g17[id="Footer__Logos-sc-1ww42aw-5"]{content:"dxelYt,"}/*!sc*/ @font-face{font-family:'OCR A Extended';font-style:normal;font-weight:normal;src:local('OCR A Extended'),url(/static/OCRAEXT-7ca3e83e5219863bb514fea8dfbc562f.woff) format('woff');}/*!sc*/ @-webkit-keyframes rotate{100%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}}/*!sc*/ @keyframes rotate{100%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}}/*!sc*/ html{font-family:sans-serif;font-size:100%;font-weight:400;line-height:1.5333333333333334;color:#000;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}/*!sc*/ html,body{height:100%;}/*!sc*/ body{font-family:"Montserrat",sans-serif;}/*!sc*/ *{box-sizing:border-box;}/*!sc*/ h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,table,th,td,caption,hr{margin:0;padding:0;}/*!sc*/ abbr[title],dfn[title]{cursor:help;}/*!sc*/ a,u,ins{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ u{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ ins{border-bottom:1px solid;}/*!sc*/ object,img{font-style:italic;vertical-align:middle;max-width:100%;}/*!sc*/ label,input,textarea,button,select,option{cursor:pointer;}/*!sc*/ .text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:none;}/*!sc*/ ::-moz-selection{background-color:#b4d5ff;color:#000;}/*!sc*/ ::selection{background-color:#b4d5ff;color:#000;}/*!sc*/ .hidden{display:none;}/*!sc*/ data-styled.g18[id="sc-global-gTOjnG1"]{content:"sc-global-gTOjnG1,"}/*!sc*/ .iZOxif{font-family:'Montserrat',sans-serif;font-weight:100;}/*!sc*/ data-styled.g21[id="Typography__H2-sc-wed2po-1"]{content:"iZOxif,"}/*!sc*/ .efyrxV{text-align:center;background-color:#9F43B5;color:#fff;}/*!sc*/ @media (min-width:60em){.efyrxV{background-image:url(/static/fantasy-hero-33b7f54e9e0576d94aadde991576dfe3.svg);background-repeat:no-repeat;background-position:center top;}}/*!sc*/ .efyrxV .Typography__H2-sc-wed2po-1{font-size:34px;line-height:1em;font-weight:500;text-align:center;padding:0 .25em;}/*!sc*/ @media (min-width:47.5em){.efyrxV .Typography__H2-sc-wed2po-1{font-size:56px;}}/*!sc*/ @media (min-width:60em){.efyrxV .Typography__H2-sc-wed2po-1{font-size:56px;}}/*!sc*/ .efyrxV .Typography__H2-sc-wed2po-1 span{display:block;font-size:20px;line-height:1.4em;font-weight:100;margin-top:0.75em;margin-bottom:0.8em;text-align:center;}/*!sc*/ @media (min-width:37.5em){.efyrxV .Typography__H2-sc-wed2po-1 span{font-size:22px;margin-bottom:1.2em;line-height:1.4em;}}/*!sc*/ @media (min-width:68.75em){.efyrxV .Typography__H2-sc-wed2po-1 span{margin-bottom:2.4em;}}/*!sc*/ .efyrxV .Container-sc-15w3q0z-0{padding-top:6em;}/*!sc*/ @media (min-width:60em){.efyrxV .Container-sc-15w3q0z-0{padding-top:8em;}}/*!sc*/ @media (min-width:87.5em){.efyrxV .Container-sc-15w3q0z-0{padding-top:10em;padding-bottom:17em;}}/*!sc*/ data-styled.g24[id="Hero-sc-1909lcx-0"]{content:"efyrxV,"}/*!sc*/ .jWmtLN{visibility:hidden;}/*!sc*/ data-styled.g118[id="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0"]{content:"jWmtLN,"}/*!sc*/ .kFcqlD{float:left;margin-left:-20px;color:inherit;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .kFcqlD:active,.kFcqlD:focus{outline:none;}/*!sc*/ data-styled.g119[id="WithMdxComponents__StyledLink-sc-15bb0ke-1"]{content:"kFcqlD,"}/*!sc*/ .gCpiSR:hover .WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0{visibility:visible;}/*!sc*/ data-styled.g120[id="WithMdxComponents__StyledHeader-sc-15bb0ke-2"]{content:"gCpiSR,"}/*!sc*/ .jpEUan .Container-sc-15w3q0z-0{padding-bottom:2.5em;}/*!sc*/ @media (min-width:47.5em){.jpEUan .Container-sc-15w3q0z-0{padding-bottom:3.5em;}}/*!sc*/ @media (min-width:68.75em){.jpEUan .Container-sc-15w3q0z-0{padding-bottom:6em;}}/*!sc*/ @media (min-width:87.5em){.jpEUan{background-position:center -425px;}.jpEUan .Container-sc-15w3q0z-0{padding-top:10em;padding-bottom:13em;}}/*!sc*/ data-styled.g131[id="GettingStartedHero__StyledHero-sc-4p5rz7-0"]{content:"jpEUan,"}/*!sc*/ .pqrnD{font-size:34px;line-height:1em;margin-bottom:1.5em;font-weight:500;}/*!sc*/ @media (min-width:47.5em){.pqrnD{font-size:56px;margin-bottom:1.1em;padding:0;}}/*!sc*/ @media (min-width:60em){.pqrnD{font-size:56px;margin-bottom:0.3em;padding:0;}}/*!sc*/ data-styled.g132[id="GettingStartedHero__StyledH2-sc-4p5rz7-1"]{content:"pqrnD,"}/*!sc*/ .kPisOb{font-size:20px;line-height:1.4em;font-weight:100;max-width:33em;margin:0 auto;text-align:center;color:#fff;padding:0 1em;}/*!sc*/ @media (min-width:37.5em){.kPisOb{font-size:22px;}}/*!sc*/ @media (min-width:60em){.kPisOb{padding:0;}}/*!sc*/ data-styled.g133[id="GettingStartedHero__Subheading-sc-4p5rz7-2"]{content:"kPisOb,"}/*!sc*/ .hlzWvd{display:none;}/*!sc*/ @media (min-width:60em){.hlzWvd{display:block;width:24%;padding-right:2.5em;}.hlzWvd > ul{margin-left:-3.5em;}@media (min-width:60em){.hlzWvd > ul{margin-left:-6.25em;}}.hlzWvd ul{list-style-type:none;padding:0;}.hlzWvd ul ul li:last-child{margin-bottom:1.3em;}.hlzWvd ul ul a{color:#6b6b6b;font-weight:normal;padding:0.4em 0.625em 0.4em 5.375em;margin:0;}.hlzWvd ul a{display:inline-block;color:#000;font-weight:bold;line-height:1;padding:0.875em 1em 0.875em 3.5em;margin-bottom:0.3em;}.hlzWvd ul a:hover{color:#a043b6;}.hlzWvd ul a.active{background:#f3e5f7;color:#000;}}/*!sc*/ data-styled.g134[id="GettingStartedNav__Wrapper-sc-1y9cejy-0"]{content:"hlzWvd,"}/*!sc*/ .mfoHa{width:100%;}/*!sc*/ @media (min-width:60em){.mfoHa{width:76%;}}/*!sc*/ .mfoHa h2,.mfoHa h3{font-size:28px;margin-bottom:0.4em;}/*!sc*/ .mfoHa p{color:#424242;font-size:18px;font-weight:300;line-height:1.78;margin-bottom:2.8em;}/*!sc*/ .mfoHa .gatsby-highlight{margin-bottom:3.5em;}/*!sc*/ data-styled.g135[id="GettingStartedArticle__Wrapper-sc-nxpm2f-0"]{content:"mfoHa,"}/*!sc*/ .iMANXo{width:100%;padding:2em;}/*!sc*/ @media (min-width:60em){.iMANXo{padding:6em;}}/*!sc*/ data-styled.g136[id="GettingStartedTemplate__StyledContainer-sc-10643pg-0"]{content:"iMANXo,"}/*!sc*/ .dMuYwl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:2em;width:100%;}/*!sc*/ data-styled.g137[id="GettingStartedTemplate__MainContentWrapper-sc-10643pg-1"]{content:"dMuYwl,"}/*!sc*/ </style><title data-react-helmet="true">Getting Started with Video.js - Video.js: The Player Framework | Video.js</title><link data-react-helmet="true" rel="shortcut icon" href="/favicon.ico"/><link data-react-helmet="true" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600"/><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link rel="icon" href="/favicon-32x32.png?v=bf2966ea120471050e8e6b81b05d8cc8" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=bf2966ea120471050e8e6b81b05d8cc8"/><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><header class="Header__HeaderWrapper-sc-cmpqbx-1 ikfDkm"><div class="Container-sc-15w3q0z-0 dzvRdP"><div class="Header__Logo-sc-cmpqbx-0 bZKoAk"><h1>Videojs.com</h1><a aria-label="Videojs.com homepage" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/"></a></div><nav role="navigation" class="Header__DesktopMenu-sc-cmpqbx-3 ducoje"><ul class="Header__NavigationLinks-sc-cmpqbx-4 dhrXd"><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started">Get Started</a></li><li><a href="/guides" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Guides</a></li><li><a href="https://docs.videojs.com" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">API Docs</a></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/blog">Blog</a></li><li><a href="https://github.com/videojs/video.js" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Github</a></li></ul></nav><div class="Header__MobileMenu-sc-cmpqbx-2 eAITWh"><div><div class="bm-overlay" style="position:fixed;z-index:1000;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);opacity:0;-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);transition:opacity 0.3s, transform 0s 0.3s"></div><div id="" class="bm-menu-wrap" style="position:fixed;right:0;z-index:1100;width:300px;height:100%;-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);transition:all 0.5s"><div class="bm-menu" style="height:100%;box-sizing:border-box;overflow:auto"><nav class="bm-item-list" style="height:100%"><ul class="Header__NavigationLinks-sc-cmpqbx-4 dhrXd bm-item"><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started">Get Started</a></li><li><a href="/guides" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Guides</a></li><li><a href="https://docs.videojs.com" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">API Docs</a></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/blog">Blog</a></li><li><a href="https://github.com/videojs/video.js" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Github</a></li></ul></nav></div><div><div class="bm-cross-button" style="position:absolute;width:24px;height:24px;right:8px;top:8px"><span style="position:absolute;top:6px;right:14px"><span class="bm-cross" style="position:absolute;width:3px;height:14px;transform:rotate(45deg)"></span><span class="bm-cross" style="position:absolute;width:3px;height:14px;transform:rotate(-45deg)"></span></span><button style="position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;border:none;font-size:0;background:transparent;cursor:pointer" tabindex="-1">Close Menu</button></div></div></div><div><div class="bm-burger-button" style="z-index:1000"><span><span class="bm-burger-bars" style="position:absolute;height:20%;left:0;right:0;top:0%;opacity:1"></span><span class="bm-burger-bars" style="position:absolute;height:20%;left:0;right:0;top:40%;opacity:1"></span><span class="bm-burger-bars" style="position:absolute;height:20%;left:0;right:0;top:80%;opacity:1"></span></span><button style="position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;border:none;font-size:0;background:transparent;cursor:pointer">Open Menu</button></div></div></div></div></div></header><main><section class="Hero-sc-1909lcx-0 GettingStartedHero__StyledHero-sc-4p5rz7-0 efyrxV jpEUan"><div class="Container-sc-15w3q0z-0 dzvRdP"><h2 class="Typography__H2-sc-wed2po-1 GettingStartedHero__StyledH2-sc-4p5rz7-1 iZOxif pqrnD">Getting Started</h2><p class="GettingStartedHero__Subheading-sc-4p5rz7-2 kPisOb">An overview of how to get started using Video.js, from basic CDN usage to Browserify, along with examples.</p></div></section><div class="Container-sc-15w3q0z-0 GettingStartedTemplate__StyledContainer-sc-10643pg-0 dzvRdP iMANXo"><div class="GettingStartedTemplate__MainContentWrapper-sc-10643pg-1 dMuYwl"><aside class="GettingStartedNav__Wrapper-sc-1y9cejy-0 hlzWvd"><ul><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#download">Download</a><ul><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#videojs-cdn">Video.js CDN</a></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#install-via-npm">Install via npm</a></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#internet-explorer-support">Internet Explorer Support</a></li></ul></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#whats-in-the-box">What's in the box?</a><ul><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#distributions">Distributions</a></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#source-code">Source Code</a></li></ul></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#build-tools">Build Tools</a></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#customize">Customize</a><ul><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#skinning">Skinning</a><ul><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#home-page-themes">Home Page Themes</a></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#designing-your-own">Designing your own</a></li></ul></li><li><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started/#plugins">Plugins</a></li></ul></li></ul></aside><article class="GettingStartedArticle__Wrapper-sc-nxpm2f-0 mfoHa"><h2 id="download" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#download"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Download</h2><p>There are a few ways to get started using Video.js (currently v8.22.0), but you should select the one that best fits your particular use case.</p><h3 id="videojs-cdn" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#videojs-cdn"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Video.js CDN</h3><p>Our friends at <a href="http://fastly.com" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Fastly</a> are nice enough to provide hosting for all the necessary files for Video.js on their content delivery network. Using these hosted files is probably the easiest way to get started using Video.js, you simply need to include the following links in your page.</p><div class="gatsby-highlight" data-language="html"><pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://vjs.zencdn.net/8.22.0/video-js.css<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token comment"></span> <span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>video</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-video<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>video-js<span class="token punctuation">"</span></span> <span class="token attr-name">controls</span> <span class="token attr-name">preload</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>auto<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>640<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>264<span class="token punctuation">"</span></span> <span class="token attr-name">poster</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>MY_VIDEO_POSTER.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">data-setup</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{}<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>source</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>MY_VIDEO.mp4<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>video/mp4<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>source</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>MY_VIDEO.webm<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>video/webm<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vjs-no-js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> To view this video please enable JavaScript, and consider upgrading to a web browser that <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://videojs.com/html5-video-support/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>supports HTML5 video<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span> <span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>video</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://vjs.zencdn.net/8.22.0/video.min.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span></code></pre></div><h3 id="install-via-npm" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#install-via-npm"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Install via npm</h3><p>For more advanced workflows, installing via <a href="http://npmjs.com" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">npm</a> is recommended</p><div class="gatsby-highlight" data-language="text"><pre class="language-text"><code class="language-text">$ npm install --save-dev video.js</code></pre></div><h3 id="internet-explorer-support" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#internet-explorer-support"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Internet Explorer Support</h3><p>Beginning with v7, we will no longer support Microsoft Internet Explorer versions prior to IE 11, including IE 8, 9, and 10. Microsoft dropped support for these versions over two years ago, they are widely considered out of compliance with modern security standards, and they comprise less than 0.1% of Video.js browser usage.</p><p>For versions of Video.js prior to v7, there are a few common things you should keep in mind regardless of how you end up including Video.js in your project. The core codebase uses a few modern features of Javascript (ES5), so if you'd like to support IE8 you'll need to include an ES5 shim. To make things easier, we created a single file you can include for IE8 support. No matter where the core Video.js library is placed, this file needs to be located in the <code><head></code> of the document.</p><h2 id="whats-in-the-box" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#whats-in-the-box"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>What's in the box?</h2><p>If you've downloaded one of the <a href="https://github.com/videojs/Video.js/releases" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">releases</a> or installed via a package manager, you've probably noticed that the contents are slightly different from the source code available on Github. The former includes just the compiled files necessary to use Video.js, and the latter includes the source used to create those files.</p><h3 id="distributions" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#distributions"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Distributions</h3><p>A Video.js distribution is what you'll find if you've downloaded a release or installed via a package manager.</p><div class="gatsby-highlight" data-language="text"><pre class="language-text"><code class="language-text">Video.js/ ├── alt │ ├── video.core.js │ ├── video.core.min.js │ ├── video.core.novtt.js │ ├── video.core.novtt.min.js │ ├── video.novtt.js │ └── video.novtt.min.js ├── examples/ ├── font │ ├── VideoJS.svg │ ├── VideoJS.ttf │ └── VideoJS.woff ├── lang/ ├── video-js-<span class="vjs-version">$LATEST_VERSION$</span>.zip ├── video-js.css ├── video-js.min.css ├── video.cjs.js ├── Video.es.js ├── Video.js └── video.min.js</code></pre></div><p>This package includes everything you'll need to use Video.js on a production site. By default, we bundle Video.js with Mozilla's excellent <a href="https://github.com/mozilla/vtt.js" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">VTT.js</a>. If you don't need VTT.js functionality for whatever reason, you can use one of the Video.js copies that don't include VTT.js. These have <code>novtt</code> in the name and can be found in the <code>alt/</code> directory. <code>font/</code> includes all the generated icon font files from the <a href="https://github.com/videojs/font" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Videojs Font project</a>. <code>lang/</code> contains all the generated translation files.</p><h3 id="source-code" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#source-code"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Source Code</h3><p>The source code is everything you'll find when checking out the Video.js git repository. This includes all the source files and any tooling necessary to build a production ready version of Video.js, as well as useful development tools such as sandboxed examples.</p><p>A lot of the root source directory is JSON configs for various package managers because, Internet. Most likely the important things you're looking for will be in <code>src/</code> and <code>build/</code>. <code>src/</code> contains all of the source files for both the player JS and the base skin, while the <code>build/</code> directory contains various grunt tasks as well as the primary build file, <code>grunt.js</code>.</p><h2 id="build-tools" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#build-tools"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Build Tools</h2><p>Before getting started, you'll need <a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Node.js</a> installed. See <a href="https://github.com/videojs/video.js/blob/main/CONTRIBUTING.md#contributing-code" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">CONTRIBUTING.md</a> for more details.</p><h2 id="customize" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#customize"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Customize</h2><p>Using Video.js straight out of the box is fine, but we think it's better if you make it your own. Plugins and skins make it possible to completely customize your player.</p><h3 id="skinning" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#skinning"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Skinning</h3><p>The player skin is completely built from HTML and CSS, including when other players like YouTube are used.</p><p>Skin changes can be as simple as centering the play button (you can just add the 'vjs-big-play-centered' class to your video tag), or as complex as creating entirely new layouts. We've built a codepen project where you can explore different changes.</p><h4 id="home-page-themes" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#home-page-themes"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Home Page Themes</h4><p>The themes in the home page come from the <a href="https://github.com/videojs/themes" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Videojs Themes library</a>. To use them in your player, import the CSS, then add the relevant class to your video tag. For example, if you want to use the <a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/city">City</a> theme, you could set up your HTML like so:</p><div class="gatsby-highlight" data-language="html"><pre class="language-html"><code class="language-html"><span class="token comment"></span> <span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/video.js@7/dist/video-js.min.css<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/@videojs/themes@1/dist/city/index.css<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>video</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>video-js vjs-theme-city<span class="token punctuation">"</span></span> <span class="token attr-name">...</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>video</span><span class="token punctuation">></span></span></code></pre></div><h4 id="designing-your-own" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#designing-your-own"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Designing your own</h4><p>A great place to start is the <a href="https://codepen.io/heff/pen/EarCt" target="_blank" rel="noopener noreferrer" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Video.js Skin Designer</a>, but at the end of the day we suggest using the cascading aspect of CSS to simply override the parts of the design you want to customize.</p><h3 id="plugins" class="WithMdxComponents__StyledHeader-sc-15bb0ke-2 gCpiSR"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 WithMdxComponents__StyledLink-sc-15bb0ke-1 iHtQlw kFcqlD" href="/getting-started/#plugins"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16" class="WithMdxComponents__StyledLinkIcon-sc-15bb0ke-0 jWmtLN"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Plugins</h3><p>Video.js by itself is purposefully very simple. It supports the basic video and audio playback features and ensures they work the same across different playback technologies ("techs"). Any more advanced features are built as plugins, including playlists, analytics, advertising, and support for advanced formats like HLS and DASH. Check out the plugins page to see what's available.</p><p><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/plugins">Video.js Plugins</a></p></article></div></div></main><footer class="Footer__Wrapper-sc-1ww42aw-0 lmfKIr"><div class="Footer__VideoJsLogoWrapper-sc-1ww42aw-1 ifAuit"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/"><img src="/static/42d8f872f22e8519211292ea3ede0aa1/logo-black.svg" alt="Video.js logo" loading="lazy"/></a></div><ul class="Footer__Nav-sc-1ww42aw-2 bIwkhf"><li class="Footer__NavItem-sc-1ww42aw-3 brqRjf"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/getting-started">Get Started</a></li><li class="Footer__NavItem-sc-1ww42aw-3 brqRjf"><a href="/guides" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Guides</a></li><li class="Footer__NavItem-sc-1ww42aw-3 brqRjf"><a href="https://docs.videojs.com" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">API Docs</a></li><li class="Footer__NavItem-sc-1ww42aw-3 brqRjf"><a class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw" href="/blog">Blog</a></li><li class="Footer__NavItem-sc-1ww42aw-3 brqRjf"><a href="https://github.com/videojs/video.js" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw">Github</a></li></ul><div class="Footer__Copyright-sc-1ww42aw-4 eNndFa"><p>Video.js is a free and open source HTML5 video player framework.</p><p>© <a href="https://brightcove.com">Brightcove, Inc.</a></p></div><div class="Footer__Logos-sc-1ww42aw-5 dxelYt"><a href="https://twitter.com/@videojs" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw"><img src="/static/05c745b5bca1db6f2d2cbef33a7cb99c/x-twitter.svg" alt="Twitter logo" loading="lazy"/></a><a href="https://github.com/videojs/video.js" class="Link__StyledLink-sc-wxg1ap-0 hLBjTn Link-sc-wxg1ap-1 iHtQlw"><img src="/static/29ff5853365e8c0e73453298c0277b76/github.svg" alt="Github logo" loading="lazy"/></a></div></footer></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script> function gaOptout(){document.cookie=disableStr+'=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/',window[disableStr]=!0}var gaProperty='UA-16505296-1',disableStr='ga-disable-'+gaProperty;document.cookie.indexOf(disableStr+'=true')>-1&&(window[disableStr]=!0); if(true) { (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); } if (typeof ga === "function") { ga('create', 'UA-16505296-1', 'auto', {"cookieExpires":0}); ga('set', 'anonymizeIp', true); }</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/getting-started/";window.___webpackCompilationHash="f76b8803c80a16ddeafa";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-94d34a731f70a0234811.js"],"component---src-pages-404-jsx":["/component---src-pages-404-jsx-b51ef8e674d1b46c2611.js"],"component---src-pages-advanced-jsx":["/component---src-pages-advanced-jsx-d5b30b0cce8a3639e5b2.js"],"component---src-pages-html-5-video-support-jsx":["/component---src-pages-html-5-video-support-jsx-2cd03bb47334e79bad24.js"],"component---src-pages-index-jsx":["/component---src-pages-index-jsx-ed9b6323272427fc6a68.js"],"component---src-pages-plugins-jsx":["/component---src-pages-plugins-jsx-ea2e2e53d7943da00ac5.js"],"component---src-templates-blog-list-template-jsx":["/component---src-templates-blog-list-template-jsx-45fdc30f059db89c98c6.js"],"component---src-templates-blog-post-template-jsx":["/component---src-templates-blog-post-template-jsx-3acc6502a394d2ac2330.js"],"component---src-templates-blog-tag-template-jsx":["/component---src-templates-blog-tag-template-jsx-4a2d1633cad8fe4e1409.js"],"component---src-templates-getting-started-template-jsx":["/component---src-templates-getting-started-template-jsx-0c8e113e438c2ce304bd.js"],"component---src-templates-guides-list-template-jsx":["/component---src-templates-guides-list-template-jsx-abcfc28666741ce73f21.js"],"component---src-templates-guides-view-template-jsx":["/component---src-templates-guides-view-template-jsx-bebd4f38169921dffcb7.js"],"component---src-templates-home-template-jsx":[]};/*]]>*/</script><script src="/app-94d34a731f70a0234811.js" async=""></script><script src="/d6e1aeb5-2aa915d783db5c5249fd.js" async=""></script><script src="/440a44a5-ec9ffc16b58226e612eb.js" async=""></script><script src="/framework-e722c55ef05f1276dcec.js" async=""></script><script src="/webpack-runtime-329bcd6f35851b97a9a8.js" async=""></script></body></html>