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

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

8 回复

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

还有个自定义的播放按钮,连接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>

希望能帮到你

回到顶部