<video :src="imgUrl" v-if="baseSetting.thumbType === '2'" style="width: 100%; height: 100%;" />
z***@163.com
- 发布：2024-01-09 09:10
- 更新：2024-07-18 14:33
- 阅读：1210
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版 22H2
HBuilderX类型： 正式
HBuilderX版本号： 3.99
浏览器平台： 手机系统浏览器
浏览器版本： 各种手机浏览器
项目创建方式： HBuilderX
App下载地址或H5⽹址： 私密地址暂不上传，如有需要可联系邮箱ziqi1106@163.com
示例代码：
操作步骤：
<video :src="imgUrl" v-if="baseSetting.thumbType === '2'" style="width: 100%; height: 100%;" />
<video :src="imgUrl" v-if="baseSetting.thumbType === '2'" style="width: 100%; height: 100%;" />
预期结果：
手机端把视频第一帧作为封面图
手机端把视频第一帧作为封面图
实际结果：
手机端未显示封面图
手机端未显示封面图
bug描述：
uniapp video标签，不指定poster，H5服务在电脑的封面图是第一帧，在手机端则不显示封面图。
我认为在手机端不显示封面图是一个BUG。
![[已删除]](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/002/47/03/80_avatar_mid.jpg?v=1699875362){kind=avatar}
1***@qq.com
我视频是循环出来的，是评论上传的视频。展示评论，没法设置poster
2024-07-18 13:24