@mojito-inc/secondary-market/cjs/component/CustomVideoPlayer.js

Mojito secondary market is the platform to purchase NFT.

"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("react-player"),l=require("@mui/material/Box"),o=require("@mui/icons-material/Pause"),i=require("@mui/icons-material/PlayArrow"),a=require("@mui/material/IconButton");exports.CustomVideoPlayer=({width:u="100%",height:n="100%",sourceUrl:s,controls:c=!1,videoAttributes:d,cloudinaryUrl:p="",onError:y})=>{const h=r.useRef(null),[m,g]=r.useState(!1),x=r.useCallback((e=>{e.stopPropagation(),h.current&&(m?h.current.getInternalPlayer().pause():h.current.getInternalPlayer().play(),g(!m))}),[m]),b=r.useCallback((e=>{e.stopPropagation(),h.current&&m&&(h.current.getInternalPlayer().pause(),g(!1))}),[m]);return e.jsxs(l,{id:"custom-video-player",sx:{cursor:"default"},width:u,height:n,overflow:"hidden",position:"relative",children:[e.jsx(t,{ref:h,url:`${p}${s}`,playing:m,controls:c,muted:null==d?void 0:d.muted,autoPlay:null==d?void 0:d.autoPlay,playsinline:null==d?void 0:d.playsInline,loop:null==d?void 0:d.loop,width:"100%",height:"100%",preload:"auto",config:{file:{attributes:{preload:"auto",playsInline:!0}}},style:{borderRadius:"6px"},onError:y,onClick:b}),(null==d?void 0:d.playBtnEnabled)&&e.jsx(a,{onClick:x,style:{position:"absolute",bottom:16,right:16,color:"white",backgroundColor:"rgba(0, 0, 0, 0.6)",zIndex:1},children:m?e.jsx(o,{}):e.jsx(i,{})})]})};