小程序提供2种打开视频号视频的方式:
1.跳转打开视频号视频:无主体限制
可以通过wx.openChannelsActivity接口跳转到指定视频号的视频页观看视频
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
finderUserName | string | 是 | 视频号 id,以“sph”开头的id,可在视频号助手获取 | |
feedId | string | 是 | 视频 feedId | |
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
openChannel() {
wx.openChannelsActivity({
finderUserName: "视频号 id",
feedId:"视频 feedId",
success(res) {
console.log("成功", res);
},
fail(res) {
console.log("失败", res);
},
});
},
注意:开发者工具暂时不支持此 API 调试,请使用真机进行开发
2.内嵌视频号视频:
- 从基础库版本2.25.1至2.31.1,小程序需与视频号视频相同主体或关联主体
- 从基础库版本2.31.1开始,非个人主体小程序可内嵌非同主体/关联主体视频号视频
通过channel-video组件在小程序中内嵌视频号视频,且支持无弹窗跳转打开视频号对应视频
通用属性
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
feed-id | string | 是 | 仅视频号视频与小程序同主体时生效。若内嵌非同主体视频,请使用 feed-token。 | ||
finder-user-name | string | 是 | 视频号 id,以“sph”开头的id,可在视频号助手获取。视频号必须与当前小程序相同主体。 | ||
feed-token | string | 是 | 仅内嵌小程序非同主体视频号视频时使用,获取方式参考本指引。 | 2.31.1 | |
autoplay | string | 是 | 是否自动播放。仅视频号视频与小程序同主体时支持设置为 true。 | 2.31.1 | |
loop | boolean | false | 否 | 是否循环播放 | |
muted | boolean | false | 否 | 是否静音播放 | |
object-fit | boolean | contain | 否 | 当视频大小与 video 容器大小不一致时,视频的表现形式 | |
binderror | eventhandle | 否 | 视频播放出错时触发 |
<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>
注意:
- 组件调用无资质要求
- 暂不支持纯图片视频号内容
- 基础库2.31.1之前,仅可引用和小程序同主体或关联主体的视频号视频,从基础库2.31.1开始,支持非个人主体小程序内嵌非同主体或关联主体的视频号视频
微信原生开发也是使用这两个方法进行嵌入视频号视频