@hyperstream/videoplayer 0.1.7 → 0.1.9

package/dist/index.mjs

@@ -20551,17 +20551,29 @@ function usePipMonitor({
   const [isPictureInPicture, setIsPictureInPicture] = useState9(false);
   const [isSupported, setIsSupported] = useState9(false);
   const [canActivate, setCanActivate] = useState9(false);
+  const [videoElement, setVideoElement] = useState9(null);
   const onEnterPipRef = useRef14(onEnterPip);
   const onLeavePipRef = useRef14(onLeavePip);
   onEnterPipRef.current = onEnterPip;
   onLeavePipRef.current = onLeavePip;
   useEffect13(() => {
-    const video = videoRef.current;
-    const supported = isPipSupported() && video && "requestPictureInPicture" in video;
-    setIsSupported(!!supported);
+    setIsSupported(isPipSupported());
+  }, []);
+  useEffect13(() => {
+    if (videoRef.current) {
+      setVideoElement(videoRef.current);
+      return;
+    }
+    const interval = setInterval(() => {
+      if (videoRef.current) {
+        setVideoElement(videoRef.current);
+        clearInterval(interval);
+      }
+    }, 100);
+    return () => clearInterval(interval);
   }, [videoRef]);
   useEffect13(() => {
-    const video = videoRef.current;
+    const video = videoElement;
     if (!video || !isSupported || !enabled) return;
     const handleEnterPip = () => {
       var _a;
@@ -20579,9 +20591,9 @@ function usePipMonitor({
       video.removeEventListener("enterpictureinpicture", handleEnterPip);
       video.removeEventListener("leavepictureinpicture", handleLeavePip);
     };
-  }, [videoRef, isSupported, enabled]);
+  }, [videoElement, isSupported, enabled]);
   useEffect13(() => {
-    const video = videoRef.current;
+    const video = videoElement;
     if (!video || !isSupported) {
       setCanActivate(false);
       return;
@@ -20600,7 +20612,7 @@ function usePipMonitor({
       video.removeEventListener("loadeddata", updateCanActivate);
       video.removeEventListener("canplay", updateCanActivate);
     };
-  }, [videoRef, isSupported]);
+  }, [videoElement, isSupported]);
   const enterPip = useCallback12(() => __async(null, null, function* () {
     const video = videoRef.current;
     if (!video || !canActivate) return;