uniapp的video组件视频预览略缩图问题

工作记录视频预览时，会生成一个缩略图，播放按钮和视频长度为白色。放缩略图为白色时，播放按钮和视频长度看不清，所以需加个背景加了背景效果：解决：controls设置为true,去掉poster属性。poster：设置缩略图，不设置时，视频会抽取第一帧作为缩略图原代码：<video id="myVideo" class="video" @loadedmetadata="loadedmetadat

好记性真不如烂笔头

3172人浏览 · 2021-10-11 17:41:50

好记性真不如烂笔头 · 2021-10-11 17:41:50 发布

工作记录

视频预览时，会生成一个缩略图，播放按钮和视频长度为白色。放缩略图为白色时，播放按钮和视频长度看不清，所以需加个背景
在这里插入图片描述
加了背景效果：

解决：
controls设置为true,去掉poster属性。poster：设置缩略图，不设置时，视频会抽取第一帧作为缩略图
原代码：

<video id="myVideo" class="video" @loadedmetadata="loadedmetadata" :src="videoInfo.attachLink"
			@error="videoErrorCallback" object-fit="cover" :title="videoInfo.templateName"  :poster="videoInfo.templateCover"></video>

修改代码

<video id="myVideo" class="video" @loadedmetadata="loadedmetadata" :src="videoInfo.attachLink"
			@error="videoErrorCallback" object-fit="cover" :title="videoInfo.templateName" ></video>