*注意事项

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