片头视频组件
*注意事项
playInfo数据中的video_advert == 1的时候,代表设置了片头视频
*引入组件
"usingComponents": {
"mz-ad-component":"plugin://mz-plugin/mz-advideo-component"
}
*示例代码
<!-- wxml代码 -->
<!-- 片头视频组件 -->
<mz-ad-component
id="mz-ad-view"
isADShow="{{isADShow}}"
liveStyle="{{live_style}}"
adWidth="100vw"
top="{{playerViewTop}}"
countDownTime='5'
zIndex='90'
adHeight="{{live_style==0?'56.00vw':'97vh'}}"
ticket_id="{{pageInfo.ticketId}}"
bindADPlayEnd="bindADPlayEnd"
bindskipClick="bindskipClick"
bindADClick="bindADClick"
></mz-ad-component>
*组件属性列表
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
isADShow | Boolean | false | 是 | 片头视频是否展示 |
adWidth | String | 100% | 否 | 组件宽度 |
adHeight | String | 100% | 否 | 组件高度 |
top | String | 否 | 组件距上距离top值 | |
zIndex | Number | 否 | 组件层级设置 | |
liveStyle | String | 0 | 否 | 0位横屏直播间,1位竖屏直播间 |
ticket_id | String | 是 | 活动编号 | |
countDownTime | Number | 否 | 自定义倒计时时间,不设置则取视频时长,单位S | |
bindADPlayEnd | eventhandler | 倒计时结束事件 | ||
bindskipClick | eventhandler | 跳过按钮点击事件 | ||
bindADClick | eventhandler | 片头视频点击事件 | ||
skipViewClass | class | 跳过按钮的样式可以自定义 |
*API示例代码
<!-- js示例代码 -->
const mzADView = this.selectComponent("#mz-ad-view")
//暂停片头视频
mzADView.mzADPause()
//继续播放片头视频
mzADView.mzADResume()