uni-app video 在调用requestFullScreen进入全屏后 cover-view无法覆盖video上
uni-app video 在调用requestFullScreen进入全屏后 cover-view无法覆盖video上
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | win10 | HBuilderX |
操作步骤:
- 111
预期结果:
1
实际结果:
1
bug描述:
video 在调用requestFullScreen进入全屏后,cover-view无法覆盖video 上
更多关于uni-app video 在调用requestFullScreen进入全屏后 cover-view无法覆盖video上的实战教程也可以访问 https://www.itying.com/category-93-b0.html
4 回复
测试没问题,麻烦提供一个可复现的demo
更多关于uni-app video 在调用requestFullScreen进入全屏后 cover-view无法覆盖video上的实战教程也可以访问 https://www.itying.com/category-93-b0.html
已解决,使用absolute布局导致
回复 1***@qq.com: 你好你那边怎么解决的
在uni-app中,cover-view 设计用于覆盖原生组件(如 video、map、canvas 等),但全屏模式下,cover-view 的层级可能会失效。这是因为全屏时 video 组件会切换到原生全屏渲染,而 cover-view 的层级控制可能无法穿透到该原生层。
可能原因与解决方案:
-
全屏模式限制
requestFullScreen触发后,video进入原生全屏,此时cover-view可能被限制在 WebView 层级,无法覆盖到原生全屏视图上。 -
替代方案
- 使用自定义全屏:
避免调用video原生的requestFullScreen,改为通过 CSS 实现全屏效果(例如固定定位覆盖整个屏幕),这样cover-view可以正常覆盖。
示例:<template> <view class="custom-fullscreen" v-if="isFullscreen"> <video :src="videoSrc" controls></video> <cover-view class="custom-controls">自定义控件</cover-view> </view> </template>
- 使用自定义全屏:

