微信小程序播放當(dāng)前視頻 暫停其他視頻

微信小程序播放當(dāng)前視頻 暫停其他視頻
微信開發(fā)文檔
VideoContext
video
wx.createVideoContext(string id, Object this)

video標(biāo)簽中的id要和wx.creatVideoContext(id)中的id保持一致

注意！！！這里的index和循環(huán)里面的i的值是一致的 就沒有寫index傳到j(luò)s中去
wxml代碼

<view>
  <view wx:for="{{videos}}" class="mainV">
	//id為modelV{{index}}
    <video id='modelV{{index}}' src="{{item.src}}" binderror="videoErrorCallback" data-index="{{index}}" catchpause="bindpause" catchended="bindended" catchplay="bindplay" show-progress="true" >
    </video>
  </view>
</view>

js代碼

 bindplay(e) {
    var that=this;
    for(var i=0;i<that.data.videos.length;i++){
      that.setData({
        [`videos[${i}].modelV`]: wx.createVideoContext('modelV'+i)
      })
    }
    console.log('監(jiān)聽播放');
    that.setData({
      playIndex:e.currentTarget.dataset.index
    })
    var playIndex=that.data.playIndex;
    var id=e.currentTarget.dataset.id;
    
     // 暫停其他視頻邏輯----------------------
     for (var i=0;i<that.data.videos.length;i++) {
      if (i != playIndex) {
        console.log(that.data.videos[i].modelV);
        that.data.videos[i].modelV.pause();
      }
    }
  },

附上data中數(shù)組videos

 videos:[{src:'https://connect-cdn-prd-cn.unitychina.cn/20190530/videos/0ca3f3b3-2e35-4805-8796-ea67f931f830_20190529_HDRP_PostProcessing.mp4',name:'教學(xué)',title:'教師',modelV:''}
    {src:'https://connect-cdn-prd-cn.unitychina.cn/20190530/videos/0ca3f3b3-2e35-4805-8796-ea67f931f830_20190529_HDRP_PostProcessing.mp4',name:'還不錯',title:'很好',modelV:''},
    {src:'https://connect-cdn-prd-cn.unitychina.cn/20190530/videos/0ca3f3b3-2e35-4805-8796-ea67f931f830_20190529_HDRP_PostProcessing.mp4',name:'還不錯',title:'很好',modelV:''}]