26 lines
616 B
TypeScript
26 lines
616 B
TypeScript
'use client'; // 确保客户端渲染（如果在 App Router 中使用）
|
|
|
|
const FullScreenVideoBackground = ({}: {}) => {
|
|
return (
|
|
<div className='fixed inset-0 h-full w-full overflow-hidden'>
|
|
<video
|
|
autoPlay
|
|
muted
|
|
loop
|
|
playsInline
|
|
className='absolute inset-0 h-full w-full object-cover'
|
|
style={{
|
|
minWidth: '100%',
|
|
minHeight: '100%',
|
|
width: 'auto',
|
|
height: 'auto',
|
|
}}
|
|
>
|
|
<source src='/video.mp4' type='video/mp4' />
|
|
</video>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FullScreenVideoBackground;
|