解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题

今天在项目中遇到了这个问题，需要在微信小程序中用视频作为背景，微信开发者工具中模拟的没问题，真机调试就发现video的层级太高，其他元素设置 z-index 都低于 video

微信官方文档提供的解决办法

因为微信小程序的 video 原生组件层级太高，无法用 z-index 层叠。所以可以使用 <cover-view> <cover-image> 作为覆盖在原生组件之上的文本视图元素

可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher

比如，我要在登录页面的底层给一个video（使用了uni-app框架）

			<video class="login-video" object-fit="cover" :muted="true" :autoplay="true" :loop="true" :src="videoSrc"
				:show-fullscreen-btn="false" :enable-progress-gesture="false" :show-progress="false"
				:show-play-btn="false" :show-center-play-btn="false" bindplay="onPlay">
				
				<cover-image class="login-img" :src="videoFrameSrc" mode="aspectFill" v-if="!showVideo" />
				<cover-view class="login-bg-mask"></cover-view>
				<cover-view class="title-text">
					<cover-image class="image" :src="imgSrc[0]" mode="aspectFill"></cover-image>
					<cover-view class="text">未来的路，有我伴你同行</cover-view>
				</cover-view>
				
				<cover-view class="center-box">
					<cover-view class="register-verify-tip">未注册手机验证后即完成注册</cover-view>
					<cover-view class="input-el"></cover-view>
					<cover-image class="phone" :src="imgSrc[1]" mode="aspectFill"></cover-image>
					<cover-view class="input-text">请输入手机号码</cover-view>
					<cover-view class="verify-el"></cover-view>
					<cover-view class="verify-text" @click="goto('/pages/secondary/getCode/index')">获取验证码</cover-view>
					<cover-view class="bottom-box" open-type="getUserInfo" @click="wxLogin">
						<cover-image class="weixin-icon" :src="imgSrc[2]" mode="aspectFill">
						</cover-image>
						<cover-view class="weixin-text">微信一键登录</cover-view>
					</cover-view>
				</cover-view>
			</video>