<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>
MonikaChen
- 发布：2021-01-07 20:31
- 更新：2021-01-08 12:02
- 阅读：2065
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Win10
HBuilderX类型： 正式
HBuilderX版本号： 3.0.4
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： 小米10至尊版
页面类型： vue
打包方式： 离线
项目创建方式： 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
4***@qq.com
解决了吗
2021-11-08 11:56