<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>



- 发布:2021-01-07 20:31
- 更新:2021-01-08 12:02
- 阅读:95
产品分类: 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预览图尺寸保持跟播放时的一样,不要拉伸
实际结果:
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
2 个回复
DCloud_UNI_Anne
问题已验证,后续优化,已加分,感谢您的反馈!
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