项目中我打算使用一个MP4视频作为登录界面背景,首先在静态页面都没法显示出来,后来发现需要将视频的编码格式转换为H264的格式方能正常显示(使用格式工厂转换即可);
后又发现视频没办法铺满全屏,在不同的分辨率下会往左上角缩回来,而且还有滚动条。不像背景图片可以直接使用background-size:cover;即可搞定 ,于是百度一圈发现直接给video定位,宽高设置为自动的即可。具体代码如下所示:
这是铺满整个屏幕的方法
以下是铺满屏幕宽度,高度指定的实现方式
html: autoplay:自动播放; loop:循环播放; muted:该属性必须要,否则设置的自动播放属性无法生效