video全屏后，cover-view的内容没有显示

想做自定义控制栏，但是全屏之后控制栏没有了，而且真机上内部按钮点击很困难

<video :src="detail.url" id="trainVideo" ref="trainVideo" :muted="true" :enable-progress-gesture="false" :controls="false" :show-progress="false" @timeupdate="timeupdateFun" @ended="endPlay" @play="playFun" @pause="pauseFun" @fullscreenchange="handlerFullScreenChange">  
            <cover-image src="@/static/train/icon_back.png" @click="changeFullScreen" class="back-page" :class="[isFull ? 'full' : '']"></cover-image>  
            <cover-view class="custom-con" v-if="showControl" :class="[isFull ? 'full' : '']" @click.stop="">  
                <cover-view class="control-button " :class="[playLoading ? 'pause':'play']"></cover-view>  
                <cover-view class="current-time">{{currentTime}}</cover-view>  
                <cover-view class="propress">  
                    <cover-view :style="'width:' + barWidth + '%'" class="propress-bar">  
                        <cover-view class="yuan"></cover-view>  
                    </cover-view>  
                </cover-view>  
                <cover-view class="duration">{{detail.time}}</cover-view>  
                <cover-view class="fullscreen" @click="changeFullScreen">  
                    <cover-image src="@/static/train/big_screen.png" v-if="!isFull" class="icon"></cover-image>  
                    <cover-image src="@/static/train/big_screen1.png" v-if="isFull" class="icon"></cover-image>  
                </cover-view>  
            </cover-view>  

        </video>