利用css将视频作为背景图片

1.需要准备好视频背景，video.mp4文件

2.将以下代码粘贴到需要的地方：

<div class="videocontainer">
    <video class="fullscreenvideo" poster="__ROOT__/Themes/tdt/Asset/images/loginbg.jpg" id="bgvid" playsinline="" autoplay="" muted="" loop="">
        <source src="视频路径" type="video/mp4">
    </video>
</div>
3.css设置，使视频能够自适应屏幕大小：

.fullscreenvideo {

            position: absolute;

            width: 100%;

            height:100%;

        }

        .videocontainer {

            position: fixed;

            width: 100%;

            height: 100%;

            overflow: hidden;

            z-index: -100;

        }

        .videocontainer:before {

            content: "";

            position: absolute;

            width: 100%;

            height: 100%;

            display: block;

            z-index: -1;

            top: 0;

            left: 0;

        }