uni-app 全屏播放视频时，会透显示一些背景的东西。

在 uni-app 中全屏播放视频时，可能会遇到背景内容透显的问题。这通常是由于全屏播放时，视频层没有完全覆盖整个屏幕，或者背景内容没有被正确隐藏。以下是一些可能的解决方案：

1. 使用 video 组件的 fullscreen 属性

确保你正确使用了 video 组件的 fullscreen 属性来控制全屏播放。例如：

<video
  src="your-video-url"
  controls
  :fullscreen="isFullscreen"
  @fullscreenchange="onFullscreenChange"
></video>

export default {
  data() {
    return {
      isFullscreen: false
    };
  },
  methods: {
    onFullscreenChange(event) {
      this.isFullscreen = event.detail.fullscreen;
    }
  }
};

2. 使用 cover-view 和 cover-image

如果你在全屏播放时需要在视频上显示一些内容（如按钮、文字等），可以使用 cover-view 和 cover-image 组件。这些组件会覆盖在视频层之上，避免背景内容透显。

<video
  src="your-video-url"
  controls
  :fullscreen="isFullscreen"
  @fullscreenchange="onFullscreenChange"
>
  <cover-view class="custom-controls">
    <cover-image src="your-icon-url" @click="onControlClick"></cover-image>
  </cover-view>
</video>

3. 动态设置页面背景色

在全屏播放时，动态设置页面的背景色为黑色，以避免背景内容透显。

export default {
  methods: {
    onFullscreenChange(event) {
      this.isFullscreen = event.detail.fullscreen;
      if (this.isFullscreen) {
        document.body.style.backgroundColor = '#000';
      } else {
        document.body.style.backgroundColor = '';
      }
    }
  }
};

4. 使用 z-index 控制层级

确保视频层的 z-index 足够高，以覆盖其他内容。

video {
  z-index: 9999;
}

5. 检查平台差异

不同平台（如 iOS、Android、H5）在全屏播放时的行为可能有所不同。确保你在各个平台上都进行了测试，并根据需要进行调整。

6. 使用 uni-app 插件或原生代码

如果上述方法无法解决问题，可以考虑使用 uni-app 插件或编写原生代码来实现全屏播放，以确保更好的兼容性和控制。

7. 使用 web-view 嵌入视频

如果视频播放需求复杂，可以考虑使用 web-view 嵌入一个网页来播放视频，这样可以更好地控制全屏行为。

<web-view src="your-video-page-url"></web-view>