收藏
回答

video组件怎么实现一个页面始终只能有一个视频在播放

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 video 客户端 Android 微信6.6.3 1.4.0

一个页面有一个视频列表,现在的情况是可以多个视频同时播放,怎么实现始终只能有一个视频在播放(在播放当前视频是其他视频都是暂停状态,点击播放另一个视频时,当前播放视频自动暂停)

最后一次编辑于  2018-03-05
回答关注问题邀请回答
收藏

1 个回答

  • 过去的从前
    过去的从前
    2018-03-05

    // 点击cover播放,其它视频结束

    bindplay: function (e) {

    var id = e.currentTarget.id         //点击id

    console.log(this.data.playIndex)      //正在播放的id

    if (!this.data.playIndex) { // 没有播放时播放视频

    this.setData({

    playIndex: id

    })

    //console.log(this.data.playIndex)

    var videoContext = wx.createVideoContext(id)

    videoContext.play()

    } else {                    // 有播放时先将prev暂停,再播放当前点击的current

    var videoContextPrev = wx.createVideoContext(this.data.playIndex)

    // videoContextPrev.seek(0)

    if (this.data.playIndex != id){                  //不知道为什么,不加这个判断的时候这个视频会一直在播放和暂停之间切换

    videoContextPrev.pause()

    }

    this.setData({

    playIndex: id

    })

    var videoContextCurrent = wx.createVideoContext(this.data.playIndex)

    videoContextCurrent.play()

    }

    },


    2018-03-05
    赞同 1
    回复 1
    • ZZ
      ZZ
      2018-06-07

      学习了,兄dei

      2018-06-07
      回复