{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/CtMUZ0lOYJQnLR6MT9Bv/QJTZm89gzj15QauKlr45/VideoPlay.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{Frame,addPropertyControls,ControlType}from\"framer\";import{useInView}from\"framer-motion\";export function AutoPlayVideo(props){const{videoUrl,poster,width,height,borderRadius,autoplay,muted,loop}=props;const videoRef=useRef(null);const inViewRef=useRef(null);const isInView=useInView(inViewRef,{margin:\"0px 0px -20% 0px\",once:false});useEffect(()=>{const video=videoRef.current;if(!video)return;if(isInView){video.play().catch(()=>{});}else{video.pause();}},[isInView]);return /*#__PURE__*/_jsx(Frame,{ref:inViewRef,width:width,height:height,radius:borderRadius,overflow:\"hidden\",background:\"#000\",children:/*#__PURE__*/_jsx(\"video\",{ref:videoRef,src:videoUrl,poster:poster,width:\"100%\",height:\"100%\",style:{objectFit:\"cover\",width:\"100%\",height:\"100%\"},playsInline:true,muted:muted,loop:loop,preload:\"metadata\",autoPlay:false,controls:false})});}AutoPlayVideo.defaultProps={width:\"100%\",height:\"100%\",borderRadius:0,videoUrl:\"https://www.w3schools.com/html/mov_bbb.mp4\",poster:\"\",autoplay:true,muted:true,loop:true};addPropertyControls(AutoPlayVideo,{videoUrl:{type:ControlType.String,title:\"Video URL\"},poster:{type:ControlType.Image,title:\"Poster\"},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:100},muted:{type:ControlType.Boolean,title:\"Muted\",defaultValue:true},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"AutoPlayVideo\":{\"type\":\"reactComponent\",\"name\":\"AutoPlayVideo\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoPlay.map"],
  "mappings": "sFAAqL,SAASA,EAAcC,EAAM,CAAC,GAAK,CAAC,SAAAC,EAAS,OAAAC,EAAO,MAAAC,EAAM,OAAAC,EAAO,aAAAC,EAAa,SAAAC,EAAS,MAAAC,EAAM,KAAAC,CAAI,EAAER,EAAYS,EAASC,EAAO,IAAI,EAAQC,EAAUD,EAAO,IAAI,EAAQE,EAASC,EAAUF,EAAU,CAAC,OAAO,mBAAmB,KAAK,EAAK,CAAC,EAAE,OAAAG,EAAU,IAAI,CAAC,IAAMC,EAAMN,EAAS,QAAYM,IAAgBH,EAAUG,EAAM,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,EAAQA,EAAM,MAAM,EAAG,EAAE,CAACH,CAAQ,CAAC,EAAsBI,EAAKC,EAAM,CAAC,IAAIN,EAAU,MAAMR,EAAM,OAAOC,EAAO,OAAOC,EAAa,SAAS,SAAS,WAAW,OAAO,SAAsBW,EAAK,QAAQ,CAAC,IAAIP,EAAS,IAAIR,EAAS,OAAOC,EAAO,MAAM,OAAO,OAAO,OAAO,MAAM,CAAC,UAAU,QAAQ,MAAM,OAAO,OAAO,MAAM,EAAE,YAAY,GAAK,MAAMK,EAAM,KAAKC,EAAK,QAAQ,WAAW,SAAS,GAAM,SAAS,EAAK,CAAC,CAAC,CAAC,CAAE,CAACT,EAAc,aAAa,CAAC,MAAM,OAAO,OAAO,OAAO,aAAa,EAAE,SAAS,6CAA6C,OAAO,GAAG,SAAS,GAAK,MAAM,GAAK,KAAK,EAAI,EAAEmB,EAAoBnB,EAAc,CAAC,SAAS,CAAC,KAAKoB,EAAY,OAAO,MAAM,WAAW,EAAE,OAAO,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,GAAG,EAAE,MAAM,CAAC,KAAKA,EAAY,QAAQ,MAAM,QAAQ,aAAa,EAAI,EAAE,KAAK,CAAC,KAAKA,EAAY,QAAQ,MAAM,OAAO,aAAa,EAAI,CAAC,CAAC",
  "names": ["AutoPlayVideo", "props", "videoUrl", "poster", "width", "height", "borderRadius", "autoplay", "muted", "loop", "videoRef", "pe", "inViewRef", "isInView", "useInView", "ue", "video", "p", "Frame", "addPropertyControls", "ControlType"]
}