微信小程序多个视频组件同时播放

首先说一下我的应用场景, 在小程序中会有多个页面存在视频组件的情况, 为了防止视频播放时多个视频组件同时播放的情况,现记录一下方案:

一 可以在需要视频播放的地方弄一个视频播放的按钮, 当视频播放的时候再初始化视频组件, 保证整个应用内只有一个视频组件(视频组件的位置需要计算), 整个方法只是理论下的情况;

二 在appjs中 设置两个对象, currentVideoId(播放视频组件的id)和videoContext(当前播放视频的对象, 通过wxcreateVideoContext方法获得), 在页面的js中控制, 保证video组件绑定play方法:

 <video src="url" bindplay="play"></video>

在play方法中实现即可:

var id = ecurrentTargetid;

      if (id != null) {

        if (appcurrentVideoId != id) {

          if (appvideoContext != null) {

            appvideoContextstop();

            consolewarn("暂停");

          }

          appcurrentVideoId = id;

          appvideoContext = wxcreateVideoContext(id);

        }

      }

因为currentVideoId 和videoContext是唯一的对象, 方法中播放监听事件会暂停之前的播放, 然后再赋值, 等下次video播放监听进来的时候, 会进行判断

三 包含富文本组件的视频组件同时播放的情况

依据上面的例子, 当自定义富文本组件中包含多个video组件时也用上面的方法会产生错误, 虽然log会显示将执行视频暂停或者停止播放, 但是没有效果, 查看 视频api , 提示

根据api显示, id为video组件的id, 还有一个"Object this", 但是依据上面的api使用, 直接用id确实可以获取video对象, 但是api解释中提示, "在自定义组件下，当前组件实例的this，以 *** 作组件内 video组件", 在自定义组件中, 要加this, 所以总结: 在上面api使用中, 如果video在pages页面中, wxcreateVideoContext参数只写id没有问题, 但是当video在自定义组件中, 要必须加this, 才能正确返回VideoContext对象;

第一步打开微信小程序里面的视频 ，查看小程序里面的公众号名称 并记录下来名称，查看视频内容及视频分钟数 查看视频分享时间 。（这些都记住。）

第二步返回微信页面查找公众号， 输入记住的公众号名称 并查找，找到确认正确后关注其公众号。

第三步在公众号中 查找其发布的视频，（需要一些时间，请耐心查找 冰河记录的需要查找的视频名称相同 ） 查找到后播放查看时间长短是否一致确认无误后，点击分享

第四步在分享的页面中选择复制链接。 复制后粘贴在微信小助手里面。

（以上 *** 作均在手机上 *** 作）

第六步 需要电脑辅助同时 *** 作 打开电脑微信客户端 （或者登陆网页版微信）

第七步 在电脑微信客户端查看刚分享到微信小助手里面的链接。点击复制此链接，打开360浏览器 粘贴到网址页面 回车 查看。

第八步可能需要几种不同的方法方式（1需要右键另存为看是否成功） （2、把分享的视频链接复制 后用稞麦综合视频下载器下载，） （3 利用360插件 猫爪 小插件）安装好猫爪观看视频时此时猫爪插件会提示1个视频下载起好名字保存好 即可）

需要用到很多种插件 不明白再问我 ，我也是研究了好几年才一点点积累的经验。希望能够帮助到你   打字真累呀 祝你成功！

以上就是关于微信小程序多个视频组件同时播放全部的内容，包括:微信小程序多个视频组件同时播放、如何下载微信小程序里的视频、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！