思路:
1:点击视频播放后,如果没有正在播放的视频就直接播放该视频,有正在播放的视频就判断是否是同一个视频,不是就暂停正在播放的视频,然后播放点击的视频
小程序 VideoContexti:
VideoContext 实例,可通过
wx.createVideoContext 获取。
VideoContext 通过 id 跟一个 video 组件绑定,操作对应的 video 组件。
**方法:**
VideoContext.play() 播放视频
VideoContext.pause() 暂停视频
VideoContext.stop() 停止视频
data:{
PrevideoID:'',//存放视频id
}
<video src="{{n_item.url]}}" bindplay="handlePlay" id="{{n_item.id}}"
controls></video>
handlePlay(event) {
//这里的vid是视频的id
let vid = event.currentTarget.id;
if(this.data.PrevideoID){
if(this.data.PrevideoID != vid){
//判断当前播放视频和上一个播放视频是否是同一个,
//暂停上一个播放的
wx.createVideoContext(this.data.PrevideoID).stop()
//播放当前视频
wx.createVideoContext(vid).play()
//更新prevideoID
this.setData({
PrevideoID:vid
})
}
}else{
console.log('false')
this.setData({
PrevideoID:vid
})
}
},