前言:
普通图片:
给网页添加背景图片 html+css
动态:
就是换成MP4格式作为网页背景。
实现:
- 定义html的video标签:
<video src="xiamu.mp4" class="bjimg" autoplay loop muted></video>
在url里写入自己视频地址就好~
- 添加css样式就完成了:
.bjimg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -10;
object-fit: cover;
}
object-fit: cover; 保持原有尺寸比例。但部分内容可能被剪切。
- 效果: