openstack-uicore-foundation/lib/components/video-stream.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={2015:e=>{e.exports=require("react")}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,o),i.exports}(()=>{o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t}})(),(()=>{o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}})(),(()=>{o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var r={};o.r(r),o.d(r,{default:()=>c});var n=o(2015),i=o.n(n);const a=require("video.js");var s=o.n(a);require("video.js/dist/video-js.css");const l=({videoSrcURL:e,videoTitle:t})=>i().createElement("div",{className:"video"},i().createElement("iframe",{width:"100%",height:"720",title:t,src:e,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}));class d extends i().Component{componentDidMount(){this.player=s()(this.videoNode,this.props)}componentWillUnmount(){this.player&&this.player.dispose()}render(){return i().createElement("div",{"data-vjs-player":""},i().createElement("video",{ref:e=>this.videoNode=e,className:"video-js vjs-big-play-centered"}))}}const c=({url:e})=>{let t=null;if(e)if((()=>{let t=null;return t=!!e.match(/.m3u8/),t})()){const o={autoplay:!0,controls:!0,fluid:!0,sources:[{src:e,type:"application/x-mpegURL"}]};t=i().createElement(d,o)}else t=i().createElement(l,{videoSrcURL:e});else t=i().createElement("span",{className:"no-video"},"No video URL Provided");return t};return r})()));
//# sourceMappingURL=video-stream.js.map