微信小程序+短视频，成为带货神器

是的，现在的小晌孝程序支持配置短视频功能。

一、配置短视频组件教程：

1、进入 *** 作系统后台，左侧导航栏-应用-通用视频组件。

2、点击组件开始功能掘谨首标签、视频权限、视频管理等设置。

3、大功告判数成，查看视频展示样式。

在内容管理——视频里添加即可，可以是本地视频，也可以是腾讯视频网上的视频。

手机：努比亚Z17（Android版本9）

微信：版本7.0.17

看一看＋小程序

1、在看一看+的底部，点击中间的上传视频，轮厅枯在打开的本地视频页面，选择要上传的视频。如图所示。

2、选择好视频后，点击右上角的完成。如图所示。

3、在伏纳d出的发送表示同意窗口中，点击腊洞我知道了。如图所示。

4、然后等待上传发送成功，点击底部的完成。如图所示。

5、在打开的申请页面，点击底部的允许。如图所示。

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

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

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

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

在play方法中实现即可:

var id = e.currentTarget.id

      if (id != null) {

        if (app.currentVideoId != id) {

          if (app.videoContext != null) {

            app.videoContext.stop()

            console.warn("暂停")

          }

          app.currentVideoId = id

          app.videoContext = wx.createVideoContext(id)

        }

   瞎燃   }

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

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

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

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

---