1
2
|
"use strict";(self.webpackChunkfiles_videoplayer=self.webpackChunkfiles_videoplayer||[]).push([["css_style_css"],{174:(n,t,e)=>{e.d(t,{Z:()=>A});var o=e(1684),s=e.n(o),i=e(3645),r=e.n(i)()(s());r.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 A=r},3645:n=>{n.exports=function(n){var t=[];return t.toString=function(){return this.map((function(t){var e="",o=void 0!==t[5];return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),o&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=n(t),o&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e})).join("")},t.i=function(n,e,o,s,i){"string"==typeof n&&(n=[[null,n,void 0]]);var r={};if(o)for(var A=0;A<this.length;A++){var a=this[A][0];null!=a&&(r[a]=!0)}for(var d=0;d<n.length;d++){var v=[].concat(n[d]);o&&r[v[0]]||(void 0!==i&&(void 0===v[5]||(v[1]="@layer".concat(v[5].length>0?" ".concat(v[5]):""," {").concat(v[1],"}")),v[5]=i),e&&(v[2]?(v[1]="@media ".concat(v[2]," {").concat(v[1],"}"),v[2]=e):v[2]=e),s&&(v[4]?(v[1]="@supports (".concat(v[4],") {").concat(v[1],"}"),v[4]=s):v[4]="".concat(s)),t.push(v))}},t}},1684:n=>{n.exports=function(n){var t=n[1],e=n[3];if(!e)return t;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(s," */"),r=e.sources.map((function(n){return"/*# sourceURL=".concat(e.sourceRoot||"").concat(n," */")}));return[t].concat(r).concat([i]).join("\n")}return[t].join("\n")}},5892:(n,t,e)=>{e.r(t),e.d(t,{default:()=>b});var o=e(3379),s=e.n(o),i=e(7795),r=e.n(i),A=e(569),a=e.n(A),d=e(3565),v=e.n(d),p=e(9216),l=e.n(p),C=e(4589),c=e.n(C),j=e(174),u={};u.styleTagTransform=c(),u.setAttributes=v(),u.insert=a().bind(null,"head"),u.domAPI=r(),u.insertStyleElement=l();s()(j.Z,u);const b=j.Z&&j.Z.locals?j.Z.locals:void 0},3379:n=>{var t=[];function e(n){for(var e=-1,o=0;o<t.length;o++)if(t[o].identifier===n){e=o;break}return e}function o(n,o){for(var i={},r=[],A=0;A<n.length;A++){var a=n[A],d=o.base?a[0]+o.base:a[0],v=i[d]||0,p="".concat(d," ").concat(v);i[d]=v+1;var l=e(p),C={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(-1!==l)t[l].references++,t[l].updater(C);else{var c=s(C,o);o.byIndex=A,t.splice(A,0,{identifier:p,updater:c,references:1})}r.push(p)}return r}function s(n,t){var e=t.domAPI(t);e.update(n);return function(t){if(t){if(t.css===n.css&&t.media===n.media&&t.sourceMap===n.sourceMap&&t.supports===n.supports&&t.layer===n.layer)return;e.update(n=t)}else e.remove()}}n.exports=function(n,s){var i=o(n=n||[],s=s||{});return function(n){n=n||[];for(var r=0;r<i.length;r++){var A=e(i[r]);t[A].references--}for(var a=o(n,s),d=0;d<i.length;d++){var v=e(i[d]);0===t[v].references&&(t[v].updater(),t.splice(v,1))}i=a}}},569:n=>{var t={};n.exports=function(n,e){var o=function(n){if(void 0===t[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}t[n]=e}return t[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(e)}},9216:n=>{n.exports=function(n){var t=document.createElement("style");return n.setAttributes(t,n.attributes),n.insert(t,n.options),t}},3565:(n,t,e)=>{n.exports=function(n){var t=e.nc;t&&n.setAttribute("nonce",t)}},7795:n=>{n.exports=function(n){var t=n.insertStyleElement(n);return{update:function(e){!function(n,t,e){var o="";e.supports&&(o+="@supports (".concat(e.supports,") {")),e.media&&(o+="@media ".concat(e.media," {"));var s=void 0!==e.layer;s&&(o+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),o+=e.css,s&&(o+="}"),e.media&&(o+="}"),e.supports&&(o+="}");var i=e.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(o,n,t.options)}(t,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)}}}},4589:n=>{n.exports=function(n,t){if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}}}]);
//# sourceMappingURL=files_videoplayer-css_style_css.js.map?v=cb28585edd387dc89754
|
