效果

实现
<video autoplay muted loop>
<source src="@/assets/res-kg/video-kg.mp4" type="video/mp4" />
</video>
video {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
pointer-events: none;
}
本文介绍了一种使用HTML5和CSS实现视频作为网页背景并设置其自动播放、静音及循环播放的方法。通过设置video标签与对应的CSS样式,可以使得视频完全覆盖网页背景,并且不会影响用户的点击交互。

被折叠的 条评论
为什么被折叠?



