h5页面 video poster属性的hacker问题

Posted 十月芬芳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5页面 video poster属性的hacker问题相关的知识,希望对你有一定的参考价值。

最近在做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路径也设置为对应的图片就行了

以上是关于h5页面 video poster属性的hacker问题的主要内容,如果未能解决你的问题,请参考以下文章

解决h5嵌入app后video标签poster不能显示视频第一帧(表现为空白)

layer弹出层中H5播放器全屏出错解决 & 属性poster底图占满video的方法

H5 video 常用属性

h5 video 封面poster IOS下无效不显示,安卓显示正常

H5新特性之video audio

h5 video标签的使用