小程序视频封面，切换播放并显示封面

1.默认显示封面；

2.一个视频播放的时候，其他视频停止播放，并显示封面。

1.通过wx:if判断当前视频是否是播放的状态，如果是就显示视频，如果不是就隐藏视频；

2.点击封面的时候，获取到该视频的id，进行判断，如果当前没有视频播放，就把该视频设置为播放的状态；如果当前有视频播放，则停止当前播放的视频，再播放你点击的这个视频。

<view class="video_body">

            <view wx:for="{{courseList}}" wx:for-item="course" class='course-pannle-item' wx:for-index="idx" wx:key="index">

                <view class='video-item'>

                    <video class="video" wx:if='{{idx==playIndex}}' id='video{{idx}}' autoplay='{{true}}' show-center-play-btn="{{false}}" src='{{course.videoUrl}}' controls="羡孙庆true" objectFit="cover"></video>

                    <image class='video-cover video' wx:if='{{idx!=playIndex}}' mode='widthFix' src='{{course.coverUrl}}'></image>

                    <image class='video-play-btn' wx:if='{{idx!=playIndex}}' mode='widthFix' data-index='{{idx}}' bindtap='videoPlay' src='/images/home/btn.png'></image>

                    <!-- <text wx:if='{{idx!=playIndex}}' class='video-duration fs-28'>

                            {{course.duration}}

           凯尺             </text>-->

                </view>

            </view>

        </view>

 data: {

    playIndex: null, //用于记录当前播放的视频的索引值

    courseList: [

      {

        videoUrl: 'https://fxmv3-asset.oss-cn-zhangjiakou.aliyuncs.com/132a004191990de6d1dde6379a56987b.mp4'兄握, //视频路径

        coverUrl: '/images/home/1.png', //视频封面图

        duration: '03:00' //视频时长

      },

      {

        videoUrl: 'https://fxmv3-asset.oss-cn-zhangjiakou.aliyuncs.com/bddfba680554409e47aeb653ec5d58af.mp4',

        coverUrl: '/images/home/2.png',

        duration: '04:45'

      }

    ]

  },

 videoPlay: function (e) {

      var curIdx = e.currentTarget.dataset.index

      // 没有播放时播放视频

    if (!this.data.playIndex) {

         this.setData({

           playIndex: curIdx

        })

       var videoContext = wx.createVideoContext('video' + curIdx)//这里对应的视频id

     videoContext.play()

   } else {

       // 有播放时先将prev暂停，再播放当前点击的current

      var videoContextPrev = wx.createVideoContext('video' + this.data.playIndex)

       if (this.data.playIndex != curIdx) {

        videoContextPrev.pause()

       }

        this.setData({

         playIndex: curIdx

         })

       var videoContextCurrent = wx.createVideoContext('video' + curIdx)

       videoContextCurrent.play()

     }

    },

现在越来越多的商家开始用企业微信做私域流量运营，很多商家想用企业微信直播小程序功能，但对功能不是特别了解，下面小编就为陵凯大家介绍企业微信直播功能的使用步骤。

第一步：预约直播

打开企业微信，点击左手边的工作台按钮，点击4个方框的按钮，再点击直播，点击直播按钮后，会出现一个预约直播和直接直播两个菜单选项，点击预约直播。

第二步：预热宣传

直播之前需要预热宣传，一般建议商家选择预约直播，点击预约直播，按照指引填写直播信息。填写直播的主题，开始时间，直播时长，直播的简介等，填写完之后可以直播生渗汪闹成二维码海报，方便做预热宣传。

第三步：分丛罩享直播间

为了更好的传播直播信息，可以点击修改海报封面，选择和直播主题相关的图片作为海报封面配图。设置好封面之后，就可以把带有直播二维码的海报分享给微信好友了。

点击右下角的分享直播，选择直播二维码，下载二维码之后，就把图片转发给微信好友，或者微信群。好友可以直接长按海报识别二维码，就可以进入企业微信直播小程序。

第四步：开始直播

设置直播权限，开启直播回访，以便没有时间参与直播的客户可以看回放。

第五步：屏幕分享

如果商家是做类似知识类直播，有PPT需要共享的，点击屏幕演示之后，直播画面中就会出现电脑上的屏幕画面，然后可以按F5,ppt进入演示播放模式。

第六部：直播数据

企业微信直播，可以提供直播的数据统计，点击观看明细，就能清楚了解用户的观看记录与时长等等数据。

以上就是企业微信直播功能的使用步骤相关内容，最近企业微信增加了新功能，可以在直播中带货了。具体 *** 作为在开启直播也页面中，将通用直播更改为推广产品，就可以添加产品。产品有两种添加方式，一是从小程序商城中添加产品，二是直接添加产品收款单到直播间。添加好产品后，开启直播，主播可以对添加的商品进行推送。推送的商品将以浮窗的方式展现，方便观众查看购买。

1、小程序类目需要满足 18个 类目的其中一项才能被邀请到直播公测（包括：电商平台、商家自营-百货、食品、初级食用农产品、酒/盐、图书报刊/音像/影视/游戏/动漫、汽车/其他交通工具的配件、服装/鞋/箱包、玩具/母婴用品（不含食品）、家电/数码/手机、美妆/洗护、珠宝/饰品/眼镜/钟表、运动/户外/乐器、鲜花/园艺/工艺品、家居/家饰/家纺、汽车内饰/外饰、办公/文具、机械/电子器件）。

2、主体下小程序近半年没有出现严重违规。

3、小程序近90天存在支付行为。

4、主体下公众号累计粉丝数大于100。

5、主体下小程序连续7日日活跃用户数大于100。

6、主体在微信生态内近一年广告投放实际消耗金额大于1w。

二、申请流程

1、登录微信小程序后台，添加满足直播要求的类目。【设置】 >【服务类目】 >【详情】

2、按照条件类目添加其中一个。

2、被邀请后，菜单栏就会出现【直播】功能；添加直播时所推荐的商品。该商品也必须在御腔会员卡系统上存在！

3.1、上传商品封面图，建议尺寸：200*200像素，大小不得超过50K。

3.2、如何获取商品链接：登录门店账号 >商城商品 >外送商品码 >复制过去填写。

4、随后【保存并审核】商品

5、显示 “ 已入库 ” 即审核通过。

6、开始创建直播间。

7、填写直颤蚂播前的基本信息；按照封面规定尺寸上传图片（分享卡封面：800640、直播间封面：10801920）

8、导入已添加的商品。

clipboard 202037111233826

9、微信小程序后台有了【直播】插件后，需要登录会员卡系统，用小程序账号登录，开启【直播插件】提交审核；审核通过才能使用直播

10、打开会员卡系统，登录小程序账号关联需直播卖货的门店

关联门店

11、登录被添加的门店，开启直播宫格。

三、主播入口

1、被指定的微信号扫【开播码】主播即可开始直播卖货。

四、会员观看直播入口

扫直播镇洞衫码进入

九宫格内进入

---