解决微信X5内核劫持video视频标签

发布于 2020-09-07  97 次阅读


最近在项目中做一个H5视频播放,发现在微信中X5内核会劫持video标签并覆盖自有控件,百度后发现没有解决方案,因此搁置了一段时间。
但俗话说得好,有心栽花花不开,无心插柳柳成荫。在搜索微信X5劫持后层级问题时,却意外的解决了这个问题

<video id="video" class="video" controls="controls" playsinline x5-video-player-type="h5"> 

如代码所示,给video标签添加playsinlinex5-video-player-type="h5"属性后,意外的解决了劫持问题,但需要注意的是,只能添加两个属性,因为此前在搜索的时候,加了很多类似的属性确没有效果。