video组件怎么实现一个页面始终只能有一个视频在播放 - WXOPEN Club

一个页面有一个视频列表，现在的情况是可以多个视频同时播放，怎么实现始终只能有一个视频在播放（在播放当前视频是其他视频都是暂停状态，点击播放另一个视频时，当前播放视频自动暂停）

// 点击cover播放，其它视频结束

bindplay: function (e) {

var id = e.currentTarget.id //点击id

console.log(this.data.playIndex) //正在播放的id

if (!this.data.playIndex) { // 没有播放时播放视频

this.setData({

playIndex: id

})

//console.log(this.data.playIndex)

var videoContext = wx.createVideoContext(id)

videoContext.play()

} else { // 有播放时先将prev暂停，再播放当前点击的current

var videoContextPrev = wx.createVideoContext(this.data.playIndex)

// videoContextPrev.seek(0)

if (this.data.playIndex != id){ //不知道为什么，不加这个判断的时候这个视频会一直在播放和暂停之间切换

videoContextPrev.pause()

}

this.setData({

playIndex: id

})

var videoContextCurrent = wx.createVideoContext(this.data.playIndex)

videoContextCurrent.play()

}