@viewlift/player-backup 0.0.63 → 0.0.65

package/esm/skin-8a87c0c3.js

@@ -1 +0,0 @@
-import{k as e,l,h as i,i as o,e as t,m as n,n as r,o as s,M as a,b as d,p,q as u}from"./icons-676e657d.js";import{g as m,a as v,f as c,c as h}from"./index-e33e3a95.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@babel/runtime/helpers/inherits";import"@babel/runtime/helpers/possibleConstructorReturn";import"@babel/runtime/helpers/getPrototypeOf";import"video.js";import"video.js/dist/video-js.min.css";import"@babel/runtime/helpers/defineProperty";import"axios";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"js-cookie";import"ua-parser-js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/assertThisInitialized";function b(b,f){import("./skin-8d36f3d7.js").then((function(e){var l=document.createElement("style");l.id="default_v2",l.append("".concat(e.default)),document.head.appendChild(l)})),function(i,o){m(i).on("loadeddata",(function(){var t,n;(null===(t=v(i))||void 0===t?void 0:t.length)>0&&e(i,o),(null===(n=c(i))||void 0===n?void 0:n.length)>0&&l(i,o)}))}(b,f),function(e,l){var i=m(e);i.controlBar.getChild("FullscreenToggle").el().appendChild(h(a(window.controlsColor))),i.controlBar.getChild("FullscreenToggle").el().appendChild(h(d(window.controlsColor)));var o=document.getElementsByClassName("vjs-time-control");l.liveVideo&&(o[0].style.display="none")}(b,f),function(e,l){var a,d,m,v;0==l.liveVideo&&0==l.liveui&&i(e,"defaultV2",p());(0==l.liveVideo&&0==l.liveui||1==l.liveui)&&o(e,"defaultV2",u());l.liveVideo||t(e);(null==l||null===(a=l.relatedVideos)||void 0===a?void 0:a.content.length)>0&&n(e,null==l?void 0:l.relatedVideos);(null==l||null===(d=l.streams)||void 0===d?void 0:d.length)>1&&r(e,null==l?void 0:l.streams);(null==l||null===(m=l.playlist)||void 0===m||null===(v=m.content)||void 0===v?void 0:v.length)>0&&s(e,null==l?void 0:l.playlist)}(b,f)}export{b as initialiseSkin};

package/esm/skin-8d36f3d7.js

@@ -1 +0,0 @@
-var n=".vjs-button>.vjs-icon-placeholder:before {\n  font-size: 2.2em;\n  line-height: 2.6;\n}\n.vjs-control-bar{\n  z-index: 0  !important;\n  height: 6em !important;\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%) !important;\n}\n\n.video-js .vjs-progress-control {\n  left: -6px;\n  position: absolute;\n  width: 100%;\n  height: 0.5em;\n  top: -0.5em;\n  transition: height .1s,top .1s;\n}\n\n.video-js .vjs-custom-control-spacer {\n  display: block;\n  flex: 1 1 auto;\n}\n\n.vjs-remaining-time.vjs-time-control.vjs-control {\n  position: absolute;\n  right: 0;\n  bottom: 18px;\n}\n\n.video-js .vjs-progress-control .vjs-progress-holder {\n  margin: 0 41px 0 14px;\n}\n.vjs-remaining-time.vjs-time-control.vjs-control{\n  display: none;\n}\n\nbutton.vjs-control.vjs-button.vjs-slowmo-button {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.video-js .vjs-progress-control .vjs-progress-holder{\n  height: 6px !important;\n}\n\n.video-js .vjs-play-progress:before {\n  font-size: 1.9em;\n}\n\n.video-js .vjs-current-time { display: block; }\n\n.video-js .vjs-current-time {\n  display: block;\n  position: absolute;\n  right: 0em;\n  bottom: 1.8em;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.video-js .vjs-button{\n  width: 6em;\n}\n\nbutton.vjs-control.vjs-button.vjs-slowmo-button{\n  align-self: center;\n  height: min-content;\n  padding: 5px 2px;\n  border-radius: 8px;\n}\n\n\n.vjs-fullscreen .icon-minimize,\n.icon-maximize {\n    display: block;\n    height: 32px;\n}\n\n.vjs-fullscreen .icon-maximize,\n.icon-minimize {\n    display: none;\n    height: 32px;\n}\n\nbutton.vjs-play-control.vjs-control.vjs-button{\n  outline: none !important;\n}\n\n.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,\n.vjs-icon-fullscreen-enter:before {\n    content: '' !important;\n}\n\n.video-js button.vjs-fullscreen-control.vjs-control.vjs-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: rotate(90deg);\n}\n\n.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before{\n  display: none;\n}\n.video-js .vjs-volume-panel .vjs-volume-control{\n  margin-left: -10px;\n}\n\n.skipbtn:hover{\n  cursor: pointer;\n}\n\n.rewindbtn:hover{\n  cursor: pointer;\n}\n\n.vjs-live-control{\n  position: absolute !important;\n  right: 0em !important;\n  background-color: none;\n  bottom: 1.8em !important;\n  font-weight: 700 !important;\n  font-size: 11px !important;\n}\n\n.vjs-seek-to-live-control.vjs-control{\n  position: absolute !important;\n  right: 0em !important;\n  background-color: none;\n  bottom: 3.2em !important;\n}\n\n.vjs-seek-to-live-control.vjs-control  >span.vjs-icon-placeholder{\n  display:none;\n}\n\n.video-js.vjs-paused .vjs-big-play-button {\n    width: 90px;\n    height: 90px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    margin: auto;\n    font-size: 6em;\n    line-height: 1.3em;\n}\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{\n  font-weight: bold;\n}\n\n.vjs-menu > ul.vjs-menu-content{\n  bottom: 3.5em !important;\n  right: -1em;\n}\n\n.video-js .vjs-chromecast-button .vjs-icon-placeholder {\n  width: 17px !important;\n  height: 17px !important;\n}\n\n.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{\n  /* display: flex;\n  justify-content: center;\n  align-items: center; */\n  display: none;\n}\n\nbutton.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{\n  height: min-content;\n  width: min-content;\n}\n.video-js .vjs-volume-panel.vjs-volume-panel-vertical{\n  width: 6em;\n}\n\n.video-js .content{\n  bottom: 3.4rem !important;\n  right: -4rem !important; \n}\n\n.setting-icon > svg{\n  height:18px !important;\n}\n\n\n@media(max-width:600px){\n.vjs-fullscreen .icon-minimize,\n  .icon-maximize {\n    height: 30px !important;\n  }\n\n  .vjs-fullscreen .icon-maximize,\n  .icon-minimize {\n    height: 30px !important;\n  }\n\n  button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {\n    height: min-content;\n  }\n\n  .vjs-seek-to-live-control.vjs-control{\n    position: relative !important;\n    right: 0em !important;\n    bottom: 0 !important;\n  }\n\n  .video-js .vjs-progress-control{\n    top: -0.85em;\n  }\n  .vjs-live-control{\n    right: -1em !important;\n    position: relative !important;\n    bottom: 0 !important;\n    font-size: 12px !important;\n  }\n  button.vjs-slowmo-button{\n    display: none;\n  }\n  button.vjs-rewind-button{\n    display: none;\n  }\n  button.vjs-rewind-button>svg{\n    height: 20px;\n  }\n  .video-js .vjs-button{\n    width: 4.8em;\n  }\n  .video-js  .widget-selection{\n    display: none;\n  }\n  .video-js .container{\n    display: none !important;\n  }\n  .video-js .vjs-control-bar{\n    height: 4em !important;\n  }\n  .video-js .vjs-button>.vjs-icon-placeholder:before{\n    font-size: 2.5em;\n    line-height: 1.5;\n  }\n  .video-js .vjs-play-progress:before {\n    font-size: 1.2em;\n    position: absolute;\n    right: -0.5em;\n    /* top: -0.3333333333em; */\n    z-index: 1;\n}\nbutton.vjs-skip-button>svg{\n  height: 20px;\n}\nbutton.vjs-big-play-button {\n  width: 50px !important;\n  height: 50px !important;\n  font-size: 2.1rem !important;\n}\n.vjs-seek-to-live-control.vjs-control >span.vjs-icon-placeholder{\n  display: block;\n}\n\n.stream-selector-icon>svg{\n  width: 24px;\n  height: 24px;\n}\n.video-js.vjs-live .vjs-progress-control .vjs-progress-holder{\n  margin: 0 12px 0 21px;\n}\n.vjs-seek-to-live-text{\n  font-size: 12px;\n}\n.video-js .vjs-progress-control .vjs-progress-holder {\n  margin: 0 40px 0px 21px;\n}\n.video-js .vjs-current-time{\n  bottom: 2em !important;\n}\n}";export{n as default};