微信X5同层播放遮挡自定义按钮的BUG
in 前端 with 0 comment

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

in 前端 with 0 comment

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

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

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

我之前的video标签如下:

<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后问题解决。

<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>
Comments are closed.