vue-video-player(vue2)视频组件层级问题

如下面代码和图片, 请问下如何解决这个层级问题,在安卓,苹果的微信上都ok,在小米手机自带的浏览器里就如图所示, chrome是好的.

<template>
    <view>
        <!-- x5-video-player-type='h5-page'
             webkit-playsinline
             x5-playsinline -->
        <video-player class="vjs-custom-skin"
                      ref="videoPlayer"
                      :playsinline="true"
                      :options="playerOptions"
                      @play="onPlayerPlay($event)"
                      @pause="onPlayerPause($event)"
                      @ended="onPlayerEnded($event)"
                      @loadeddata="onPlayerLoadeddata($event)"
                      @waiting="onPlayerWaiting($event)"
                      @playing="onPlayerPlaying($event)"
                      @timeupdate="onPlayerTimeupdate($event)"
                      @canplay="onPlayerCanplay($event)"
                      @canplaythrough="onPlayerCanplaythrough($event)"
                      @ready="playerReadied"
                      @statechanged="playerStateChanged($event)">
        </video-player>
    </view>
</template>

没搞，这个手机浏览器控制，小米浏览器暂时没找到对应的属性控制层级。要么视频转gif或者用jsmpeg.js来播放
参考： video标签在钉钉和一些浏览器点开后层级过高怎么办？-前端-CSDN问答 CSDN问答为您找到video标签在钉钉和一些浏览器点开后层级过高怎么办？相关问题答案，如果想了解更多关于video标签在钉钉和一些浏览器点开后层级过高怎么办？ html、有问必答 技术问题等相关问答，请访问CSDN问答。 https://ask.csdn.net/questions/7484298 这问题中我的回复和题主回复，你可以撩下原题主是否找到了小米浏览器解决办法

有帮助或启发麻烦点个采纳【本回答右上角】，谢谢~~

设置index属性试试，把index的值设置大一点，如9999。