微信小程序滑动视频声音叠加

Question

视频滑动到第二个的时候会有第一个声音 第三个往后都没问题 从第一个滑到第二个再返回第一个然后再次滑到第二个声音也就正常了

  <block wx:for="{{weishipinglist.splist}}" data-index="{{index}}" wx:key="index" wx:for-item="item" wx:if="{{shipin==1}}">
    <swiper-item >
      <view class="video-wrap" show-center-play-btn="false" >
        <!-- 视频-->
        <video wx:if="{{index==hkindex||index==hkindex-1||index==hkindex+1}}" custom-cache="{{true}}"
          id="myvideo{{index}}" class="video" src="{{spimg}}{{item.spimg}}" loop
          show-fullscreen-btn="{{false}}" show-play-btn="{{true}}" controls="{{true}}"
          autoplay="{{index==0?true:false}}"></video>
        <view class='clike buy countDown' wx:if="{{quan}}">
          <view class="child2">{{countDownNum}}</view>
        </view>
        <view class="name"><text>{{item.spname}}</text></view>
        <view class="title"><text>{{item.remark}}</text></view>
        <view class="head">
          <image wx:if="{{image}}" src="../../images/user-unlogin.png" data-lpid="{{item.lpid}}" data-lpname="{{item.lpname}}"
            data-kfsimage="{{item.kfsimage}}" data-addid="{{item.addid}}" data-spid="{{item.spid}}"
            catchtap="gospguanzhu"></image>
          <image  src="{{spimg}}{{item.kfsimage}}" data-lpid="{{item.lpid}}" data-lpname="{{item.lpname}}"
            data-kfsimage="{{item.kfsimage}}" data-addid="{{item.addid}}" data-spid="{{item.spid}}"
            catchtap="gospguanzhu"></image>
          <view class="xin">
            <image src="https://f.qinzhifu.vip/picture/3.png" class="pickimg" animation="{{animation}}"></image>
            <text class="zan1 {{item.spbfnum>=10?'zan2':''}}">{{item.spbfnum}}</text>
          </view>
          <view class="xiaoxi" bindtap="goxiaoxi" data-lpid="{{item.spid}}" data-lpname="{{item.lpname}}"
            data-kfsimage="{{item.kfsimage}}">
            <image src="https://f.qinzhifu.vip/picture/2.png"> </image><text class="zan-bottom {{item.zxnum>=10?'zan-bottom1':''}}">{{item.zxnum}}</text>
          </view>
          <button open-type="share" class="fenxiang" data-spname="{{item.spname}}" data-spid="{{item.spid}}"
            bindtap=" onShareAppMessage">
            <image src="https://f.qinzhifu.vip/picture/4.png"></image> <text class="fenxiangnum {{item.fxnum>=10?'fenxiangnum1':''}}">{{item.fxnum}}</text>
          </button>
        </view>
      </view>
    </swiper-item>
  </block>
 </swiper>

  //动态更新当前滑块下标
  bindchange: function (e) {
    var that = this;
    that.setData({
      hkindex: e.detail.current,
      countDownNum: getApp().urlData.gksp_cs,
    }, () => {
      clearInterval(that.data.timer);
      that.countDown();
    })
    console.log(e.detail.current)
    console.log(this.data.weishipinglist.splist[e.detail.current].spid)
    title = this.data.weishipinglist.splist[e.detail.current].spname
    wx.request({
      url: 'https://f.qinzhifu.vip/getQueryByAddLpspNum?lpspid=' + this.data.weishipinglist.splist[e.detail.current].spid + '&openid=' + getApp().urlData.openid, //此处为自己后台的请求地址
      data: {},
      header: {
        'Content-Type': 'application/json'
      },
      success: res => {
        console.log(res.data)
        this.setData({
          list: res.data,
        })
      },
    })
    let videoContext = wx.createVideoContext("myvideo" + e.detail.current + "")
    let videoContexta = wx.createVideoContext("myvideo" + indx + "")
    indx = e.detail.current;
    console.log(videoContexta)
    console.log(videoContext)
    console.log( videoContexta.pause())
    videoContexta.pause();
    videoContexta.seek();
    videoContext.play();
  },

Answer 1

67行改成下面这个

that.setData({
  indx: e.detail.current
})