最近在開發一個視頻模塊時，遇到不少的坑，因為video在目前移動端兼容性存在不少問題。
問題：安卓手機在微信端poster屬性不生效，圖片不顯示，顯示黑屏。
預期效果是視頻未播放時，展示預設的圖片，通過video的poster屬性設置，測試發現在安卓微信X5內核瀏覽器，圖片無法顯示，代碼如下：
<video :poster="videoObj.imageUrl" id="video" controls> <source :src="videoObj.videoUrl" type="video/mp4">當前瀏覽器不能支持視頻播放，請采用chrome或IE9以上瀏覽器 </video>
項目是vue項目，videoObj.imageUrl與videoObj.videoUrl分別是圖片和視頻鏈接。后通過一番資料搜索后，針對安卓微信X5內核，通過設置屬性
x5-video-player-type="h5" 進行兼容處理。如下：
<video :poster="videoObj.imageUrl" id="video" controls x5-video-player-type="h5"> <source :src="videoObj.videoUrl" type="video/mp4">當前瀏覽器不能支持視頻播放，請采用chrome或IE9以上瀏覽器 </video>