小程序 多個video 功能實現

  <view class="list-big-box">

    <view class="shipin" wx:for="{{videoList}}" wx:key="index">

      <video src="{{item.video}}" poster="{{item.img}}" class="shipin" bindplay="videoPlay" data-index="{{index}}" id="myVideo{{index}}"></video>

      <view class="shipin-title">{{item.desc}}</view>

    </view>

  </view>

 

 data:{indexCurrent:null},

  videoPlay(e) {

    var curIdx = e.currentTarget.dataset.index;

    var videoContextPrev = wx.createVideoContext('myVideo' + this.data.indexCurrent);

    if (this.data.indexCurrent != curIdx) {

      videoContextPrev.pause();

      this.setData({

        indexCurrent: curIdx,

      });

    }

  },