码迷,mamicode.com
首页 > 其他好文 > 详细

h5页面 video poster属性的hacker问题

时间:2018-01-26 18:49:39      阅读:565      评论:0      收藏:0      [点我收藏+]

标签:问题   问题:   窗口   配置   idt   class   属性   网上   路径   

最近在做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问题

标签:问题   问题:   窗口   配置   idt   class   属性   网上   路径   

原文地址:https://www.cnblogs.com/yuan-luo/p/8360587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!