

简体中文
⼀个视频内容频道,支持上下滑动切换视频内容
平台差异说明
App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节跳动小程序、飞书小程序 | QQ小程序 | 快应用 | 360小程序 | 快手小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|---|---|
✓ | x | x | x | x | x | x | x | x | x | x |
仅nvue支持(iOS-hx3.4.2支持、Android-hx3.1.17支持)
开通配置广告
注意:打包时必须选择快手内容联盟。
属性说明
属性名 | 类型 | 默认值 | 说明 | 平台差异 |
---|---|---|---|---|
adpid | String | uni-AD App广告位id,在uni-AD官网申请广告位 | 仅nvue支持 | |
@load | EventHandle | 广告加载成功的回调 | ||
@error | EventHandle | 广告加载失败的回调 | ||
@start | EventHandle | 开始播放时触发 | 3.4.3+ | |
@pause | EventHandle | 暂停时触发 | 3.4.3+ | |
@resume | EventHandle | 恢复播放时触发 | 3.4.3+ | |
@complete | EventHandle | 播放完成时触发 | 3.4.3+ |
@start @pause @resume @complete回调参数说明
字段名 | 说明 |
---|---|
id | 唯一标识 |
type | 0未知类型 1 普通信息流 2 sdk内部广告 3第三方广告 4 直播 |
duration | 视频总时长 |
HBuilder 基座的测试广告位 adpid
为 1111111112
示例:
<template>
<view class="content">
<ad-content-page class="ad-content-page" ref="adContentPage" adpid="1111111112" @load="onadload" @error="onaderror"></ad-content-page>
</view>
</template>
<script>
export default {
data() {
return {
title: 'ad-content-page'
}
},
onShow() {
this.$nextTick(() => {
// 需要在页面显示时调用广告组件的 show 方法
this.$refs.adContentPage.show();
})
},
onHide() {
// 需要在页面隐藏时调用广告组件的 hide 方法停止广告内容的声音
this.$refs.adContentPage.hide();
},
methods: {
onadload(e) {
console.log("onadload",e);
},
onaderror(e) {
console.log("onaderror",e);
}
}
}
</script>
<style>
.content {
flex: 1
}
.ad-content-page {
flex: 1
}
</style>
注意
hide
方法以停止广告内容的声音show
或 hide
方法需要申请通过后有效,详情咨询 uniad@dcloud.io