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

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

分类:uni-app

产品分类: 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 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

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

DCloud_Android_DQQ

DCloud_Android_DQQ

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

要回复问题请先登录注册