@storyblok-components/video-component
Version:
Video Storyblok component
3 lines (2 loc) • 3.02 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react-player"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react-player","react","react-dom"],t):t(e.videoComponent={},e.ReactPlayer,e.react,e.reactDom)}(this,function(e,t,n,o){t=t&&t.hasOwnProperty("default")?t.default:t,n=n&&n.hasOwnProperty("default")?n.default:n,o=o&&o.hasOwnProperty("default")?o.default:o;var r,a,i=function(e){return n.createElement("div",null,"Component ",e.blok.component," is not defined. Add it to components.js")},l=(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=l(n),i=l(o);function l(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function t(e){return function(e,n){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,a.default.Component),r(t,[{key:"componentDidMount",value:function(){if(void 0!==this.props.content._editable&&window.location!==window.parent.location){var e=i.default.findDOMNode(this),t=JSON.parse(this.props.content._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));if(!(e instanceof Object&&"function"==typeof e.setAttribute))throw new TypeError("It seems that you are using a DOM text node inside the SbEditable wrapper. Please wrap it with an HTML DOM element.");e.setAttribute("data-blok-c",JSON.stringify(t)),e.setAttribute("data-blok-uid",t.id+"-"+t.uid),this.addClass(e,"storyblok__outline")}}},{key:"addClass",value:function(e,t){e.classList?e.classList.add(t):new RegExp("\\b"+t+"\\b").test(e.className)||(e.className+=" "+t)}},{key:"render",value:function(){return this.props.children}}]),t}();t.default=u}(r={exports:{}},r.exports),(a=r.exports)&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a),u=function(e){var o=e.blok,r=!!o.autoplay;return n.createElement(l,{content:o},n.createElement("div",{className:"player-wrapper"},n.createElement(t,{url:o.url||"",className:"react-player",width:"100%",height:"100%",playing:r,muted:r,playsinline:!0})))},c={"video-component":u};e.VideoComponent=u,e.ComponentNotFound=i,e.Components=function(e){return void 0===c[e]?i:c[e]},e.ComponentList=c});
//# sourceMappingURL=index.umd.js.map