video 播放视频被x5内核浏览器劫持时的处理记录

因为业务关系，最近一直做微信相关的东西。一直被教育，过了一段时间，我已经我我已经成成长了，
成长到足够可以处理日常事务，可是，可是我还是太年轻了。。。

查询资料

要做视频播放发现视频在播放的时候调用Android原生的视频播放器导致界面布局失效，网页无法继续糙操作。。。。
然后我找了好久 好久。。。网上各种解决方案， 。。。无效
到目前为止 之确定了只有x5内核会有此问题
此时已过去了半天的时间，翻遍了百度。google，没有办法，只有放大招了，查看官方文档

腾讯x5官方文档

https://x5.tencent.com/docs/video.html

查询到3大法器

<video src="http://xxx.mp4" 
    x5-video-player-type="h5" 
    x5-video-player-fullscreen="true"
    x5-video-orientation="portrait"
/>

• 页面内播放

X5内核视频在用户点击后默认会进入全屏播放，前端可以设置video的x5-playsinline属性来将视频限定于网页内部播放

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

• 页面事件： 进入、退出全屏通知

可以通过监听x5videoenterfullscreen、x5videoexitfullscreen事件来得到视频进入和退出全屏通知

总结

这次浪费了很多时间，走了很多弯路，觉得以后解决问题是的时候应该首先定位问题，然后找对应官方文档，而不是百度or google，
毕竟头发太宝贵了，且行且珍惜啊。。。