uniapp中video层级太高解决方案

我们的需求是要做一个发布动态的页面，用的uniapp想都没想直接上其原生组件video，但是发现video划到顶部把手机上面的图标都给覆盖了，究其原因是因为uni的原生组件层级太高 用z-index也不管用 官方有说明 cover-view组件可以解决这样的问题
！！！但是并不适用我目前的场景，不多说了 上代码

<u-row class="dynamic-content" v-if="item.video && item.content">
	<u-col :span="12">
		<view class="ct-video">
			// 视频播放按钮
			<u-icon name="play-right-fill" color="rgba(169,169,169,0.5)" size="100" class="vo-icon"></u-icon>
			// 视频存在这里 v-html是关键
			<view class="vo-video" v-html="item.content" @click="playItemVideo(item.video)">
			</view>
		</view>
	</u-col>
</u-row>

来看一下v-html里的内容

content: `<video src="${this.videoSrc}" style="max-width:100%;">
						</video>`