Update TrailerModal.tsx

src/components/metadata/TrailerModal.tsx

@@ -159,35 +159,28 @@ const TrailerModal: React.FC<TrailerModalProps> = memo(({
   const handleVideoError = useCallback((error: any) => {
     logger.error('TrailerModal', 'Video error:', error);
 
-    // Check if this is a permission/network error that might benefit from retry
     const errorCode = error?.error?.code;
     const isRetryableError = errorCode === -1102 || errorCode === -1009 || errorCode === -1005;
 
     if (isRetryableError && retryCount < 2) {
-      // Silent retry - increment count and try again
       logger.info('TrailerModal', `Retrying video load (attempt ${retryCount + 1}/2)`);
       setRetryCount(prev => prev + 1);
 
-      // Small delay before retry to avoid rapid-fire attempts
+      // Capture current URL before clearing it
+      setTrailerUrl(current => {
+        const urlToRestore = current;
         setTimeout(() => {
-        if (videoRef.current) {
+          setTrailerUrl(urlToRestore);
-          // Force video to reload by changing the source briefly
+        }, 500);
-          setTrailerUrl(null);
+        return null; // Clear first to force remount
-          setTimeout(() => {
+      });
-            if (trailerUrl) {
-              setTrailerUrl(trailerUrl);
-            }
-          }, 100);
-        }
-      }, 1000);
       return;
     }
 
-    // After 2 retries or for non-retryable errors, show the error
     logger.error('TrailerModal', 'Video error after retries or non-retryable:', error);
     setError('Unable to play trailer. Please try again.');
     setLoading(false);
-  }, [retryCount, trailerUrl]);
+  }, [retryCount]);
 
   const handleTrailerEnd = useCallback(() => {
     setIsPlaying(false);