微信浏览器内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;
}

 

设置好了！亲测可用！