微信小程序一个页面播放多个video,只允许一个在播放状态

bindplay(e) {//视频播放事件
  ////这里的vid是视频的id
  let vid = e.currentTarget.id;
  if(this.vid !== vid && this.videoContext){
    ////关闭上一个播放的视频
    this.videoContext.stop();
  }
  this.vid = vid;
  ////创建控制视频标签的实例对象
  this.videoContext = wx.createVideoContext(this.vid,this);
}

关键点:

  1. 找到上一个视频的实例对象
  2. 如何确认点击播放的视频和正在播放的视频不是同一个

查看作者在项目中如何使用的效果如下

image

源码请移步gitee:https://gitee.com/aggressiving/Catch-nong-net#catch-nong-net
或者github:https://github.com/jack-mayuan/Catch-nong-net

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容