wxml页(Autoplay是否自动播放,poster是否显示视频封面,controls为true的前提下poster才有效,cover-image放的图片是网络图片,不是本地图片)
<video id='myVideo' bindplay='play' Autoplay='{{liuliang}}' src="{{video[index].activity_video}}" poster="{{serverhost}}{{video[index].activity_video_cover}}" controls='true' objectFit='fill'> //视频
<cover-view class='liuliang'>
<cover-view class='iconfont'>
</cover-view>
</cover-view>
<cover-view style='display:{{coverdisplay}}'>
<cover-image mode="widthFix" src='{{serverhost}}{{video[index].activity_video_cover}}'></cover-image> //视频封面, mode="widthFix"为image的属性,可以自适应撑大视频封面不失真,不用再去调样式
</cover-view>
</video>
js页
data{
internet:'', //网络状态
liuliangshow: 'false', //网络状态显示
coverdisplay: 'none', //poster图片显示
}
ps:作者用的调试基础库为1.9.91版本进行测试