uni-app video标签浮在最上层的问题

最近为某知名汽车品牌开发H5，做ios的时候还好，顺风顺水，来到Android的某些浏览器遇到了video标签浮到最上层的问题。such us WX微内置浏览器，小米新版浏览器，鸿蒙内置浏览器...  

也查了好多资料，都是用一些标签属性解决的，例如：

            <video id="myVideo" class="ios-video" :controls="false" :src="videoSrcList[propsVideoSrc+1]"
                  :autoplay="true" :webkit-playsinline="true" :x-webkit-airplay="true"  playsinlin></video>

  :webkit-playsinline="true"

  :x-webkit-airplay="true"  

  playsinlin

这三个属性，然而没有作用。

刚准备放弃这个需求跪求产品的时候，随手试了一下调整定位的层级，没想到竟然好了！

于是乎赶快跑到另一个页面调层级，没想到竟然不行！！！！！

于是乎我开始找这两个页面的差别在哪里，发现刚才加的标签没去掉。

这叫什么？ 伟大的发现都是在千百个无意中发现的（虽然没时间研究啥原理）

然后经过很久的调试，得到了结论（同时满足以下条件）：

1.上文的三个标签加上，注意属性前加冒号动态绑定；

2.video的父元素相对定位，z-index高一些（本人懒得找无限直接999）

3.video自身绝对定位，z-index= - 1

4.想要浮在video上方的元素，需和video在同一父元素下，并且绝对定位 z-index=999

就可以解决了。

项目环境千千万，你不一定可行，但是最起码我为咱提供了个方案，没准你行呢？

加油。