uni-app 安卓端 video组件 暂停画面和播放画面比例不一致

uni-app 安卓端 video组件 暂停画面和播放画面比例不一致

开发环境 版本号 项目创建方式
Windows Windows 64位家庭版 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

HBuilderX类型：Alpha

HBuilderX版本号：3.1.16

手机系统：Android

手机系统版本号：Android 10

手机厂商：小米

手机机型：小米node7

页面类型：nvue

打包方式：云端

项目创建方式：HBuilderX

示例代码：

```html
<video  

    :src="src"  
    :enable-progress-gesture="false"  
    :page-gesture="false"  
    :controls="false"  
    :show-fullscreen-btn="false"  
    :show-center-play-btn="false"  
    :loop="true"   
    object-fit="cover"  
><\/video>

操作步骤： object-fit设置为cover

预期结果： 暂停画面也应该跟随 object-fit 的设置展示完全一致。

实际结果： 暂停画面和播放画面比例不一致！

bug描述： 小视频场景，当object-fit设置为 cover 既 覆盖铺满屏幕效果，如果暂停正在播放的视频后表现为尺寸不一致。如下图所展示！


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

15 回复

我试试

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


bug 已确认，下个版本会修复

或者你可以加一下我qq. 我帮你打个包 测试一下修复状况

我不知道你的QQ上哪去加你呀，你加我吧：834023388 备注一下来意，因为一般人都是拒绝的~

bug已修复

修复导致新漏洞出现，https://ask.dcloud.net.cn/question/125783

回复 Hi校园: 我看看

回复 DCloud_Android_DQQ: objectfit属性为 contain 时，暂停画面会被拉伸。

回复 DCloud_Android_DQQ: 新漏洞呀，暂停会被拉伸

请问安卓objectfit属性为 contain 时，暂停画面会被拉伸。这个问题什么时候可以修复呢？

你用最新版本了吗

回复 DCloud_Android_DQQ: 又有新版本，我更新一下

回复 DCloud_Android_DQQ: 最新的版本可以了

回复 8***@qq.com: OK

这是一个已知的 uni-app video 组件在 Android 平台的兼容性问题。当 object-fit 设置为 cover 时，视频播放状态和暂停状态确实会出现画面比例不一致的情况。

问题原因在于 Android 系统底层对视频渲染的处理机制：播放时视频帧由解码器直接渲染，而暂停画面使用的是视频首帧或当前帧的缩略图，两者采用了不同的缩放策略。

目前的临时解决方案：

  1. 尝试使用 fit 替代 cover，虽然这会改变视频的填充方式，但能保持播放和暂停状态的一致性

  2. 对于 nvue 页面，可以尝试通过 CSS 样式强制控制视频容器的宽高比例：

video {
  width: 100%;
  height: 100%;
}
回到顶部