微信瀏覽器內video標籤 隱藏控件【已解決】

微信瀏覽器下的html5視頻播放兼容性一直是很頭疼的問題，其中兩個最主要的問題是隱藏播放控件和內聯播放。

代碼：

<video class="video-js" poster="/shop/templates/default/images/poster.jpg" crossorigin="anonymous" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="object-fit:fill" controls></video>

解決：

1、找到 播放時加載視頻的id

2、全局給id加樣式：

#id video::-webkit-media-controls-enclosure
{
    display:none !important;
}

 

設置好了！親測可用！