h5页面 video poster属性的hacker问题

Posted 2020-10-22 十月芬芳

最近在做h5 video的时候，发现给video的默认图片不会充满整个video窗口，就在网上找了很久，终于解决这个问题：

video{

    width: 100%;

    height: 100%;

    background:transparent url(‘img/1.jpg‘) 50% 50% no-repeat;

 

    /*下面就是background-size，每种浏览器都写一个配置*/

    -webkit-background-size:cover;

    -moz-background-size:cover;

    -o-background-size:cover;

    background-size:cover;

}

同时把 video的poster路径也设置为对应的图片就行了