最近在做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路径也设置为对应的图片就行了
原文地址:https://www.cnblogs.com/yuan-luo/p/8360587.html
时间: 2024-10-29 16:02:34