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-19 16:28:13 +08:00
parent 35318c4cb5
commit af84fc05c7
1 changed files with 54 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -191,6 +191,7 @@ export default function CreateToVideo2() {
const renderProjectCard = (project: any) => { const renderProjectCard = (project: any) => {
return ( return (
<LazyLoad once>
<div <div
key={project.project_id} key={project.project_id}
className="group flex flex-col bg-black/20 rounded-lg overflow-hidden cursor-pointer hover:bg-white/5 transition-all duration-300" className="group flex flex-col bg-black/20 rounded-lg overflow-hidden cursor-pointer hover:bg-white/5 transition-all duration-300"
@ -201,7 +202,6 @@ export default function CreateToVideo2() {
{/* 视频/图片区域 */} {/* 视频/图片区域 */}
<div className="relative aspect-video" onClick={() => router.push(`/movies/work-flow?episodeId=${project.project_id}`)}> <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) ? ( {(project.final_video_url || project.final_simple_video_url || project.video_urls) ? (
<LazyLoad once>
<video <video
ref={(el) => setVideoRef(project.project_id, el)} ref={(el) => setVideoRef(project.project_id, el)}
src={project.final_video_url || project.final_simple_video_url || project.video_urls} src={project.final_video_url || project.final_simple_video_url || project.video_urls}
@ -214,7 +214,6 @@ export default function CreateToVideo2() {
getFirstFrame(project.final_video_url || project.final_simple_video_url || project.video_urls) getFirstFrame(project.final_video_url || project.final_simple_video_url || project.video_urls)
} }
/> />
</LazyLoad>
) : ( ) : (
<div <div
className="w-full h-full bg-cover bg-center group-hover:scale-105 transition-transform duration-500" className="w-full h-full bg-cover bg-center group-hover:scale-105 transition-transform duration-500"
@ -266,6 +265,7 @@ export default function CreateToVideo2() {
</div> </div>
</div> </div>
</div> </div>
</LazyLoad>
); );
}; };