video使用poster設(shè)置封面圖郎哭，但是圖片比例不合適的他匪，容易出現(xiàn)空白，影響頁(yè)面的美觀夸研。
下面小程序和h5兩個(gè)方面解決以上問(wèn)題：（親測(cè)有效）
- 微信小程序使用
objectFit="cover"
<video style="height:420rpx;width:100%;" objectFit="cover" controls="{{true}}" src="{{infoData.video_url}}" poster="{{infoData.img}}"></video>
- h5使用
style="object-fit:cover;"
<video :src="detailData.video_url" style="object-fit:cover;" :poster="detailData.img" controls="controls" width="100%"></video>
效果如下圖:
這樣封面圖片就鋪滿整個(gè)video標(biāo)簽了邦蜜，圖片也不會(huì)變形，更多object-fit相關(guān)屬性這里不多介紹亥至，想要了解的可以自行學(xué)習(xí)悼沈。
