一、poster
1.背景:
在某些情况下poster会发生无效展示状态:
1.1 若 controls 属性值为 false 则设置 poster 无效
1.2 poster取视屏第一帧做背景,如果第一帧为空白,则不展示海报图;
1.3 某些情况下,需要统一视屏的海报图,例如做活动需要展示一个比较好看的海报背景...
此时,如果使用video的poster都不能实现以上需求
2.实现思路:
自己放一张海报图放在原生组件video上,做一个播放按钮,点击播放。video这种原生组件的层级比较高,通过cover-view覆盖即可。
3.代码实现:
3.1wxml
<view class="main rowAndColCenter">
<view class="mainC">
<video enable-play-gesture="{
{true}}" bindended="videoEnded" object-fit='cover' class="mainC-img" id="myVideo" src="http://vjs.zencdn.net/v/oceans.mp4" custom-cache='{
{false}}'>
<cover-view class="mainC-mask" wx:if='{
{play_flag!=0}}'>
<cover-image cla