xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

列表页视频懒加载

Browse Source
This commit is contained in:
北枳 2025-09-12 15:25:07 +08:00
parent 72b4c11d80
commit 89448ef0be
2 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/pages/create-to-video2.tsx
View File

@ -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"

2
components/pages/home-page2.tsx
View File

@ -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";