微信浏览器下的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;
}
设置好了!亲测可用!