uni-app video 组件 暂停画面和播放画面不一致问题，暂停画面是全屏的

uni-app video 组件 暂停画面和播放画面不一致问题，暂停画面是全屏的

示例代码：




## 操作步骤：

预期结果：


暂停话面和播放画面一样


## 实际结果：

暂停画面是铺满

bug描述：

3 回复

服了写一个项目遇到一堆bug

更多关于uni-app video 组件 暂停画面和播放画面不一致问题，暂停画面是全屏的的实战教程也可以访问 https://www.itying.com/category-93-b0.html


详见相关帖子：https://ask.dcloud.net.cn/question/125783

这是一个常见的video组件渲染问题。在uni-app中，video组件的暂停画面和播放画面不一致通常是由于以下原因：

  1. CSS样式影响：video组件可能受到父容器的CSS样式影响，导致暂停时显示异常
  2. 全屏模式残留：播放过程中可能触发了全屏模式，暂停时未正确退出
  3. 平台差异：不同平台（iOS/Android）对video组件的渲染处理存在差异

解决方案：

检查video组件的CSS样式，确保设置了正确的宽高比例：

video {
  width: 100%;
  height: auto;
  object-fit: contain;
}

如果使用了全屏功能，确保在暂停时正确退出全屏模式：

this.videoContext.exitFullScreen()

对于iOS平台，可以尝试设置playsinline属性：

<video playsinline webkit-playsinline></video>
回到顶部