*注意事项

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()