首页知识社区

uniapp视频播放组件video的封面不显示问题解决方法

南国老符最后更新于：2020-12-02 浏览：6862

uniapp视频播放组件video的视频封面poster要显示有几个条件：

1、controls属性必须为true（默认）2、poster路径必须是网络资源地址，即https；

3、视频加载完才行（这个官方没说，所以问题就出在这里）

解决办法就是加个判断，当poster的值加载完成不为空时显示video组件，解决代码如下：

<video :src="videoUrl" :poster="videoPoster" controls class="w-100" v-if="videoPoster != ''"></video>

点赞 (0)
收藏 (0)

转载请务必注明：来源：《建站管家》https://www.df81.com/news/147.html

本站部分信息来源网络，如有侵权，请联系QQ：1062129401删除。

上一篇：获取抖音用户ID的方法（非抖音号）

下一篇： uniapp组件的onload无效？其实uniapp组件是用mounted代替onload

请先登录后，再发表评论 ~ ~

发表评论

广告位招租（ ¥5 / 天）
点击咨询

最新帖子

Y

以前买的版本，产品里的分享到社交媒体不能用了

yuanis906

2025-07-09 14:00

南

本站改版公告

南国老符

2025-05-26 16:54

南

众筹开发中英双语商城系统

南国老符

2024-09-29 10:29

南

网站已经上线的老铁，记得把默认联系方式修改一下

南国老符

2024-05-26 20:06

9

编辑产品时，产品的属性保存的内容不正确

9252

2024-04-13 15:29

U

最新多语言，泛域名建站系统图片上传不了

user130456

2024-02-04 11:15

南

小朋友，你爸爸是谁？

南国老符

2023-12-15 21:41

广告位招租（ ¥5 / 天）
点击咨询

最近评论

Y

yuanis90

以前买的版本，产品里的分享到社交媒体不能用了

回复：在后台->全局管理->网站设置->网站html代码，把你申请的分享代码贴到这里保存即可。以后发问题，请贴出具体版本号

南

南国老符

本站改版公告

回复：发表帖子发不了乱码

南

南国老符

众筹开发中英双语商城系统

回复：第一位参与的老总，是做洗衣店saas系统的，需要的请联系

9

9252

编辑产品时，产品的属性保存的内容不正确

回复：新版已经修复了的，升级忘记覆盖了，你重新下载即可。

U

user1304

最新多语言，泛域名建站系统图片上传不了

回复：PHP开启fileinfo扩展即可

U

user1379

站点地图 sitemap.显示404错误

回复：版本号多少？