video组件盖不住是因为其为原生组件，与webview不在同一渲染上下文，css的z-index等无效；唯一可靠方案是cover-view，但必须作为video直接子节点，仅支持cover-image和cover-view，定位需父video设position:relative且用固定rpx值或transform。
小程序中video组件为什么盖不住？
因为微信/支付宝等小程序平台的 video 是原生组件，渲染层独立于 WebView，所有基于 CSS 的 z-index、position: fixed 或嵌套 view 都无效——不是你样式写错了，是根本不在同一个绘制上下文里。
必须用cover-view，且只能放video内部
小程序唯一可靠的覆盖方案就是 cover-view，但它有硬性限制：
- 必须作为
video的直接子节点，写在外面或隔一层view就失效 - 不能嵌套
view、text等普通组件，只允许cover-image和其他cover-view - 不支持
background-image、transform、animation，连border-radius在部分安卓机上都可能不生效 - 定位靠
position: absolute+top/right等，父video必须设position: relative（否则绝对定位会脱出）
cover-view在swiper-item里错位怎么办？
当 video 套在 swiper-item 里时，cover-view 会随滑动“漂移”——这不是 bug，是 swiper 动态重排导致定位基准丢失。
- 必须把
cover-view和cover-image直接写在swiper-item内部，且紧贴video标签 - 避免用
width: 100%或left: 50%这类依赖父宽的写法，改用固定 rpx 值（如left: 20rpx） - 如果要居中，用
transform: translateX(-50%)而非left: 50%，更稳定 - 不要给
swiper或swiper-item设overflow: hidden，否则 cover 元素可能被裁剪
真需要复杂交互？别硬刚cover-view
一旦你要做弹幕、实时进度条、可拖拽控件、带动画的按钮组，cover-view 的能力边界就到了。这时候得换思路：
- 把视频区域单独拆成一个页面（如
pages/video/video.vue），用nvue重写——nvue 下 video 是原生控件，但整个页面渲染层级统一，能用zIndex精确控制 - 若必须保留在当前页面，用
cover-view只做最简遮罩（如暂停按钮），其余逻辑下沉到 video 事件回调里，通过uni.showToast或底部弹窗交互，避开渲染层问题 - 微信小程序 v3 编译模式下可尝试
web-view嵌套自定义播放器，但失去原生解码和后台播放能力，慎选
cover-view 不是“简化版 view”，它是小程序刻意设计的隔离层——接受它的限制，比花三天调 z-index 更省时间。
