{"version":3,"file":"CustomVideoPlayer.sXYlVytY.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/ztqVIinvbsFPSHCxHWBb/ZzqWcTh9ykR2owpTLN2G/CustomVideoPlayer.js"],"sourcesContent":["// VideoPlayer.tsx\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{startTransition,useEffect,useRef,useState}from\"react\";const isSafari=()=>{if(typeof window===\"undefined\")return false;const ua=navigator.userAgent;const isWebKit=/WebKit/.test(ua)&&!/Chrome|CriOS|EdgiOS/.test(ua);const isIOS=/iPad|iPhone|iPod/.test(ua);return isWebKit||isIOS;};const resolveImage=img=>{if(!img)return\"\";if(typeof img===\"string\")return img;if(typeof img===\"object\"&&img.src)return img.src;return\"\";};// Pick URL if provided, otherwise fall back to uploaded file\nconst pickSource=(url,file)=>{const u=(url||\"\").trim();if(u)return u;return file||\"\";};/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function VideoPlayer(props){const{webm,webmUrl,mp4,mp4Url,fallbackImage,fallbackImageUrl,poster,objectFit,borderRadius,muted,controls,preload,lazySourceLoading,threshold,pauseOffscreen}=props;const videoRef=useRef(null);const[useImage,setUseImage]=useState(false);const[shouldLoadSources,setShouldLoadSources]=useState(!lazySourceLoading);const previousSourceSignatureRef=useRef(null);const webmSrc=pickSource(webmUrl,webm);const mp4Src=pickSource(mp4Url,mp4);const imageSrc=pickSource(fallbackImageUrl,resolveImage(fallbackImage));useEffect(()=>{if(isSafari()&&!mp4Src&&imageSrc){startTransition(()=>setUseImage(true));}else{startTransition(()=>setUseImage(false));}},[mp4Src,imageSrc]);useEffect(()=>{if(useImage)return;if(!lazySourceLoading){startTransition(()=>setShouldLoadSources(true));return;}if(!(mp4Src||webmSrc)){startTransition(()=>setShouldLoadSources(false));return;}if(typeof window===\"undefined\")return;if(!(\"IntersectionObserver\"in window)){startTransition(()=>setShouldLoadSources(true));return;}const video=videoRef.current;if(!video)return;const observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting){startTransition(()=>setShouldLoadSources(true));observer.disconnect();}},{rootMargin:\"300px 0px\",threshold:0});observer.observe(video);return()=>observer.disconnect();},[lazySourceLoading,mp4Src,webmSrc,useImage]);useEffect(()=>{const video=videoRef.current;if(!video||useImage)return;video.muted=muted;},[webmSrc,mp4Src,muted,useImage,shouldLoadSources]);useEffect(()=>{const video=videoRef.current;if(!video||useImage||!shouldLoadSources)return;const tryPlay=()=>{const p=video.play();if(p!==undefined)p.catch(()=>{});};if(typeof window===\"undefined\")return;if(!(\"IntersectionObserver\"in window)){tryPlay();return;}const observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting)tryPlay();else if(pauseOffscreen)video.pause();},{threshold});observer.observe(video);return()=>observer.disconnect();},[threshold,pauseOffscreen,useImage,shouldLoadSources]);// Force