«
Html视频背景代码

时间:2021-8-16    作者:奈一    分类: 前端学习


CSS:
video{
position: fixed;
right: 0px;
bottom: 0px;
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
/加滤镜/
/filter: blur(15px); //背景模糊设置 /
/-webkit-filter: grayscale(100%);/
/filter:grayscale(100%); //背景灰度设置/
z-index:-11
}

source{  
    min-width: 100%;  
    min-height: 100%;  
    height: auto;  
    width: auto;  
} 

  <video autoplay loop>
  <source src="video.mp4" type="video/mp4"  />
Your browser does not support the video tag.
</video>

html