视频做背景css代码

<div class="area">
    <div class="video"><video src="bgvideo.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></div>
    <div class="content"><p>这是文字</p><p>这是文字</p><p>这是文字</p><p>这是文字</p></div>
</div>

.area{
text-align: center;
background: linear-gradient(90deg,#326adb,#326adb 33%,#2161c9 66%,#2161c9);
position: relative;
height: auto;
overflow: hidden;
min-width: 1200px;
padding: 0;
}
.video{
height: 100%;
width: 100%;
pointer-events: none;
position: absolute;
}
.content {
width: 1200px;
padding: 40px 0;
margin: 0 auto;
position: relative;
}