diff --git a/src/components/Stream.tsx b/src/components/Stream.tsx
index 7931c1d17..95d833d9a 100644
--- a/src/components/Stream.tsx
+++ b/src/components/Stream.tsx
@@ -157,9 +157,12 @@ export const Stream = () => {
   useEffect(() => {
     setIsFirstRender(kclManager.isFirstRender)
     if (!kclManager.isFirstRender)
-      videoRef.current?.play().catch((e) => {
-        console.warn('Video playing was prevented', e)
-      })
+      setTimeout(() =>
+        // execute in the next event loop
+        videoRef.current?.play().catch((e) => {
+          console.warn('Video playing was prevented', e, videoRef.current)
+        })
+      )
     setIsFreezeFrame(!kclManager.isFirstRender)
   }, [kclManager.isFirstRender])