uni-app video 在调用requestFullScreen进入全屏后 cover-view无法覆盖video上

uni-app video 在调用requestFullScreen进入全屏后 cover-view无法覆盖video上

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

操作步骤:

  1. 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 设计用于覆盖原生组件(如 videomapcanvas 等),但全屏模式下,cover-view 的层级可能会失效。这是因为全屏时 video 组件会切换到原生全屏渲染,而 cover-view 的层级控制可能无法穿透到该原生层。

可能原因与解决方案:

  1. 全屏模式限制
    requestFullScreen 触发后,video 进入原生全屏,此时 cover-view 可能被限制在 WebView 层级,无法覆盖到原生全屏视图上。

  2. 替代方案

    • 使用自定义全屏
      避免调用 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>
回到顶部