From 89448ef0bebf172457efef5a4ae9245754c7a28f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Fri, 12 Sep 2025 15:25:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=A1=B5=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E6=87=92=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/create-to-video2.tsx | 28 ++++++++++++++-------------
 components/pages/home-page2.tsx       |  2 +-
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/components/pages/create-to-video2.tsx b/components/pages/create-to-video2.tsx
index 41fc667..73ab193 100644
--- a/components/pages/create-to-video2.tsx
+++ b/components/pages/create-to-video2.tsx
@@ -10,8 +10,8 @@ import { ChatInputBox } from '@/components/ChatInputBox/ChatInputBox';
 import cover_image1 from '@/public/assets/cover_image3.jpg';
 import { motion } from 'framer-motion';
 import { Tooltip, Button } from 'antd';
-import { GlassIconButton } from '@/components/ui/glass-icon-button';
 import { downloadVideo, getFirstFrame } from '@/utils/tools';
+import LazyLoad from "react-lazyload";
 
 
 
@@ -201,18 +201,20 @@ export default function CreateToVideo2() {
         {/* 视频/图片区域 */}
         <div className="relative aspect-video" onClick={() => router.push(`/movies/work-flow?episodeId=${project.project_id}`)}>
           {(project.final_video_url || project.final_simple_video_url || project.video_urls) ? (
-            <video
-              ref={(el) => setVideoRef(project.project_id, el)}
-              src={project.final_video_url || project.final_simple_video_url || project.video_urls}
-              className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
-              muted
-              loop
-              playsInline
-              preload="none"
-              poster={
-                getFirstFrame(project.final_video_url || project.final_simple_video_url || project.video_urls)
-              }
-            />
+            <LazyLoad once>
+              <video
+                ref={(el) => setVideoRef(project.project_id, el)}
+                src={project.final_video_url || project.final_simple_video_url || project.video_urls}
+                className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
+                muted
+                loop
+                playsInline
+                preload="none"
+                poster={
+                  getFirstFrame(project.final_video_url || project.final_simple_video_url || project.video_urls)
+                }
+              />
+            </LazyLoad>
           ) : (
             <div 
               className="w-full h-full bg-cover bg-center group-hover:scale-105 transition-transform duration-500"
diff --git a/components/pages/home-page2.tsx b/components/pages/home-page2.tsx
index 33e5237..e0d197a 100644
--- a/components/pages/home-page2.tsx
+++ b/components/pages/home-page2.tsx
@@ -14,7 +14,7 @@ import {
   EffectCube,
   Pagination,
 } from "swiper/modules";
-import LazyLoad, { forceCheck } from "react-lazyload";
+import LazyLoad from "react-lazyload";
 
 
 import { fetchSubscriptionPlans, SubscriptionPlan } from "@/lib/stripe";