video作为背景全屏铺满问题

项目中我打算使用一个MP4视频作为登录界面背景，首先在静态页面都没法显示出来，后来发现需要将视频的编码格式转换为H264的格式方能正常显示（使用格式工厂转换即可）；

后又发现视频没办法铺满全屏，在不同的分辨率下会往左上角缩回来，而且还有滚动条。不像背景图片可以直接使用background-size:cover；即可搞定 ，于是百度一圈发现直接给video定位，宽高设置为自动的即可。具体代码如下所示：

 

 

这是铺满整个屏幕的方法

以下是铺满屏幕宽度，高度指定的实现方式

 

html: autoplay：自动播放； loop:循环播放； muted:该属性必须要，否则设置的自动播放属性无法生效