cloudinary-video-player 1.5.5 → 1.5.9

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