HTML&CSS实现网页动态视频背景

HTML：

    <div class="video">
        <video src="video.mp4" muted autoplay loop></video>
    </div>

CSS：

.video{
    width:80vw;
    height: 792px;
    position:absolute;
    top:0;
    left:020vw;
    z-index: -1;
}

.video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}