当前位置:   article > 正文

小程序绑定跳转视频号的三种方式_小程序跳转视频号

小程序跳转视频号

一、跳转方式

小程序绑定视频号需要用户打开视频号助手channels.weixin.qq.com,复制视频号ID username,和需要绑定的视频ID feedId,两者缺一不可。

关键代码:

  1. wx.openChannelsActivity({
  2. finderUserName: this.data.finderUserName,
  3. feedId: this.data.feedId,
  4. fail(error) {
  5. console.log(error)
  6. }
  7. })

二、内嵌视频号视频

  • 从基础库版本2.25.1至2.31.1,小程序需与视频号视频相同主体或关联主体
  • 从基础库版本2.31.1开始,非个人主体小程序可内嵌非同主体/关联主体视频号视频
    1. //需要视频id和视频号id,使用wx:if是因为不做组件销毁的话,会先报该视频无法加载在正常显示
    2. //item--是我们需要的视频数据,根据个人情况来定
    3. <channel-video style="width:100%;height:100vh;" wx:if="{{ item }}" muted="{{ false }}" object-fit="{{ contain }}" autoplay="{{ true }}" feed-id="{{ item.videoId }}" finder-user-name="{{ item.videoAccountsId }}"></channel-video>

获取feed-token步骤如下:

  1. 登陆MP平台,在「设置-基本设置-隐私与安全」找到「获取视频号视频ID权限」,并将开关打开(24小时后自动关闭)

移动端找到想要内嵌的视频号视频,并复制该视频的feed-token,图示如下:

三、跳转到视频号主页(必须是同主体)

  1. wx.openChannelsUserProfile({
  2. finderUserName: '' //视频号id
  3. })

但是笔者认为这三种方式用户体验都还是有点欠缺,最好是可以让用户自己来绑定跳转到视频号并选择单个视频绑定,操作上更为简单人性化。

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号