小程序一个页面上不能存在多个video组件,否则会产生播放视频始终处于加载中的景象。所以换了个方法,采纳未播放时展现海报image,点击时切换为video播放,确保页面上只有一个video

//wxml<block wx:for="videoList" wx:key="id"><image wx:if="{{videoId!=item.id}}" catchtap="playVideo"  data-video="{{item.id}}" src="/images/video-poster.png" ></image><video wx:else src='{{item.video}}' object-fit="cover" autoplay></video></block>//videoId确定播放哪个//autoplay确保video呈现时播放//js//播放视频,实质就是切换videoIdplayVideo(e){    var {video:videoId} = e.currentTarget.dataset;       this.setData({        videoId    })}