UNPKG

@storyblok-components/video-component

Version:

Video Storyblok component

3 lines (2 loc) 2.74 kB
function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t,n,o=e(require("react-player")),r=e(require("react")),a=e(require("react-dom")),i=function(e){return r.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 n=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}}(),o=l(r),i=l(a);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,o.default.Component),n(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}(t={exports:{}},t.exports),(n=t.exports)&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n),u=function(e){var t=e.blok,n=!!t.autoplay;return r.createElement(l,{content:t},r.createElement("div",{className:"player-wrapper"},r.createElement(o,{url:t.url||"",className:"react-player",width:"100%",height:"100%",playing:n,muted:n,playsinline:!0})))},s={"video-component":u};exports.VideoComponent=u,exports.ComponentNotFound=i,exports.Components=function(e){return void 0===s[e]?i:s[e]},exports.ComponentList=s; //# sourceMappingURL=index.js.map