position : fixed
right : 0
bottom : 0
min-height:100%
min-width : 100%
z-index : -100
}
source {
min-height:100%
min-width : 100%
}
html5 部分:
<video autoplay loop="loop">
<source src="" type=""> <!--自己填进去视频-->
</video>
如果你是直接在视频网站复制的iframe形式的视频,这个不行
方法:就是把图片作为标签的背景色, css控制图片的位置
方法:需要获取视频的高度和宽度,然后根据所在区域的比例,设置video的height和width属性值(100%和auto中切换,本例以9/16为例,所在区域宽高分别是:375 * 667