From fe4ee6a2d7db7f01b92a2c6a6561af560309b612 Mon Sep 17 00:00:00 2001
From: MerlinScheurer <merlin.scheurer@Yahoo.de>
Date: Tue, 28 Jan 2025 17:41:01 +0100
Subject: [PATCH] Refac jump to an empty player wrapper when opening the
 EmbeddableVideoPlayer

---
 frontend/src/components/EmbeddableVideoPlayer.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/EmbeddableVideoPlayer.tsx b/frontend/src/components/EmbeddableVideoPlayer.tsx
index 7be85110..53eb198a 100644
--- a/frontend/src/components/EmbeddableVideoPlayer.tsx
+++ b/frontend/src/components/EmbeddableVideoPlayer.tsx
@@ -28,7 +28,7 @@ const EmbeddableVideoPlayer = ({ videoId }: EmbeddableVideoPlayerProps) => {
 
   const [, setSearchParams] = useSearchParams();
 
-  const [refresh, setRefresh] = useState(false);
+  const [refresh, setRefresh] = useState(true);
   const [loading, setLoading] = useState(false);
 
   const [videoResponse, setVideoResponse] = useState<VideoResponseType>();
@@ -72,8 +72,12 @@ const EmbeddableVideoPlayer = ({ videoId }: EmbeddableVideoPlayerProps) => {
     })();
   }, [videoId, refresh]);
 
+  useEffect(() => {
+    inlinePlayerRef.current?.scrollIntoView();
+  }, []);
+
   if (videoResponse === undefined) {
-    return [];
+    return <div ref={inlinePlayerRef} className="player-wrapper" />;
   }
 
   const video = videoResponse.data;