analytica-frontend-lib 1.1.86 → 1.1.87

package/dist/index.mjs

@@ -8649,6 +8649,8 @@ var VideoPlayer = ({
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
   useEffect15(() => {
+    const video = videoRef.current;
+    if (!video) return;
     const handleFullscreenChange = () => {
       const isCurrentlyFullscreen = !!document.fullscreenElement;
       setIsFullscreen(isCurrentlyFullscreen);
@@ -8656,9 +8658,29 @@ var VideoPlayer = ({
         showControlsWithTimer();
       }
     };
+    const handleWebkitBeginFullscreen = () => {
+      setIsFullscreen(true);
+      showControlsWithTimer();
+    };
+    const handleWebkitEndFullscreen = () => {
+      setIsFullscreen(false);
+    };
     document.addEventListener("fullscreenchange", handleFullscreenChange);
+    video.addEventListener(
+      "webkitbeginfullscreen",
+      handleWebkitBeginFullscreen
+    );
+    video.addEventListener("webkitendfullscreen", handleWebkitEndFullscreen);
     return () => {
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
+      video.removeEventListener(
+        "webkitbeginfullscreen",
+        handleWebkitBeginFullscreen
+      );
+      video.removeEventListener(
+        "webkitendfullscreen",
+        handleWebkitEndFullscreen
+      );
     };
   }, [showControlsWithTimer]);
   useEffect15(() => {
@@ -8765,15 +8787,30 @@ var VideoPlayer = ({
       video.currentTime = newTime;
     }
   }, []);
+  const isSafariIOS = useCallback3(() => {
+    const ua = navigator.userAgent;
+    const isIOS = /iPad|iPhone|iPod/.test(ua);
+    const isWebKit = /WebKit/.test(ua);
+    const isNotChrome = !/CriOS|Chrome/.test(ua);
+    return isIOS && isWebKit && isNotChrome;
+  }, []);
   const toggleFullscreen = useCallback3(() => {
-    const container = videoRef.current?.parentElement;
-    if (!container) return;
-    if (!isFullscreen && container.requestFullscreen) {
+    const video = videoRef.current;
+    const container = video?.parentElement;
+    if (!video || !container) return;
+    if (isSafariIOS()) {
+      const videoElement = video;
+      if (!isFullscreen && videoElement.webkitEnterFullscreen) {
+        videoElement.webkitEnterFullscreen();
+      } else if (isFullscreen && videoElement.webkitExitFullscreen) {
+        videoElement.webkitExitFullscreen();
+      }
+    } else if (!isFullscreen && container.requestFullscreen) {
       container.requestFullscreen();
     } else if (isFullscreen && document.exitFullscreen) {
       document.exitFullscreen();
     }
-  }, [isFullscreen]);
+  }, [isFullscreen, isSafariIOS]);
   const handleSpeedChange = useCallback3((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;