今天在微信中测试了下新写的播放器组件,发现自己写的关闭按钮被隐藏了。
重新翻了下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>
|