From a7f4f9919d33734102d2ce443d5c9111fb2a8974 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Mon, 18 Dec 2023 19:00:42 -0700
Subject: [PATCH] Fix iOS empty frame

---
 web/src/components/player/PreviewThumbnailPlayer.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index 377da4184..39f651fad 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -88,7 +88,12 @@ export default function PreviewThumbnailPlayer({
                 onPlayback(false);
               }
             },
-            { root: document.getElementById("pageRoot"), threshold: 1.0 }
+            {
+              threshold: 1.0,
+              root: document.getElementById("pageRoot"),
+              // iOS has bug where poster is empty frame until video starts playing so playback needs to begin earlier
+              rootMargin: isSafari ? "10% 0px 25% 0px" : "0px",
+            }
           );
           if (node) autoPlayObserver.current.observe(node);
         } catch (e) {