微信X5同层播放遮挡自定义按钮的BUG

今天在微信中测试了下新写的播放器组件,发现自己写的关闭按钮被隐藏了。

重新翻了下X5的文档发现腾讯已经更新了,最新的文档中有这么一句:

同层页面内播放是标准的视频播放形态,在video标签中添加且只需要添加一个(不要与x5-playsinline同时存在):x5-video-player-type=’h5-page’属性来控制网页内部同层播放,可以在视频上方显示html元素

我之前的video标签如下:

1
2
3
4
5
6
7
8
9
10
<video ref="player"
class="video-js"
x5-video-player-fullscreen="false"
x5-video-player-type="h5"
webkit-playsinline="true"
playsinline="true"
x5-playsinline="true"
x-webkit-airplay="allow"
tabindex="-1"
></video>

去掉了x5-playsinline这条,然后把x5-video-player-type的值改成了h5-page后问题解决。

1
2
3
4
5
6
7
8
9
<video ref="player"
class="video-js"
x5-video-player-fullscreen="false"
x5-video-player-type="h5-page"
webkit-playsinline="true"
playsinline="true"
x-webkit-airplay="allow"
tabindex="-1"
></video>

评论区