ミニプログラムで複数のビデオを同時に再生する問題を解決します
アイデア:
1。[再生]をクリックした後、現在再生中のビデオがない場合は、直接再生します。
2.再生中のビデオがある場合は一時停止してから、現在のビデオを再生します。
3.もちろん、同じ動画かどうかを判断する必要があります。
以下のコードに直接
data: {
//正在播放的视频ID
PrevideoID:''
},
<video id = "{
{
item.data.urlInfo.id}}" bindplay="handlePlay" class="videoitem" src="{
{
item.data.urlInfo.url}}" >
handlePlay(event){
//当前即将要播放的视频ID
let videoID = event.currentTarget.id
console.log(videoID)
//判断是否正在有视频播放
if(this.data.PrevideoID)
{
//有正在播放的视频
//判断和上一个视频是否是同一个视频
if(this.data.PrevideoID != videoID)
{
//不是同一个视频就暂停上一个视频播放
wx.createVideoContext(this.data.PrevideoID).stop()
//播放当前视频
wx.createVideoContext(videoID).play()
//更新prevideoID
this.setData({
PrevideoID:videoID
})
}
}
//没有正在播放的视频就直接保存videoID
else{
this.setData({
PrevideoID:videoID
})
}
},