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

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

MySQL读写分离

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设置,使视频能够自适应屏幕大小:

miktex

.fullscreenvideo {

内存越界

            position: absolute;

C语言必背100代码

            width: 100%;

Android日历选择

            height:100%;

效能工具

        }

RESTRICTED

        .videocontainer {

layui

            position: fixed;

java-zookeeper

            width: 100%;

在线聊天

            height: 100%;

kettle

            overflow: hidden;

css3

            z-index: -100;

互联网

        }

零基础

        .videocontainer:before {

编程语言

            content: "";

测试类型

            position: absolute;

开源

            width: 100%;

实时定位

            height: 100%;

keccak256

            display: block;

springsecurity

            z-index: -1;

Python基础

            top: 0;

微信

            left: 0;

mysql 触发器

        }

变量内存被篡改

一起进大厂

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注