From 7b1aa23039ed8ff1b33fba4961272a41e3ff6754 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Thu, 21 May 2026 21:17:11 -0400
Subject: [PATCH] fix(studio): pause all media elements in iframe on seek

When seeking via the slider or timeline scrub, explicitly pause all
<video> and <audio> elements inside the preview iframe. The GSAP
timeline pauses but iframe media elements can continue playing
independently, causing audio to keep going after a seek.
---
 packages/studio/src/player/hooks/useTimelinePlayer.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/studio/src/player/hooks/useTimelinePlayer.ts b/packages/studio/src/player/hooks/useTimelinePlayer.ts
index f503e8299..dc77122f3 100644
--- a/packages/studio/src/player/hooks/useTimelinePlayer.ts
+++ b/packages/studio/src/player/hooks/useTimelinePlayer.ts
@@ -407,6 +407,16 @@ export function useTimelinePlayer() {
         if (usePlayerStore.getState().isPlaying) setIsPlaying(false);
         shuttleDirectionRef.current = null;
         shuttleSpeedIndexRef.current = 0;
+        try {
+          const doc = iframeRef.current?.contentDocument;
+          if (doc) {
+            for (const el of doc.querySelectorAll("video, audio")) {
+              (el as HTMLMediaElement).pause();
+            }
+          }
+        } catch {
+          /* cross-origin */
+        }
       }
       return true;
     },