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

这篇具有很好参考价值的文章主要介绍了小程序绑定跳转视频号的三种方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、跳转方式

小程序绑定视频号需要用户打开视频号助手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步骤如下:

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

微信小程序跳转至视频号视频,小程序,javascript

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

微信小程序跳转至视频号视频,小程序,javascript

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

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

但是笔者认为这三种方式用户体验都还是有点欠缺,最好是可以让用户自己来绑定跳转到视频号并选择单个视频绑定,操作上更为简单人性化。文章来源地址https://www.toymoban.com/news/detail-773406.html

到了这里,关于小程序绑定跳转视频号的三种方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于微信公众号的h5页面跳转微信小程序的详细介绍

    关于微信公众号跳转小程序的功能,我也是研究了一整天才弄好的,主要是微信官方文档写的不清楚,百度上的各种文章也各说各的,不过最后还是要相信官网文档,接下来我会一步一步分析,希望对你有帮助,并且最后会贴上全部代码。 一、条件 已认证的 服务号 ,服务号

    2024年02月10日
    浏览(65)
  • FFmpeg 播放器实现音视频同步的三种方式

    我们基于 FFmpeg 利用 OpenGL ES 和 OpenSL ES 分别实现了对解码后视频和音频的渲染,本文将实现播放器的最后一个重要功能:音视频同步。 老人们经常说, 播放器对音频和视频的播放没有绝对的静态的同步,只有相对的动态的同步,实际上音视频同步就是一个“你追我赶”的过

    2024年02月06日
    浏览(66)
  • 【微信小程序---绑定事件bindtap跳转】

    1.所需要跳转的页面进行 bindtap=“f0” 绑定所需要的地方 2.在js页面进行 f0:function(event){函数指向功能} 以上是绑定按钮跳转事件 wx.navigateTo() 保留当前页面 ,跳转到指定页面 可以返回到原页面 wx.redirectTo() 关闭当前页面 ,跳转指定页面  不能返回 wx.switchTab() 跳转到 tabBar 页面

    2024年02月10日
    浏览(67)
  • 西门子S7-300/400的三种程序上传/下载方式

    MPI(协议)下载对应的电气口是485口(硬件)。需要用到USB-485西门子专用编程电缆。 DP(协议)下载对应的电气口也是485口(硬件)。同样需要用到USB-485西门子专用编程电缆。 电气接口和MPI的485电气接口一样(有时候是同一个)。 TCP/IP(协议)下载对应的电气口是网卡(

    2023年04月16日
    浏览(116)
  • 小程序中引入外部字体的三种方式以及出现的问题

    需求:输入一段标题后,可选择不同的字体显示在页面上。 免费的商用字体下载链接: 链接: https://pan.baidu.com/s/1XLabx_xzC5kJycv7ejJU8Q 提取码: ka4r 1、打开https://transfonter.org/ 2、引入ttf或其他格式的文件,勾选banse64格式输出 3、将输出的文件下载到本地,引入到wxss里面 优点 :加

    2024年02月09日
    浏览(44)
  • 微信小程序页面跳转(三种方法)

    这里是指函数接收一个字典,其中 url 对应的值是一个 String 就是我们要跳转的页面地址。 同时在对应页面也需要编写相应的 js 方法接受参数。也就是监听页面加载的生命周期函数 -- onload: function (options) ,页面跳转过来之后自动执行该方法。参数 options 就是我们传递的参数

    2024年02月11日
    浏览(61)
  • 【微信小程序】使用自定义字体的三种方法

    小程序官方提供的接口,最便捷的加载字体的方法,不过限制颇多。必须https且同源,canvas等原生组件不支持。注意!!使用本地文件无效,必须使用网络地址。 官方文档:wx.loadFontFace(Object object) | 微信开放文档 演示代码: 传统的css规则,跟loadFontFace限制一样,必须https且同

    2024年02月08日
    浏览(51)
  • JS绑定事件的三种方法(简单易懂)

    相信大家都了解过事件,但如何给元素绑定事件,如何使用呢? 让我为大家介绍三种绑定事件的方法吧! 以下都是用点击事件(click)来做示范 代码总结: 本人文笔有限,如有不对的地方,可以向我提出,感谢大家!

    2024年02月03日
    浏览(59)
  • uni-app小程序引入iconfont的三种方式详解(无需下载文件到项目)

    官网iconfont的引入方式有三种分别为: Unicode 、 Font class 、 Symbol , 其中已明确说明 Unicode、Font class 这两种引入方式 不支持多色 。 单色如何理解呐?具体请看效果对比图(左图为UI上传的图标样式,右边为我们使用这两种方式引入后不加任何样式的效果) 是不是很丑? 另外

    2024年02月09日
    浏览(84)
  • 微信小程序页面跳转方式+跳转小程序

    官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 跳转到其他页面(非tabBar页) 返回上一页面或返回多级页面 首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id app.josn文件: 第一种方法:wx.

    2024年02月12日
    浏览(83)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包