实现视频网页背景

1、创建vedio标签

source标签内src指定视频地址

<video style="width:100%">

<source src="statics/mp4/index.mp4"/>

</video>

2、播放视频

视频已加载到网页现在需要播放

video autoplay内属性

如果不需要声音可以添加muted，loop循环播放

<video autoplay muted loop style="width:100%">

<source src="statics/mp4/index.mp4"/>

</video>

3、排版

video 并没有完全撑满浏览器，在body下加上margin：0接下来给video加上样式，使之没有scroll，又能撑满全屏

video{

position:fixed;

right:0;

bottom:0;

min-width:100%;

min-height:100%;

width:auto;

height:auto;

}