1
2
|
"use strict";(self.webpackChunkfiles_videoplayer=self.webpackChunkfiles_videoplayer||[]).push([["css_style_css"],{174:(n,t,e)=>{e.d(t,{Z:()=>s});var o=e(3645),i=e.n(o)()(!0);i.push([n.id,'#videoplayer_overlay video {\n\toutline: none;\n}\n\n#videoplayer_overlay {\n\tposition: fixed;\n\ttop: 0px;\n\tbottom: 0px;\n\tleft: 0px;\n\tright: 0px;\n\tbackground-color: #4c4c4c;\n\tbackground-color: rgba(0, 0, 0, .7);\n\tz-index: 3000;\n\topacity: 0;\n\ttransition: opacity 250ms ease-in;\n}\n\n#videoplayer_overlay.show {\n\topacity: 1;\n}\n\n#videoplayer_outer_container {\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 95%;\n\tmax-width: 854px;\n\ttransform: translate(-50%, -50%);\n}\n\n#videoplayer_container {\n\tposition: relative;\n\twidth: 95%;\n\tmax-width: 854px;\n\tmargin: 0 auto;\n\tcolor: #4d4d4d;\n\tbackground: #fff;\n\tbox-shadow: 0 0 20px #222;\n\tz-index: 3001;\n}\n\n#videoplayer_container:before {\n\tcontent: "";\n\tdisplay: block;\n\tpadding-top: 56.25%;\n}\n\n#videoplayer {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n}\n\n#box-close {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\twidth: 30px;\n\theight: 30px;\n\topacity: .35;\n\tcursor: pointer;\n}\n\n#box-close:hover {\n\topacity: .75;\n}\n\n.vjs-sublime-skin.vjs-has-started.vjs-user-inactive.vjs-playing #box-close {\n\topacity: 0;\n\ttransition: opacity 1s cubic-bezier(.455,.03,.515,.955);\n}\n\n\n/* Video.js adjustments */\n\n.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 {\n\twidth: 10em\n}\n\n.video-js .vjs-controls-disabled .vjs-big-play-button {\n\tdisplay: none!important\n}\n\n.video-js .vjs-control {\n\twidth: 3em\n}\n\n.video-js .vjs-menu-button-inline:before {\n\twidth: 1.5em\n}\n\n.vjs-menu-button-inline .vjs-menu {\n\tleft: 3em\n}\n\n.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {\n\tdisplay: block\n}\n\n.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {\n\tdisplay: none!important\n}\n\n.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after {\n\tpadding: 0 .4em .3em\n}\n\n.video-js.vjs-ended .vjs-loading-spinner {\n\tdisplay: none;\n}\n\n.video-js.vjs-ended .vjs-big-play-button {\n\tdisplay: block !important;\n}\n\nvideo-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {\n\tdisplay: block\n}\n\n.video-js .vjs-big-play-button {\n\ttop: 50%;\n\tleft: 50%;\n}\n\n.video-js.vjs-big-play-centered .vjs-big-play-button {\n\tbackground-color: rgba(0,0,0,0.35);\n\tfont-size: 3em;\n\tborder-radius: 50%;\n\theight: 2em !important;\n\tline-height: 2em !important;\n\tmargin-top: -1em !important;\n\tmargin-left: -1em !important;\n}\n\n.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {\n\tbackground-color: rgba(0,0,0,0.35)\n}\n\n.video-js .vjs-loading-spinner {\n\tborder-color: rgba(255,255,255,0.7)\n}\n\n.video-js .vjs-control-bar2 {\n\tbackground-color: transparent\n}\n\n.video-js .vjs-control-bar {\n\tbackground-color: rgba(0,0,0,0) !important;\n\tcolor: #ffffff;\n\tfont-size: 18px\n}\n\n.video-js .vjs-play-progress,.video-js .vjs-volume-level {\n\tbackground-color: #2483d5\n}\n\n.video-js .vjs-big-play-button {\n\theight: 2em !important;\n\twidth: 2em !important;\n\tline-height: 1.9em !important;\n\tmargin-top: -1em !important;\n\tmargin-left: -1em;\n\tborder-width: 3px\n}\n\n.video-js .vjs-icon-play:before, .video-js .vjs-big-play-button:before {\n\tfont-size: 50px;\n}\n\n.video-js .vjs-progress-holder {\n\tfont-size: 1.7em;\n\tborder-radius: 10px;\n}\n\n.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-slider,.vjs-volume-level {\n\tborder-radius: 10px;\n}\n\n.video-js .vjs-load-progress {\n\tbackground: rgba(255,255,255,0.5);\n}\n\n.video-js .vjs-big-play-button {\n\theight: 2em !important;\n\twidth: 2em !important;\n\tline-height: 1.9em !important;\n\tmargin-top: -1em !important;\n\tmargin-left: -1em;\n\tborder-width:3px\n}\n.video-js .vjs-icon-play:before, .video-js .vjs-big-play-button:before {\n\tfont-size: 50px;\n}\n.video-js .vjs-progress-holder {\n\tfont-size: 1.7em;\n\tborder-radius: 10px;\n}\n.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-slider,.vjs-volume-level {\n\tborder-radius: 10px;\n}\n.video-js .vjs-load-progress {\n\tbackground: rgba(255,255,255,0.5);\n}\n\n.video-js button:active {\n\tbackground: transparent !important;\n\tcolor: #fff !important;\n}\n\n/* hide error icon */\n.vjs-error .vjs-error-display::before {\n\tcontent: "" !important;\n}\n\n/* fix for fluid size of the player */\n#imgframe #videoplayer_view {\n\tdisplay: inline-block;\n}\n\n/* public sharing view styles */\n#imgframe .video-js .vjs-tech {\n\tposition: relative;\n\twidth: auto;\n\theight: auto;\n}\n\n/* fullscreen public videos see https://github.com/nextcloud/files_videoplayer/issues/77 */\n#imgframe .video-js.vjs-fullscreen .vjs-tech {\n\twidth:100%;\n\theight:100%;\n}\n\n#imgframe .video-js:not(.vjs-fullscreen),\n#imgframe .video-js:not(.vjs-fullscreen) .vjs-tech {\n\tmax-height: calc(100vh - 280px) !important;\n\tmin-width: 300px;\n\tmax-width: 100% !important;\n}\n',"",{version:3,sources:["webpack://css/style.css"],names:[],mappings:"AAAA;CACC,aAAa;AACd;;AAEA;CACC,eAAe;CACf,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,yBAAyB;CACzB,mCAAmC;CACnC,aAAa;CACb,UAAU;CACV,iCAAiC;AAClC;;AAEA;CACC,UAAU;AACX;;AAEA;CACC,eAAe;CACf,QAAQ;CACR,SAAS;CACT,UAAU;CACV,gBAAgB;CAChB,gCAAgC;AACjC;;AAEA;CACC,kBAAkB;CAClB,UAAU;CACV,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,gBAAgB;CAChB,yBAAyB;CACzB,aAAa;AACd;;AAEA;CACC,WAAW;CACX,cAAc;CACd,mBAAmB;AACpB;;AAEA;CACC,kBAAkB;CAClB,MAAM;CACN,QAAQ;CACR,SAAS;CACT,OAAO;AACR;;AAEA;CACC,kBAAkB;CAClB,SAAS;CACT,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,eAAe;AAChB;;AAEA;CACC,YAAY;AACb;;AAEA;CACC,UAAU;CACV,uDAAuD;AACxD;;;AAGA,yBAAyB;;AAEzB;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC,aAAa;AACd;;AAEA;CACC,yBAAyB;AAC1B;;AAEA;CACC;AACD;;AAEA;CACC,QAAQ;CACR,SAAS;AACV;;AAEA;CACC,kCAAkC;CAClC,cAAc;CACd,kBAAkB;CAClB,sBAAsB;CACtB,2BAA2B;CAC3B,2BAA2B;CAC3B,4BAA4B;AAC7B;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC;AACD;;AAEA;CACC,0CAA0C;CAC1C,cAAc;CACd;AACD;;AAEA;CACC;AACD;;AAEA;CACC,sBAAsB;CACtB,qBAAqB;CACrB,6BAA6B;CAC7B,2BAA2B;CAC3B,iBAAiB;CACjB;AACD;;AAEA;CACC,eAAe;AAChB;;AAEA;CACC,gBAAgB;CAChB,mBAAmB;AACpB;;AAEA;CACC,mBAAmB;AACpB;;AAEA;CACC,iCAAiC;AAClC;;AAEA;CACC,sBAAsB;CACtB,qBAAqB;CACrB,6BAA6B;CAC7B,2BAA2B;CAC3B,iBAAiB;CACjB;AACD;AACA;CACC,eAAe;AAChB;AACA;CACC,gBAAgB;CAChB,mBAAmB;AACpB;AACA;CACC,mBAAmB;AACpB;AACA;CACC,iCAAiC;AAClC;;AAEA;CACC,kCAAkC;CAClC,sBAAsB;AACvB;;AAEA,oBAAoB;AACpB;CACC,sBAAsB;AACvB;;AAEA,qCAAqC;AACrC;CACC,qBAAqB;AACtB;;AAEA,+BAA+B;AAC/B;CACC,kBAAkB;CAClB,WAAW;CACX,YAAY;AACb;;AAEA,0FAA0F;AAC1F;CACC,UAAU;CACV,WAAW;AACZ;;AAEA;;CAEC,0CAA0C;CAC1C,gBAAgB;CAChB,0BAA0B;AAC3B",sourcesContent:['#videoplayer_overlay video {\n\toutline: none;\n}\n\n#videoplayer_overlay {\n\tposition: fixed;\n\ttop: 0px;\n\tbottom: 0px;\n\tleft: 0px;\n\tright: 0px;\n\tbackground-color: #4c4c4c;\n\tbackground-color: rgba(0, 0, 0, .7);\n\tz-index: 3000;\n\topacity: 0;\n\ttransition: opacity 250ms ease-in;\n}\n\n#videoplayer_overlay.show {\n\topacity: 1;\n}\n\n#videoplayer_outer_container {\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 95%;\n\tmax-width: 854px;\n\ttransform: translate(-50%, -50%);\n}\n\n#videoplayer_container {\n\tposition: relative;\n\twidth: 95%;\n\tmax-width: 854px;\n\tmargin: 0 auto;\n\tcolor: #4d4d4d;\n\tbackground: #fff;\n\tbox-shadow: 0 0 20px #222;\n\tz-index: 3001;\n}\n\n#videoplayer_container:before {\n\tcontent: "";\n\tdisplay: block;\n\tpadding-top: 56.25%;\n}\n\n#videoplayer {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n}\n\n#box-close {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\twidth: 30px;\n\theight: 30px;\n\topacity: .35;\n\tcursor: pointer;\n}\n\n#box-close:hover {\n\topacity: .75;\n}\n\n.vjs-sublime-skin.vjs-has-started.vjs-user-inactive.vjs-playing #box-close {\n\topacity: 0;\n\ttransition: opacity 1s cubic-bezier(.455,.03,.515,.955);\n}\n\n\n/* Video.js adjustments */\n\n.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 {\n\twidth: 10em\n}\n\n.video-js .vjs-controls-disabled .vjs-big-play-button {\n\tdisplay: none!important\n}\n\n.video-js .vjs-control {\n\twidth: 3em\n}\n\n.video-js .vjs-menu-button-inline:before {\n\twidth: 1.5em\n}\n\n.vjs-menu-button-inline .vjs-menu {\n\tleft: 3em\n}\n\n.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {\n\tdisplay: block\n}\n\n.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {\n\tdisplay: none!important\n}\n\n.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after {\n\tpadding: 0 .4em .3em\n}\n\n.video-js.vjs-ended .vjs-loading-spinner {\n\tdisplay: none;\n}\n\n.video-js.vjs-ended .vjs-big-play-button {\n\tdisplay: block !important;\n}\n\nvideo-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {\n\tdisplay: block\n}\n\n.video-js .vjs-big-play-button {\n\ttop: 50%;\n\tleft: 50%;\n}\n\n.video-js.vjs-big-play-centered .vjs-big-play-button {\n\tbackground-color: rgba(0,0,0,0.35);\n\tfont-size: 3em;\n\tborder-radius: 50%;\n\theight: 2em !important;\n\tline-height: 2em !important;\n\tmargin-top: -1em !important;\n\tmargin-left: -1em !important;\n}\n\n.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {\n\tbackground-color: rgba(0,0,0,0.35)\n}\n\n.video-js .vjs-loading-spinner {\n\tborder-color: rgba(255,255,255,0.7)\n}\n\n.video-js .vjs-control-bar2 {\n\tbackground-color: transparent\n}\n\n.video-js .vjs-control-bar {\n\tbackground-color: rgba(0,0,0,0) !important;\n\tcolor: #ffffff;\n\tfont-size: 18px\n}\n\n.video-js .vjs-play-progress,.video-js .vjs-volume-level {\n\tbackground-color: #2483d5\n}\n\n.video-js .vjs-big-play-button {\n\theight: 2em !important;\n\twidth: 2em !important;\n\tline-height: 1.9em !important;\n\tmargin-top: -1em !important;\n\tmargin-left: -1em;\n\tborder-width: 3px\n}\n\n.video-js .vjs-icon-play:before, .video-js .vjs-big-play-button:before {\n\tfont-size: 50px;\n}\n\n.video-js .vjs-progress-holder {\n\tfont-size: 1.7em;\n\tborder-radius: 10px;\n}\n\n.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-slider,.vjs-volume-level {\n\tborder-radius: 10px;\n}\n\n.video-js .vjs-load-progress {\n\tbackground: rgba(255,255,255,0.5);\n}\n\n.video-js .vjs-big-play-button {\n\theight: 2em !important;\n\twidth: 2em !important;\n\tline-height: 1.9em !important;\n\tmargin-top: -1em !important;\n\tmargin-left: -1em;\n\tborder-width:3px\n}\n.video-js .vjs-icon-play:before, .video-js .vjs-big-play-button:before {\n\tfont-size: 50px;\n}\n.video-js .vjs-progress-holder {\n\tfont-size: 1.7em;\n\tborder-radius: 10px;\n}\n.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-slider,.vjs-volume-level {\n\tborder-radius: 10px;\n}\n.video-js .vjs-load-progress {\n\tbackground: rgba(255,255,255,0.5);\n}\n\n.video-js button:active {\n\tbackground: transparent !important;\n\tcolor: #fff !important;\n}\n\n/* hide error icon */\n.vjs-error .vjs-error-display::before {\n\tcontent: "" !important;\n}\n\n/* fix for fluid size of the player */\n#imgframe #videoplayer_view {\n\tdisplay: inline-block;\n}\n\n/* public sharing view styles */\n#imgframe .video-js .vjs-tech {\n\tposition: relative;\n\twidth: auto;\n\theight: auto;\n}\n\n/* fullscreen public videos see https://github.com/nextcloud/files_videoplayer/issues/77 */\n#imgframe .video-js.vjs-fullscreen .vjs-tech {\n\twidth:100%;\n\theight:100%;\n}\n\n#imgframe .video-js:not(.vjs-fullscreen),\n#imgframe .video-js:not(.vjs-fullscreen) .vjs-tech {\n\tmax-height: calc(100vh - 280px) !important;\n\tmin-width: 300px;\n\tmax-width: 100% !important;\n}\n'],sourceRoot:""}]);const s=i},3645:n=>{n.exports=function(n){var t=[];return t.toString=function(){return this.map((function(t){var e=function(n,t){var e=n[1]||"",o=n[3];if(!o)return e;if(t&&"function"==typeof btoa){var i=(r=o,A=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(A),"/*# ".concat(a," */")),s=o.sources.map((function(n){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(n," */")}));return[e].concat(s).concat([i]).join("\n")}var r,A,a;return[e].join("\n")}(t,n);return t[2]?"@media ".concat(t[2]," {").concat(e,"}"):e})).join("")},t.i=function(n,e,o){"string"==typeof n&&(n=[[null,n,""]]);var i={};if(o)for(var s=0;s<this.length;s++){var r=this[s][0];null!=r&&(i[r]=!0)}for(var A=0;A<n.length;A++){var a=[].concat(n[A]);o&&i[a[0]]||(e&&(a[2]?a[2]="".concat(e," and ").concat(a[2]):a[2]=e),t.push(a))}},t}},5892:(n,t,e)=>{e.r(t),e.d(t,{default:()=>A});var o=e(3379),i=e.n(o),s=e(174),r={insert:"head",singleton:!1};i()(s.Z,r);const A=s.Z.locals||{}},3379:(n,t,e)=>{var o,i=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},s=function(){var n={};return function(t){if(void 0===n[t]){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}n[t]=e}return n[t]}}(),r=[];function A(n){for(var t=-1,e=0;e<r.length;e++)if(r[e].identifier===n){t=e;break}return t}function a(n,t){for(var e={},o=[],i=0;i<n.length;i++){var s=n[i],a=t.base?s[0]+t.base:s[0],d=e[a]||0,v="".concat(a," ").concat(d);e[a]=d+1;var l=A(v),p={css:s[1],media:s[2],sourceMap:s[3]};-1!==l?(r[l].references++,r[l].updater(p)):r.push({identifier:v,updater:u(p,t),references:1}),o.push(v)}return o}function d(n){var t=document.createElement("style"),o=n.attributes||{};if(void 0===o.nonce){var i=e.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(n){t.setAttribute(n,o[n])})),"function"==typeof n.insert)n.insert(t);else{var r=s(n.insert||"head");if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}return t}var v,l=(v=[],function(n,t){return v[n]=t,v.filter(Boolean).join("\n")});function p(n,t,e,o){var i=e?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(n.styleSheet)n.styleSheet.cssText=l(t,i);else{var s=document.createTextNode(i),r=n.childNodes;r[t]&&n.removeChild(r[t]),r.length?n.insertBefore(s,r[t]):n.appendChild(s)}}function C(n,t,e){var o=e.css,i=e.media,s=e.sourceMap;if(i?n.setAttribute("media",i):n.removeAttribute("media"),s&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),n.styleSheet)n.styleSheet.cssText=o;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(o))}}var j=null,c=0;function u(n,t){var e,o,i;if(t.singleton){var s=c++;e=j||(j=d(t)),o=p.bind(null,e,s,!1),i=p.bind(null,e,s,!0)}else e=d(t),o=C.bind(null,e,t),i=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)};return o(n),function(t){if(t){if(t.css===n.css&&t.media===n.media&&t.sourceMap===n.sourceMap)return;o(n=t)}else i()}}n.exports=function(n,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var e=a(n=n||[],t);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var o=0;o<e.length;o++){var i=A(e[o]);r[i].references--}for(var s=a(n,t),d=0;d<e.length;d++){var v=A(e[d]);0===r[v].references&&(r[v].updater(),r.splice(v,1))}e=s}}}}}]);
//# sourceMappingURL=files_videoplayer-css_style_css.js.map?v=211b329b40ae32bf5d72
|
