From 5b6554ff37d789669bb8627221641aeb2db9e2a3 Mon Sep 17 00:00:00 2001
From: chrisk325 <singaracemas@gmail.com>
Date: Sun, 1 Mar 2026 15:05:10 +0530
Subject: [PATCH] fix trailers in homescreen hero

---
 src/components/home/AppleTVHero.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/home/AppleTVHero.tsx b/src/components/home/AppleTVHero.tsx
index 5192ac34..8b3e7226 100644
--- a/src/components/home/AppleTVHero.tsx
+++ b/src/components/home/AppleTVHero.tsx
@@ -524,10 +524,17 @@ const AppleTVHero: React.FC<AppleTVHeroProps> = ({
   }, [currentItem, currentIndex]); // Removed settings?.showTrailers from dependencies
 
   // Handle trailer preloaded
+  // FIX: Set global trailer playing to true HERE — before the visible player mounts —
+  // so that when the visible player's autoPlay prop is evaluated it is already true,
+  // eliminating the race condition that previously caused the global state effect in
+  // TrailerPlayer to immediately pause the video on first render.
   const handleTrailerPreloaded = useCallback(() => {
+    if (isFocused && !isOutOfView && !trailerShouldBePaused) {
+      setTrailerPlaying(true);
+    }
     setTrailerPreloaded(true);
     logger.info('[AppleTVHero] Trailer preloaded successfully');
-  }, []);
+  }, [isFocused, isOutOfView, trailerShouldBePaused, setTrailerPlaying]);
 
   // Handle trailer ready to play
   const handleTrailerReady = useCallback(() => {
@@ -1111,7 +1118,7 @@ const AppleTVHero: React.FC<AppleTVHeroProps> = ({
                   key={`visible-${trailerUrl}`}
                   ref={trailerVideoRef}
                   trailerUrl={trailerUrl}
-                  autoPlay={globalTrailerPlaying}
+                  autoPlay={!trailerShouldBePaused}
                   muted={trailerMuted}
                   style={StyleSheet.absoluteFillObject}
                   hideLoadingSpinner={true}