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