写一个css视频背景代码
时间: 2024-05-12 09:17:17 浏览: 32
好的,以下是一个简单的CSS视频背景代码:
HTML 代码:
```
<div class="video-background">
<div class="video-wrap">
<video autoplay loop muted>
<source src="your-video.mp4" type="video/mp4">
</video>
</div>
</div>
```
CSS 代码:
```
.video-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.video-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translateX(-50%) translateY(-50%);
background-size: cover;
z-index: -1;
}
```
您可以将“your-video.mp4”替换为自己的视频文件名,并调整CSS样式以适应您的内容和布局需求。