uniapp视频封面层级问题
1、app端建议使用视频的第一帧作为视频封面,自定义封面遮罩无法显示,当封面图是白色背景时看不到视频播放按钮。
2、h5直接使用封面属性可正常展示。
<!-- #ifdef APP-PLUS -->
<!-- app使用视频的第一帧作为封面,自定义封面没显示遮罩,浅色封面看不到按钮 -->
<video id="myVideo" object-fit="cover"
:poster="courseInfo.course.url+'?x-oss-process=video/snapshot,t_0,f_jpg'"
:show-fullscreen-btn="true" :src="courseInfo.course.url" controls :enable-play-gesture="true"
@play="toPlay" @pause="toPause" @timeupdate="timeupdate">
<!-- #endif -->
<!-- #ifdef H5 -->
<video id="myVideo" object-fit="cover"
:poster="courseInfo.course.thumb"
:show-fullscreen-btn="true" :src="courseInfo.course.url" controls :enable-play-gesture="true"
@play="toPlay" @pause="toPause" @timeupdate="timeupdate">
<!-- #endif -->
</video>
app使用封面属性poster 作为视频封面的效果:
app使用视频第一帧作为视频封面的效果:
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/17782485.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」