微信小程序播放当前视频暂停其他视频

微信小程序播放当前视频 暂停其他视频

微信小程序播放当前视频 暂停其他视频
微信开发文档
VideoContext
video
wx.createVideoContext(string id, Object this)

video标签中的id要和wx.creatVideoContext(id)中的id保持一致

注意！！！这里的index和循环里面的i的值是一致的 就没有写index传到js中去
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('监听播放');
    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中数组videos

 videos:[{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:''},
    {src:'https://connect-cdn-prd-cn.unitychina.cn/20190530/videos/0ca3f3b3-2e35-4805-8796-ea67f931f830_20190529_HDRP_PostProcessing.mp4',name:'还不错',title:'很好',modelV:''}]