将poster页面设置为一个透明的图片或者不存在的值,这样浏览器就会无法显示poster,
然后通过设置播放器的css背景background,将我们需要的背景图放进去,并且填充背景,
并且我们用background-size属性去告诉浏览器,这个播放器或者这个元素被这个图片覆盖。
.video2【
width:100%;
height:auto;
background-image:url('/image/v1.jpg');
background-repeat: no-repeat;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
】
《video class="video2" src="oceans.mp4" poster="2.jpg" controls》《/video》