From 4563b686e0282fac5231df4d9002c92085e900b4 Mon Sep 17 00:00:00 2001
From: wwwwwwwww <526125649@qq.com>
Date: Fri, 17 Jul 2026 19:30:47 +0800
Subject: [PATCH] 1

---
 video-gen-app/src/pages/LoginPage.css |  8 +++----
 video-gen-app/src/pages/LoginPage.tsx | 34 +++++++++++++++------------
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/video-gen-app/src/pages/LoginPage.css b/video-gen-app/src/pages/LoginPage.css
index 7a3702ff..76a79fd1 100644
--- a/video-gen-app/src/pages/LoginPage.css
+++ b/video-gen-app/src/pages/LoginPage.css
@@ -27,11 +27,9 @@
   transition: opacity 0.6s ease;
 }
 
-/* 视频加载前占位 — 直接显示背景图，避免闪烁 */
-.login-bg-poster {
-  background-image: url(/backimage.png);
-  background-size: cover;
-  background-position: center;
+/* 视频加载前占位 — 纯色背景，不显示默认图 */
+.login-bg-placeholder {
+  background: #1a1a2e;
 }
 
 .login-bg-overlay {
diff --git a/video-gen-app/src/pages/LoginPage.tsx b/video-gen-app/src/pages/LoginPage.tsx
index 29c182bd..0b46fe30 100644
--- a/video-gen-app/src/pages/LoginPage.tsx
+++ b/video-gen-app/src/pages/LoginPage.tsx
@@ -529,21 +529,25 @@ const BackgroundVideo: React.FC<{ src: string; onReady: () => void }> = ({ src,
   }
 
   return (
-    <video
-      ref={vidRef}
-      className="login-bg-video"
-      style={{ opacity: ready ? 1 : 0 }}
-      autoPlay
-      loop
-      muted
-      playsInline
-      preload="auto"
-      onCanPlayThrough={handleReady}
-      onCanPlay={handleReady}
-      onError={handleReady}
-    >
-      <source src={src} type={src.endsWith('.webm') ? 'video/webm' : src.endsWith('.mov') ? 'video/quicktime' : 'video/mp4'} />
-    </video>
+    <>
+      {/* 视频加载前显示占位色，不显示默认背景图 */}
+      {!ready && <div className="login-bg-video login-bg-placeholder" />}
+      <video
+        ref={vidRef}
+        className="login-bg-video"
+        style={{ opacity: ready ? 1 : 0 }}
+        autoPlay
+        loop
+        muted
+        playsInline
+        preload="auto"
+        onCanPlayThrough={handleReady}
+        onCanPlay={handleReady}
+        onError={handleReady}
+      >
+        <source src={src} type={src.endsWith('.webm') ? 'video/webm' : src.endsWith('.mov') ? 'video/quicktime' : 'video/mp4'} />
+      </video>
+    </>
   );
 };