fix: hidden video playing automatically on iphone (#1514)

QuivrHQ · Oct 27, 2023 · d5437ee · d5437ee
1 parent f7ae27b
commit d5437ee
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/app/(home)/components/Sections/DemoSection/components/VideoPlayer.tsx b/frontend/app/(home)/components/Sections/DemoSection/components/VideoPlayer.tsx
@@ -14,10 +14,11 @@ export const VideoPlayer = ({ videoSrc }: VideoPlayerProps): JSX.Element => {
       if (!videoElement) {
         return;
       }
-
       const videoRect = videoElement.getBoundingClientRect();
       const isVideoVisible =
-        videoRect.top >= 0 && videoRect.bottom <= window.innerHeight;
+        videoRect.top >= 0 &&
+        videoRect.bottom <= window.innerHeight &&
+        videoElement.checkVisibility();
 
       if (isVideoVisible && videoElement.paused) {
         void videoElement.play();