From e65ed970adabf9c57d8683e3034088d57b18d531 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 23:05:36 +0000
Subject: [PATCH] Fix video display issues on the video page

Removed unnecessary overlay div and simplified iframe loading logic in VideoPage.tsx to resolve display problems.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
---
 client/src/pages/VideoPage.tsx | 29 +++++++++--------------------
 1 file changed, 9 insertions(+), 20 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 7a83188..a088bb0 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -433,26 +433,15 @@ export default function VideoPage() {
                 </>
               )}
               {currentVideo.videoUrlIframe ? (
-                <div className="relative w-full h-full">
-                  <div className="absolute inset-0 bg-black z-10" id="video-overlay"></div>
-                  <iframe
-                    src={`${currentVideo.videoUrlIframe}${currentVideo.videoUrlIframe.includes('?') ? '&' : '?'}autoplay=1`}
-                    className="absolute inset-0 w-full h-full z-20"
-                    frameBorder="0"
-                    allowFullScreen
-                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                    onLoad={(e) => {
-                      setTimeout(() => {
-                        const overlay = document.getElementById('video-overlay');
-                        if (overlay) {
-                          overlay.style.display = 'none';
-                        }
-                      }, 800);
-                      handleVideoPlay();
-                    }}
-                    title={currentVideo.title}
-                  />
-                </div>
+                <iframe
+                  src={`${currentVideo.videoUrlIframe}${currentVideo.videoUrlIframe.includes('?') ? '&' : '?'}autoplay=1`}
+                  className="absolute inset-0 w-full h-full"
+                  frameBorder="0"
+                  allowFullScreen
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  onLoad={handleVideoPlay}
+                  title={currentVideo.title}
+                />
               ) : (
                 <div className="absolute inset-0 flex items-center justify-center text-white">
                   <p>Video nicht verfügbar</p>