禁止点击video时自动全屏问题：加上x5-playsinline属性或者x5-video-player-type=“h5”，都可以禁用全屏，其中x5-video-player-type="h5"可以解决视频层级过高问题。
我的代码如下：
<videowidth="100%"height="100%"id="video"style="object-fit:contain;"controlswebkit-playsinline="true"playsinline="true"x5-video-player-type="h5-page"preload="auto">
<source:src=playUrltype="video/mp4">
</video>（效果完美正常。不会自动全屏）
；
当时有采坑：主要是华为手机微信打开视频会出现窗口重叠，且诡异随页面滚动。后来分析是x5-playsinline这个属性和x5-video-play-type="h5"有冲突，只要一个就行；
诡异代码如下：（参考，千万不要用下面代码）
<videowidth="100%"height="100%"id="video"style="object-fit:fill;"controlsx5-playsinline=""playsinline=""webkit-playsinline=""poster=""x-webkit-airplay="allow"preload="auto"x5-video-player-type="h5">
<source:src=playUrltype="video/mp4">
</video>
诡异效果：播放时候出现两个视频窗口。
同层页面内播放是标准的视频播放形态，安卓在video标签中添加且只需要添加一个(不要与x5-playsinline同时存在):x5-video-player-type='h5-page'属性来控制网页内部同层播放，可以在视频上方显示html元素
ios 在video标签中添加webkit-playsinline="true"playsinline="true" 即可；
————————————————
版权声明：参考CSDN博主「趙小二啊」的原创文章，
原文链接：/zhaoxl0210/article/details/113334720
