video標籤踩坑小記

使用video標籤實現簡單的視頻展示，關鍵點是封面的設置和視頻在當前區域的播放，自定義封面圖和播放按鈕，覆蓋在原生視頻標籤的上面。最終實現的效果如下圖所示： 踩坑小記： 問題：視頻封面在個別瀏覽器顯示不全 解決：不使用video標籤默認的poster屬性，自定義封面和播放按鈕。 問題：視頻在微信瀏覽器點擊全屏播放，不能在當前區域播放 解決：通過設置x5-playsinline="true"實現x5

>>阅读原文<<