视频插件video的poster无效
发布于 5 年前 作者 taoxu 6274 次浏览 来自 问答

poster封面在视频加载的时候会闪一下然后就消失，然后视频组件的界面就是黑屏界面。还有就是controls=“false”或者controls=“true”的时候，播放按钮也一样都会显示，不会消失隐藏。

8 回复

没有视频的时候，是正常的，视频加载好了，封面图就没了。

麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题

还有个自定义的播放按钮，连接video。点击的时候隐藏着2个、

请问这个问题有谁解决了吗？

<video id="myVideo" src="{{src}}" style="width:100%;"  poster="{{poster}}" direction="90" objectFit="fill" controls='false'>

<cover-view class="controls">

<cover-image class="poster" src="{{poster}}" />

</cover-view>

</video>

这种会把视频全部盖住了，完全播放不了视频。

我也用了这个，不过

在手机上不会显示默认的播放按钮。但在开发工具里面又显示出来了。我就不确定这样写到底对不对了。controls 不管是true 还是 false 都没用。

请问问题解决了吗？

wechatide://minicode/Si937LmD63YY

这个问题我今天也遇到了，不过后来找到一个方法，就是采用cover-view以及cover-image

<video id="myVideo" src="{{src}}" style="width:100%;"  poster="{{poster}}" direction="90" objectFit="fill" controls='false'>

<cover-view class="controls">

<cover-image class="poster" src="{{poster}}" />

</cover-view>

</video>

希望能帮到你

回到顶部