diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index af1c574..ba64975 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -433,15 +433,23 @@ export default function VideoPage() {
                 </>
               )}
               {currentVideo.videoUrlIframe ? (
-                <iframe
-                  src={`${currentVideo.videoUrlIframe}${currentVideo.videoUrlIframe.includes('?') ? '&' : '?'}autoplay=1&poster=0`}
-                  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="relative w-full h-full">
+                  <iframe
+                    src={`${currentVideo.videoUrlIframe}${currentVideo.videoUrlIframe.includes('?') ? '&' : '?'}autoplay=1`}
+                    className="absolute inset-0 w-full h-full opacity-0"
+                    frameBorder="0"
+                    allowFullScreen
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    onLoad={(e) => {
+                      setTimeout(() => {
+                        e.currentTarget.style.opacity = '1';
+                      }, 500);
+                      handleVideoPlay();
+                    }}
+                    title={currentVideo.title}
+                  />
+                  <div className="absolute inset-0 bg-black"></div>
+                </div>
               ) : (
                 <div className="absolute inset-0 flex items-center justify-center text-white">
                   <p>Video nicht verfügbar</p>