注册登录

MonikaChen

发布：2021-01-07 20:31
更新：2021-01-08 12:02
阅读：95

【报Bug】App里，video标签的poster预览图杯拉伸变形

分类：uni-app

VideoPlayer Android bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Win10

HBuilderX类型：正式

HBuilderX版本号： 3.0.4

手机系统： Android

手机系统版本号： Android 10

手机厂商：小米

手机机型：小米10至尊版

页面类型： vue

nvue编译模式： fast

打包方式：离线

项目创建方式： HBuilderX

示例代码：

<video style="'width: 100%; height: 300px" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/6bc4ac2a-8df1-49fd-9bfd-b6e788e40df8.mp4" poster="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/6bc4ac2a-8df1-49fd-9bfd-b6e788e40df8.mp4?x-oss-process=video/snapshot,t_0" controls></video>

操作步骤：

<video style="'width: 100%; height: 300px" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/6bc4ac2a-8df1-49fd-9bfd-b6e788e40df8.mp4" poster="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/6bc4ac2a-8df1-49fd-9bfd-b6e788e40df8.mp4?x-oss-process=video/snapshot,t_0" controls></video>

预期结果：

播放前的poster预览图尺寸保持跟播放时的一样，不要拉伸

实际结果：

poster预览图被拉伸了：

bug描述：

App里，video播放前，poster里的预览图被拉伸了，如图：

播放时的视频画面尺寸正常，如图：

视频链接：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/6bc4ac2a-8df1-49fd-9bfd-b6e788e40df8.mp4

poster预览图为视频的第一帧，尺寸跟视频一样：https://vkceyugu.cdn.bspapp.com/VKCEYUGU-imgbed/6bc4ac2a-8df1-49fd-9bfd-b6e788e40df8.mp4?x-oss-process=video/snapshot,t_0

2021-01-07 20:31 负责人:DCloud_Android_DQQ 分享

2 个回复

DCloud_UNI_Anne

问题已验证，后续优化，已加分，感谢您的反馈！

DCloud_Android_DQQ

DCloud_Android_DQQ

bug 已修复。稍后版本更新。

MonikaChen (作者)

已更新

2021-01-08 16:43
DCloud_Android_DQQ

回复 MonikaChen: 稍后版本会发布此修复。留意更新记录

2021-01-08 16:54
MonikaChen (作者)

回复 DCloud_Android_DQQ: 刚刚推送的更新的是3.0.5

2021-01-08 17:12

要回复问题请先登录或注册