您的当前位置:首页正文

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

2024-10-31 来源:个人技术集锦

一、跳转方式

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

关键代码:

 wx.openChannelsActivity({
      finderUserName: this.data.finderUserName,
      feedId: this.data.feedId,

      fail(error) {
        console.log(error)
      }
    })

二、内嵌视频号视频

  • 从基础库版本2.25.1至2.31.1,小程序需与视频号视频相同主体或关联主体
  • 从基础库版本2.31.1开始,非个人主体小程序可内嵌非同主体/关联主体视频号视频
  • //需要视频id和视频号id,使用wx:if是因为不做组件销毁的话,会先报该视频无法加载在正常显示
    //item--是我们需要的视频数据,根据个人情况来定
    <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步骤如下:

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

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

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

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

Top