@vidispine/vdt-videojs 23.4.0-pre.2 → 23.4.0-pre.3

package/dist/index.css

@@ -1 +1 @@
-@import"video.js/dist/video-js.css";.vdt-videojs-root textarea,.vdt-videojs-root select,.vdt-videojs-root input,.vdt-videojs-root button,.vdt-videojs-root video{outline:none}.vdt-videojs-root button:focus,.vdt-videojs-root .video-js .vjs-menu-item{outline:initial}.vdt-videojs-root .video-js{max-width:100%;overflow:hidden}.vdt-videojs-root .video-js.init{height:0px!important;display:none}.vdt-videojs-root .video-js video{transform:translateZ(0);-webkit-transform:translate3d(0px,0px,0px);display:block}.vdt-videojs-root .video-js .vjs-poster{background-size:cover}.vdt-videojs-root .video-js .vjs-control-bar{height:50px;padding-top:6px;display:flex;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,.3) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);transform:translateZ(0);-webkit-transform:translate3d(0px,0px,0px);z-index:2}.vdt-videojs-root .video-js .vjs-control-bar .vdt-seekbar-wrapper{top:0px;left:0px;height:10px;width:100%;position:absolute;margin:0 auto}.vdt-videojs-root .video-js .vjs-big-play-button{font-size:90px;border:0px;background-color:transparent;text-shadow:1px 2px 40px rgba(0,0,0,.4);z-index:2}.vdt-videojs-root .video-js .vjs-big-play-button .vjs-icon-placeholder:before{padding-top:5px}.vdt-videojs-root .video-js:hover .vjs-big-play-button,.vdt-videojs-root .video-js:hover .vjs-big-play-button:focus{background-color:transparent}.vdt-videojs-root .video-js .vjs-progress-control{top:0px;left:0px;position:absolute;display:block;width:100%;height:10px}.vdt-videojs-root .video-js .vjs-progress-control .vjs-load-progress{background:rgba(255,255,255,.2)}.vdt-videojs-root .video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,.vdt-videojs-root .video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.vdt-videojs-root .video-js .vjs-time-control.duration,.vdt-videojs-root .video-js .vjs-time-control.vjs-duration{margin-right:auto}.vdt-videojs-root .video-js .vjs-subs-caps-button .vjs-icon-placeholder,.vdt-videojs-root .video-js .vdt-screenshot-button .vjs-icon-placeholder{opacity:.6}.vdt-videojs-root .video-js.has-vdt-menu .vjs-subs-caps-button{display:none}.vdt-videojs-root .video-js.subtitles-active .vjs-subs-caps-button .vjs-icon-placeholder{opacity:1}.vdt-videojs-root .video-js .vjs-control{font-size:14px}.vdt-videojs-root .video-js .vjs-play-progress.vjs-slider-bar{background-color:red}.vdt-videojs-root .video-js .vjs-current-time,.vdt-videojs-root .video-js .vjs-time-control,.vdt-videojs-root .video-js .vjs-no-flex .vjs-current-time{display:block}.vdt-videojs-root .video-js .vjs-time-control{font-size:14px;padding:0;min-width:14px;text-align:center}.vdt-videojs-root .video-js .vjs-volume-panel,.vdt-videojs-root .video-js .vjs-volume-panel .vjs-mute-control{width:3em}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu{bottom:20px}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#1c1c1ce6;border-radius:7px}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected){background-color:transparent}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected){background-color:#fff3}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item-text{color:#fff}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text{color:#333}.vdt-videojs-root .video-js .vdt-player-osd{pointer-events:none;position:absolute;top:0px;left:0px;height:100%;width:100%;opacity:0;z-index:4;-webkit-transform:translate3d(0px,0px,0px) scale3d(.5,.5,.5);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale3d(.5,.5,.5);transition:.2s ease-out all}.vdt-videojs-root .video-js .vdt-player-osd.active{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}.vdt-videojs-root .video-js .vdt-player-osd table{width:100%;height:100%}.vdt-videojs-root .video-js .vdt-player-osd table td{vertical-align:middle;text-align:center}.vdt-videojs-root .video-js .vdt-player-osd table td .osd-feedback-icon:before{font-family:VideoJS;content:"";font-size:50px;padding:15px;display:inline-block;height:80px;width:80px;text-align:center;background:rgba(0,0,0,.2);border-radius:100%}.vdt-videojs-root .video-js .vdt-player-osd table td .pause:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.high:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.mid:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.low:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .mute:before,.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.null:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .unmute:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .forward-jump:before,.vdt-videojs-root .video-js .vdt-player-osd table td .backward-jump:before{content:"";letter-spacing:-38px;padding-left:0;padding-right:34px}.vdt-videojs-root .video-js .vdt-player-osd table td .backward-jump:before{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@keyframes vjs-spinner-fade{0%{border-top-color:#fff9}35%{border-top-color:#fff}to{border-top-color:#fff9}}.vdt-videojs-root .video-js .vjs-loading-spinner{margin:-40px 0 0 -40px;opacity:.85;border:5px solid rgba(255,255,255,.7);width:80px;height:80px;border-radius:100px;z-index:5}.vdt-videojs-root .video-js .vjs-loading-spinner:after,.vdt-videojs-root .video-js .vjs-loading-spinner:before{margin:-5px}.vdt-videojs-root .video-js .vjs-text-track-display,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:0px;transition:transform .3s ease-out;-webkit-transform:translate3d(0px,0px,0px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.vdt-videojs-root .video-js .vjs-text-track-display>div,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display>div{display:table;width:100%;height:100%;margin:0!important}.vdt-videojs-root .video-js .vjs-text-track-display .vjs-text-track-cue,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue{width:100%!important;bottom:0px!important;top:initial!important;left:initial!important;right:initial!important;font-size:18px!important;height:auto!important;padding-bottom:1.5%;display:table-cell}.vdt-videojs-root .video-js .vjs-text-track-display .vjs-text-track-cue>div,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue>div{padding:2px 4px;line-height:1.25;border-radius:2px}.vdt-videojs-root .video-js.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:24px!important}.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar,.vdt-videojs-root .video-jsdiv .vjs-control-bar,.vdt-videojs-root .video-js.vjs-controls-enabled.vjs-user-active .vjs-control-bar,.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar{opacity:1}.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar,.vdt-videojs-root .video-js:not(.controls-below-player) .vjs-control-bar{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,50px,0);transition:transform .3s ease-in-out}.vdt-videojs-root .video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player) .vjs-control-bar,.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player) .vjs-control-bar{transform:translateZ(0);-webkit-transform:translate3d(0px,0px,0px)}.vdt-videojs-root .video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display,.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display{transform:translate3d(0,-50px,0)}.vdt-videojs-root .video-js .vdt-timecode{display:inline;font-family:"monospace",sans-serif;margin-left:20px}.vdt-videojs-root .video-js .vdt-timecode input,.vdt-videojs-root .video-js .vdt-timecode span{font-size:16px}.vdt-videojs-root .video-js .vdt-timecode span{text-align:center;display:inline-block}.vdt-videojs-root .video-js .vdt-timecode input{display:inline-block;width:auto;border:0px;background:transparent;color:inherit;width:21px}@media all and (max-width: 640px){.vdt-videojs-root .video-js .vdt-timecode{flex-grow:3}}.vdt-videojs-root .video-js .vdt-timecode.duration{margin-left:0;margin-right:auto}.vdt-videojs-root .video-js .vdt-timecode.duration span{cursor:default}.vdt-videojs-root .video-js .vdt-timecode.duration:before{content:"/";display:inline-block;margin:0 5px;font-size:16px}@media all and (max-width: 640px){.vdt-videojs-root .video-js .vdt-timecode.duration{display:none}}.vdt-videojs-root .video-js .vdt-cinema-button,.vdt-videojs-root .video-js .vdt-settings-menu-button,.vdt-videojs-root .video-js .vdt-screenshot-button{cursor:pointer}.vdt-videojs-root .video-js .vdt-cinema-button:after,.vdt-videojs-root .video-js .vdt-settings-menu-button:after,.vdt-videojs-root .video-js .vdt-screenshot-button:after{content:"";font-family:VideoJS;font-size:22px}.vdt-videojs-root .video-js .vdt-cinema-button:active,.vdt-videojs-root .video-js .vdt-cinema-button:focus,.vdt-videojs-root .video-js .vdt-settings-menu-button:active,.vdt-videojs-root .video-js .vdt-settings-menu-button:focus,.vdt-videojs-root .video-js .vdt-screenshot-button:active,.vdt-videojs-root .video-js .vdt-screenshot-button:focus{opacity:.6}.vdt-videojs-root .video-js .vdt-cinema-button:after{content:""}.vdt-videojs-root .video-js .vdt-settings-menu-button:after{content:""}.vdt-videojs-root .video-js .vdt-waveform-visual,.vdt-videojs-root .video-js .vdt-help-overlay{position:absolute;top:0px;left:0px;background:#888;height:100%;width:100%;display:none;background:rgb(136,191,232);background:-moz-linear-gradient(top,rgb(136,191,232) 0%,rgb(113,161,196) 100%);background:-webkit-linear-gradient(top,rgb(136,191,232) 0%,rgb(113,161,196) 100%);background:linear-gradient(to bottom,rgb(136,191,232) 0%,rgb(113,161,196) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#88bfe8",endColorstr="#71a1c4",GradientType=0)}.vdt-videojs-root .video-js .vdt-waveform-visual canvas,.vdt-videojs-root .video-js .vdt-help-overlay canvas{height:100%;width:100%}.vdt-videojs-root .video-js.vjs-has-started .vdt-waveform-visual{display:block}.vdt-videojs-root .video-js .vdt-help-overlay{font-size:15px;background:transparent;z-index:2;transition:opacity 1s ease-in-out;opacity:0;padding-bottom:12px}.vdt-videojs-root .video-js .vdt-help-overlay>table{height:100%;margin:0 auto}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table{border-radius:7px;max-height:400px;-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.6)}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td{padding:6px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:nth-child(2),.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td td:nth-child(4){padding:4px 9px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:nth-child(2){padding-right:32px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:first-child div,.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:nth-child(3) div{text-align:center;padding:3px;border:1px solid white;border-radius:2px;background:rgba(255,255,255,.1);font-size:13px;min-width:21px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:first-child{padding-left:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:last-child{padding-right:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table tr:first-child td{padding-top:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table tr:last-child td{padding-bottom:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td{vertical-align:middle}.vdt-videojs-root .video-js .vdt-help-overlay.active{display:block;opacity:1}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-text-track-display,.vdt-videojs-root .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen .vjs-text-track-display{bottom:60px}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled){overflow:visible;width:auto;height:auto;background-color:transparent;margin-bottom:70px}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) video{position:relative}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar{transform:translate3d(0,60px,0);transition:all .3s ease-in-out;background:transparent}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text),.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text){color:#333}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vjs-button:not(.vjs-menu-item-text),.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text){color:#efefef}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-progress-holder{margin:0 auto}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-menu{bottom:35px}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-poster{height:initial}.vdt-videojs-root .video-js .vjs-play-progress:before,.vdt-videojs-root .video-js .vjs-remaining-time,.vdt-videojs-root .video-js .vjs-picture-in-picture-control,.vdt-videojs-root .video-js .vjs-progress-control:hover .vjs-time-tooltips,.vdt-videojs-root .video-js .vjs-play-progress .vjs-time-tooltip,.vdt-videojs-root .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:none}
+@import"video.js/dist/video-js.css";.vdt-videojs-root textarea,.vdt-videojs-root select,.vdt-videojs-root input,.vdt-videojs-root button,.vdt-videojs-root video{outline:none}.vdt-videojs-root button:focus,.vdt-videojs-root .video-js .vjs-menu-item{outline:initial}.vdt-videojs-root .video-js{max-width:100%;overflow:hidden}.vdt-videojs-root .video-js.init{height:0px!important;display:none}.vdt-videojs-root .video-js video{transform:translateZ(0);-webkit-transform:translate3d(0px,0px,0px);display:block}.vdt-videojs-root .video-js .vjs-poster{background-size:cover}.vdt-videojs-root .video-js .vjs-control-bar{height:50px;padding-top:6px;display:flex;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,.3) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);transform:translateZ(0);-webkit-transform:translate3d(0px,0px,0px);z-index:2}.vdt-videojs-root .video-js .vjs-control-bar .vdt-seekbar-wrapper{top:0;left:0;height:10px;width:100%;position:absolute;margin:0 auto}.vdt-videojs-root .video-js .vjs-big-play-button{font-size:90px;border:0px;background-color:transparent;text-shadow:1px 2px 40px rgba(0,0,0,.4);z-index:2}.vdt-videojs-root .video-js .vjs-big-play-button .vjs-icon-placeholder:before{padding-top:5px}.vdt-videojs-root .video-js:hover .vjs-big-play-button,.vdt-videojs-root .video-js:hover .vjs-big-play-button:focus{background-color:transparent}.vdt-videojs-root .video-js .vjs-progress-control{top:0;left:0;position:absolute;display:block;width:100%;height:10px}.vdt-videojs-root .video-js .vjs-progress-control .vjs-load-progress{background:rgba(255,255,255,.2)}.vdt-videojs-root .video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,.vdt-videojs-root .video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.vdt-videojs-root .video-js .vjs-time-control.duration,.vdt-videojs-root .video-js .vjs-time-control.vjs-duration{margin-right:auto}.vdt-videojs-root .video-js .vjs-subs-caps-button .vjs-icon-placeholder,.vdt-videojs-root .video-js .vdt-screenshot-button .vjs-icon-placeholder{opacity:.6}.vdt-videojs-root .video-js.has-vdt-menu .vjs-subs-caps-button{display:none}.vdt-videojs-root .video-js.subtitles-active .vjs-subs-caps-button .vjs-icon-placeholder{opacity:1}.vdt-videojs-root .video-js .vjs-control{font-size:14px}.vdt-videojs-root .video-js .vjs-play-progress.vjs-slider-bar{background-color:red}.vdt-videojs-root .video-js .vjs-current-time,.vdt-videojs-root .video-js .vjs-time-control,.vdt-videojs-root .video-js .vjs-no-flex .vjs-current-time{display:block}.vdt-videojs-root .video-js .vjs-time-control{font-size:14px;padding:0;min-width:14px;text-align:center}.vdt-videojs-root .video-js .vjs-volume-panel,.vdt-videojs-root .video-js .vjs-volume-panel .vjs-mute-control{width:3em}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu{bottom:20px}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#1c1c1ce6;border-radius:7px}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected){background-color:transparent}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected){background-color:#fff3}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item-text{color:#fff}.vdt-videojs-root .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text{color:#333}.vdt-videojs-root .video-js .vdt-player-osd{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;z-index:4;-webkit-transform:translate3d(0px,0px,0px) scale3d(.5,.5,.5);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale3d(.5,.5,.5);transition:.2s ease-out all}.vdt-videojs-root .video-js .vdt-player-osd.active{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}.vdt-videojs-root .video-js .vdt-player-osd table{width:100%;height:100%}.vdt-videojs-root .video-js .vdt-player-osd table td{vertical-align:middle;text-align:center}.vdt-videojs-root .video-js .vdt-player-osd table td .osd-feedback-icon:before{font-family:VideoJS;content:"";font-size:50px;padding:15px;display:inline-block;height:80px;width:80px;text-align:center;background:rgba(0,0,0,.2);border-radius:100%}.vdt-videojs-root .video-js .vdt-player-osd table td .pause:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.high:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.mid:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.low:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .mute:before,.vdt-videojs-root .video-js .vdt-player-osd table td .volchange.null:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .unmute:before{content:""}.vdt-videojs-root .video-js .vdt-player-osd table td .forward-jump:before,.vdt-videojs-root .video-js .vdt-player-osd table td .backward-jump:before{content:"";letter-spacing:-38px;padding-left:0;padding-right:34px}.vdt-videojs-root .video-js .vdt-player-osd table td .backward-jump:before{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@keyframes vjs-spinner-fade{0%{border-top-color:#fff9}35%{border-top-color:#fff}to{border-top-color:#fff9}}.vdt-videojs-root .video-js .vjs-loading-spinner{margin:-40px 0 0 -40px;opacity:.85;border:5px solid rgba(255,255,255,.7);width:80px;height:80px;border-radius:100px;z-index:5}.vdt-videojs-root .video-js .vjs-loading-spinner:after,.vdt-videojs-root .video-js .vjs-loading-spinner:before{margin:-5px}.vdt-videojs-root .video-js .vjs-text-track-display,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:0;transition:transform .3s ease-out;-webkit-transform:translate3d(0px,0px,0px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.vdt-videojs-root .video-js .vjs-text-track-display>div,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display>div{display:table;width:100%;height:100%;margin:0!important}.vdt-videojs-root .video-js .vjs-text-track-display .vjs-text-track-cue,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue{width:100%!important;bottom:0!important;top:initial!important;left:initial!important;right:initial!important;font-size:18px!important;height:auto!important;padding-bottom:1.5%;display:table-cell}.vdt-videojs-root .video-js .vjs-text-track-display .vjs-text-track-cue>div,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue>div{padding:2px 4px;line-height:1.25;border-radius:2px}.vdt-videojs-root .video-js.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue,.vdt-videojs-root .video-js.vjs-user-inactive.vjs-playing.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:24px!important}.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar,.vdt-videojs-root .video-jsdiv .vjs-control-bar,.vdt-videojs-root .video-js.vjs-controls-enabled.vjs-user-active .vjs-control-bar,.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar{opacity:1}.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar,.vdt-videojs-root .video-js:not(.controls-below-player) .vjs-control-bar{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,50px,0);transition:transform .3s ease-in-out}.vdt-videojs-root .video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player) .vjs-control-bar,.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player) .vjs-control-bar{transform:translateZ(0);-webkit-transform:translate3d(0px,0px,0px)}.vdt-videojs-root .video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display,.vdt-videojs-root .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display{transform:translate3d(0,-50px,0)}.vdt-videojs-root .video-js .vdt-timecode{display:inline;font-family:"monospace",sans-serif;margin-left:20px}.vdt-videojs-root .video-js .vdt-timecode input,.vdt-videojs-root .video-js .vdt-timecode span{font-size:16px}.vdt-videojs-root .video-js .vdt-timecode span{text-align:center;display:inline-block}.vdt-videojs-root .video-js .vdt-timecode input{display:inline-block;width:auto;border:0px;background:transparent;color:inherit;width:21px}@media all and (max-width: 640px){.vdt-videojs-root .video-js .vdt-timecode{flex-grow:3}}.vdt-videojs-root .video-js .vdt-timecode.duration{margin-left:0;margin-right:auto}.vdt-videojs-root .video-js .vdt-timecode.duration span{cursor:default}.vdt-videojs-root .video-js .vdt-timecode.duration:before{content:"/";display:inline-block;margin:0 5px;font-size:16px}@media all and (max-width: 640px){.vdt-videojs-root .video-js .vdt-timecode.duration{display:none}}.vdt-videojs-root .video-js .vdt-cinema-button,.vdt-videojs-root .video-js .vdt-settings-menu-button,.vdt-videojs-root .video-js .vdt-screenshot-button{cursor:pointer}.vdt-videojs-root .video-js .vdt-cinema-button:after,.vdt-videojs-root .video-js .vdt-settings-menu-button:after,.vdt-videojs-root .video-js .vdt-screenshot-button:after{content:"";font-family:VideoJS;font-size:22px}.vdt-videojs-root .video-js .vdt-cinema-button:active,.vdt-videojs-root .video-js .vdt-cinema-button:focus,.vdt-videojs-root .video-js .vdt-settings-menu-button:active,.vdt-videojs-root .video-js .vdt-settings-menu-button:focus,.vdt-videojs-root .video-js .vdt-screenshot-button:active,.vdt-videojs-root .video-js .vdt-screenshot-button:focus{opacity:.6}.vdt-videojs-root .video-js .vdt-cinema-button:after{content:""}.vdt-videojs-root .video-js .vdt-settings-menu-button:after{content:""}.vdt-videojs-root .video-js .vdt-waveform-visual,.vdt-videojs-root .video-js .vdt-help-overlay{position:absolute;top:0;left:0;background:#888;height:100%;width:100%;display:none;background:rgb(136,191,232);background:-moz-linear-gradient(top,rgb(136,191,232) 0%,rgb(113,161,196) 100%);background:-webkit-linear-gradient(top,rgb(136,191,232) 0%,rgb(113,161,196) 100%);background:linear-gradient(to bottom,rgb(136,191,232) 0%,rgb(113,161,196) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#88bfe8",endColorstr="#71a1c4",GradientType=0)}.vdt-videojs-root .video-js .vdt-waveform-visual canvas,.vdt-videojs-root .video-js .vdt-help-overlay canvas{height:100%;width:100%}.vdt-videojs-root .video-js.vjs-has-started .vdt-waveform-visual{display:block}.vdt-videojs-root .video-js .vdt-help-overlay{font-size:15px;background:transparent;z-index:2;transition:opacity 1s ease-in-out;opacity:0;padding-bottom:12px}.vdt-videojs-root .video-js .vdt-help-overlay>table{height:100%;margin:0 auto}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table{border-radius:7px;max-height:400px;-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.6)}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td{padding:6px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:nth-child(2),.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td td:nth-child(4){padding:4px 9px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:nth-child(2){padding-right:32px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:first-child div,.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:nth-child(3) div{text-align:center;padding:3px;border:1px solid white;border-radius:2px;background:rgba(255,255,255,.1);font-size:13px;min-width:21px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:first-child{padding-left:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table td:last-child{padding-right:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table tr:first-child td{padding-top:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td.vdt-help-contents table tr:last-child td{padding-bottom:16px}.vdt-videojs-root .video-js .vdt-help-overlay>table td{vertical-align:middle}.vdt-videojs-root .video-js .vdt-help-overlay.active{display:block;opacity:1}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-text-track-display,.vdt-videojs-root .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen .vjs-text-track-display{bottom:60px}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled){overflow:visible;width:auto;height:auto;background-color:transparent;margin-bottom:70px}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) video{position:relative}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar{transform:translate3d(0,60px,0);transition:all .3s ease-in-out;background:transparent}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text),.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text){color:#333}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vjs-button:not(.vjs-menu-item-text),.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text){color:#efefef}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-progress-holder{margin:0 auto}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-menu{bottom:35px}.vdt-videojs-root .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-poster{height:initial}.vdt-videojs-root .video-js .vjs-play-progress:before,.vdt-videojs-root .video-js .vjs-remaining-time,.vdt-videojs-root .video-js .vjs-picture-in-picture-control,.vdt-videojs-root .video-js .vjs-progress-control:hover .vjs-time-tooltips,.vdt-videojs-root .video-js .vjs-play-progress .vjs-time-tooltip,.vdt-videojs-root .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:none}

package/dist/index.js

@@ -1,7 +1,8 @@
 import m from "mousetrap";
 import v from "video.js/dist/alt/video.core.min";
-const D = "@vidispine/vdt-videojs", B = "23.4.0-pre.2", I = "SEE LICENSE IN LICENSE.md", M = {
-  access: "public"
+const D = "@vidispine/vdt-videojs", B = "23.4.0-pre.3", I = "SEE LICENSE IN LICENSE.md", M = {
+  access: "public",
+  registry: "https://registry.npmjs.org"
 }, P = "Javascript player based on videojs", O = "https://vidispine.github.io/vdt/?path=/docs/vdt-videojs", R = {
   type: "git",
   url: "https://github.com/vidispine/vdt.git",
@@ -27,9 +28,9 @@ const D = "@vidispine/vdt-videojs", B = "23.4.0-pre.2", I = "SEE LICENSE IN LICE
   "@vidispine/eslint-config-mdx": "workspace:*",
   "@vidispine/eslint-config-storybook": "workspace:*",
   "@vidispine/prettier-config": "workspace:*",
-  eslint: "8.48.0",
-  prettier: "2.8.8",
-  vite: "4.4.9"
+  eslint: "8.55.0",
+  prettier: "3.1.0",
+  vite: "4.5.1"
 }, J = [
   "since 2017-06"
 ], G = {

package/dist/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(g,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("mousetrap"),require("video.js/dist/alt/video.core.min")):typeof define=="function"&&define.amd?define(["exports","mousetrap","video.js/dist/alt/video.core.min"],p):(g=typeof globalThis<"u"?globalThis:g||self,p(g["@vidispine/vdt-videojs"]={},g.mousetrap,g.videojs))})(this,function(g,p,v){"use strict";const L={name:"@vidispine/vdt-videojs",version:"23.4.0-pre.2",license:"SEE LICENSE IN LICENSE.md",publishConfig:{access:"public"},description:"Javascript player based on videojs",homepage:"https://vidispine.github.io/vdt/?path=/docs/vdt-videojs",repository:{type:"git",url:"https://github.com/vidispine/vdt.git",directory:"packages/vdt-videojs"},type:"module",main:"./dist/index.umd.cjs",module:"./dist/index.js",style:"./dist/index.css",exports:{".":{import:"./dist/index.js",require:"./dist/index.umd.cjs"},"./dist/index.css":"./dist/index.css"},files:["dist"],scripts:{build:"yarn vite build","build:watch":"yarn vite build --watch --mode development",lint:"eslint . --cache --max-warnings=0 --ext .js,.jsx,.ts,.tsx,.md,.mdx",format:"prettier . --check"},dependencies:{mousetrap:"1.6.5","video.js":"7.21.5"},devDependencies:{"@vidispine/eslint-config-base":"workspace:*","@vidispine/eslint-config-mdx":"workspace:*","@vidispine/eslint-config-storybook":"workspace:*","@vidispine/prettier-config":"workspace:*",eslint:"8.48.0",prettier:"2.8.8",vite:"4.4.9"},browserslist:["since 2017-06"],eslintConfig:{extends:["@vidispine/eslint-config-base","@vidispine/eslint-config-mdx","@vidispine/eslint-config-storybook"]},prettier:"@vidispine/prettier-config"},I=Object.freeze({frameRate:3e4/1001,jumpSeconds:10,inactivityTimeout:1200,audioInactivityTimeout:0}),k=Object.freeze({play:0,pause:1,volchange:2,jumpForward:3,jumpBackward:4}),M=Object.freeze({volume:"volume-setting",subLang:"subtitles-language",subs:"subtitles-enabled"}),u=Object.freeze({poster:"has-poster",subtitles:"has-subtitles",subtitlesActive:"subtitles-active",onDark:"on-dark",loading:"loading"}),f=Object.freeze({gray:"#787878",light:"rgba(255,255,255,.75)"}),P=Object.freeze({name:L.name.split("/")[1],vendor:L.name.split("/")[0]}),l=Object.freeze({defaults:I,settings:M,classNames:u,colors:f,osd:k,packageInfo:P});function O(c,e){return c.length>e?`${c.substring(0,e)}...`:c}function j(){function c(e){if(typeof e=="object"){const t=Object.getOwnPropertyNames(e),s=Object.getPrototypeOf(this);t.forEach(o=>{const i=Object.getOwnPropertyDescriptor(s,o);i&&i.set&&(this[o]=e[o])})}}this.handleNewProps=c}function x(c){const e=document.createElement("div");return e.textContent=c,e.innerHTML}const a=Object.freeze({play:"play-pause",start:"start",fb:"frame-backward",ff:"frame-forward",end:"end"}),R=[a.start,a.fb,a.play,a.ff,a.end],H=`
+(function(g,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("mousetrap"),require("video.js/dist/alt/video.core.min")):typeof define=="function"&&define.amd?define(["exports","mousetrap","video.js/dist/alt/video.core.min"],p):(g=typeof globalThis<"u"?globalThis:g||self,p(g["@vidispine/vdt-videojs"]={},g.mousetrap,g.videojs))})(this,function(g,p,v){"use strict";const L={name:"@vidispine/vdt-videojs",version:"23.4.0-pre.3",license:"SEE LICENSE IN LICENSE.md",publishConfig:{access:"public",registry:"https://registry.npmjs.org"},description:"Javascript player based on videojs",homepage:"https://vidispine.github.io/vdt/?path=/docs/vdt-videojs",repository:{type:"git",url:"https://github.com/vidispine/vdt.git",directory:"packages/vdt-videojs"},type:"module",main:"./dist/index.umd.cjs",module:"./dist/index.js",style:"./dist/index.css",exports:{".":{import:"./dist/index.js",require:"./dist/index.umd.cjs"},"./dist/index.css":"./dist/index.css"},files:["dist"],scripts:{build:"yarn vite build","build:watch":"yarn vite build --watch --mode development",lint:"eslint . --cache --max-warnings=0 --ext .js,.jsx,.ts,.tsx,.md,.mdx",format:"prettier . --check"},dependencies:{mousetrap:"1.6.5","video.js":"7.21.5"},devDependencies:{"@vidispine/eslint-config-base":"workspace:*","@vidispine/eslint-config-mdx":"workspace:*","@vidispine/eslint-config-storybook":"workspace:*","@vidispine/prettier-config":"workspace:*",eslint:"8.55.0",prettier:"3.1.0",vite:"4.5.1"},browserslist:["since 2017-06"],eslintConfig:{extends:["@vidispine/eslint-config-base","@vidispine/eslint-config-mdx","@vidispine/eslint-config-storybook"]},prettier:"@vidispine/prettier-config"},I=Object.freeze({frameRate:3e4/1001,jumpSeconds:10,inactivityTimeout:1200,audioInactivityTimeout:0}),k=Object.freeze({play:0,pause:1,volchange:2,jumpForward:3,jumpBackward:4}),M=Object.freeze({volume:"volume-setting",subLang:"subtitles-language",subs:"subtitles-enabled"}),u=Object.freeze({poster:"has-poster",subtitles:"has-subtitles",subtitlesActive:"subtitles-active",onDark:"on-dark",loading:"loading"}),f=Object.freeze({gray:"#787878",light:"rgba(255,255,255,.75)"}),P=Object.freeze({name:L.name.split("/")[1],vendor:L.name.split("/")[0]}),l=Object.freeze({defaults:I,settings:M,classNames:u,colors:f,osd:k,packageInfo:P});function O(c,e){return c.length>e?`${c.substring(0,e)}...`:c}function j(){function c(e){if(typeof e=="object"){const t=Object.getOwnPropertyNames(e),s=Object.getPrototypeOf(this);t.forEach(o=>{const i=Object.getOwnPropertyDescriptor(s,o);i&&i.set&&(this[o]=e[o])})}}this.handleNewProps=c}function x(c){const e=document.createElement("div");return e.textContent=c,e.innerHTML}const a=Object.freeze({play:"play-pause",start:"start",fb:"frame-backward",ff:"frame-forward",end:"end"}),R=[a.start,a.fb,a.play,a.ff,a.end],H=`
   .vdt-external-controls{
     display: flex;
     justify-content: center;

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@vidispine/vdt-videojs",
-  "version": "23.4.0-pre.2",
+  "version": "23.4.0-pre.3",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "description": "Javascript player based on videojs",
   "homepage": "https://vidispine.github.io/vdt/?path=/docs/vdt-videojs",
@@ -37,13 +38,13 @@
     "video.js": "7.21.5"
   },
   "devDependencies": {
-    "@vidispine/eslint-config-base": "23.4.0-pre.2",
-    "@vidispine/eslint-config-mdx": "23.4.0-pre.2",
-    "@vidispine/eslint-config-storybook": "23.4.0-pre.2",
-    "@vidispine/prettier-config": "23.4.0-pre.2",
-    "eslint": "8.48.0",
-    "prettier": "2.8.8",
-    "vite": "4.4.9"
+    "@vidispine/eslint-config-base": "23.4.0-pre.3",
+    "@vidispine/eslint-config-mdx": "23.4.0-pre.3",
+    "@vidispine/eslint-config-storybook": "23.4.0-pre.3",
+    "@vidispine/prettier-config": "23.4.0-pre.3",
+    "eslint": "8.55.0",
+    "prettier": "3.1.0",
+    "vite": "4.5.1"
   },
   "browserslist": [
     "since 2017-06"