使用video标签 在ios手机没有问题 。在安卓手机打开的时候 视频直接跳出 覆盖了视频上面的用户信息和分享操作

Question

页面链接：https://m.starmakerstudios.co...
使用的是video标签
<div class="video" v-show="!error" >

                <video controls autobuffer webkit-playsinline playsinline autoplay @click="openMeida()" id="myvideo">
                    <source type="video/mp4" />
                </video>

</div>

因为后台不给传视频的尺寸 所以所有的视频都是按照9:16来算的 在安卓手机打开的时候 视频直接跳出 覆盖了视频上面的用户信息和分享操作 。 即使不设置自动播放，点击播放之后在退回，视频也会把之前的请各位大神帮忙看一下

Answer 1

有可能是安卓浏览器劫持，video忽视布局被顶置最上层 z-index失效（小白见解！）

Answer 2

请换浏览器！

Answer 3

腾讯的产品打开的吗？

如果是的话，腾讯的产品用的都是x5内核

video标签在x5里面是独立于dom存在的所以 z-index就不管用了～

Answer 4

您好，我也遇到这个问题了，请问您是怎么解决的呢，可以告诉我吗，谢谢