From b035404a3b5fda6cf6bac0c3735962c7b6234242 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 23:01:03 +0000
Subject: [PATCH] Remove video loading indicator and related states

Removes the `isVideoLoading` state and associated logic in `VideoPage.tsx` to simplify video playback initialization.

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/FgaI1Sc
---
 client/src/pages/VideoPage.tsx | 33 +++++++++------------------------
 1 file changed, 9 insertions(+), 24 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 2eaa0ec..a088bb0 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -60,7 +60,6 @@ export default function VideoPage() {
   const [searchQuery, setSearchQuery] = useState("");
   const [viewMode, setViewMode] = useState<"grid" | "list">("grid");
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
-  const [isVideoLoading, setIsVideoLoading] = useState(true);
 
   // Fetch current video
   const { data: currentVideo, isLoading: videoLoading } = useQuery<Video>({
@@ -103,11 +102,6 @@ export default function VideoPage() {
   };
   
   
-  // Reset video loading state when video changes
-  useEffect(() => {
-    setIsVideoLoading(true);
-  }, [videoId]);
-
   // Update page meta tags for social sharing
   useEffect(() => {
     if (currentVideo) {
@@ -185,7 +179,6 @@ export default function VideoPage() {
   };
 
   const handleVideoPlay = async () => {
-    setIsVideoLoading(false);
     if (currentVideo) {
       try {
         await apiRequest("POST", `/api/videos/${currentVideo.id}/view`);
@@ -440,23 +433,15 @@ export default function VideoPage() {
                 </>
               )}
               {currentVideo.videoUrlIframe ? (
-                <>
-                  {/* Loading overlay with smooth fade out */}
-                  {isVideoLoading && (
-                    <div className="absolute inset-0 bg-black flex items-center justify-center z-10 transition-opacity duration-300">
-                      <div className="text-white text-lg">Lade Video...</div>
-                    </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}
-                  />
-                </>
+                <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>