uniapp嵌入视频号

小程序提供2种打开视频号视频的方式:

1.跳转打开视频号视频:无主体限制

可以通过wx.openChannelsActivity接口跳转到指定视频号的视频页观看视频

参数

Object object

属性类型默认值必填说明
finderUserNamestring视频号 id,以“sph”开头的id,可在视频号助手获取
feedIdstring视频 feedId
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
 openChannel() {
        wx.openChannelsActivity({
          finderUserName: "视频号 id",
          feedId:"视频 feedId",
          success(res) {
            console.log("成功", res);
          },
          fail(res) {
            console.log("失败", res);
          },
        });
      },

注意:开发者工具暂时不支持此 API 调试,请使用真机进行开发

2.内嵌视频号视频:

  1. 从基础库版本2.25.1至2.31.1,小程序需与视频号视频相同主体或关联主体
  2. 从基础库版本2.31.1开始,非个人主体小程序可内嵌非同主体/关联主体视频号视频

通过channel-video组件在小程序中内嵌视频号视频,且支持无弹窗跳转打开视频号对应视频

通用属性

属性类型默认值必填说明最低版本
feed-idstring仅视频号视频与小程序同主体时生效。若内嵌非同主体视频,请使用 feed-token。
finder-user-namestring视频号 id,以“sph”开头的id,可在视频号助手获取。视频号必须与当前小程序相同主体。
feed-tokenstring仅内嵌小程序非同主体视频号视频时使用,获取方式参考本指引2.31.1
autoplaystring是否自动播放。仅视频号视频与小程序同主体时支持设置为 true。2.31.1
loopbooleanfalse是否循环播放
mutedbooleanfalse是否静音播放
object-fitbooleancontain当视频大小与 video 容器大小不一致时,视频的表现形式
binderroreventhandle视频播放出错时触发
<template>
  <view class="plugin flex">
    <view :style="{ padding: `${moreInfo.fillStyle.height * 2}rpx ${moreInfo.broadside * 2}rpx` }">
      <channel-video
        :autoplay="true"
	    feed-token="复制视频代码"
        finder-user-name="视频号 id"
        feed-id="复制视频ID"
      ></channel-video>
    </view>
  </view>
</template>

注意:

  1. 组件调用无资质要求
  2. 暂不支持纯图片视频号内容
  3. 基础库2.31.1之前,仅可引用和小程序同主体或关联主体的视频号视频,从基础库2.31.1开始,支持非个人主体小程序内嵌非同主体或关联主体的视频号视频

微信原生开发也是使用这两个方法进行嵌入视频号视频

  • 28
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值