common-video

common-video

视频公共组件

安装

npm install common-video

使用

• json

{
    "usingComponents": {
        "common-video": "../common-video/common-video"
    }
}

• js

Component({
  mixins: [],
  data: {},
  props: {},
  didMount() { },
  didUpdate() { },
  didUnmount() { },
  methods: {},
});

• xaml

  <common-video 
    onRef="onVideoRef"
    src="{{videoSrc}}"
    poster="{{defaultImg}}"
    backPoster="{{modelImgArr[0].src}}"
    autoPlay="{{true}}"
    controls="{{false}}"
    loop="{{false}}"
    objectFit="{{'cover'}}"
    muted="{{true}}"
    showMutedBtn="{{false}}"
    muteConfig="{{
      {w:66,h:66,x:636,y:48,type:'click',duration:3000,muteImage:'https://img.alicdn.com/imgextra/i1/555657275/O1CN01G7gVVu23c03zL8iUl_!!555657275.png',unMuteImage:'https://img.alicdn.com/imgextra/i3/555657275/O1CN01zRfAvN23c03y34zXJ_!!555657275.png'}
    }}"
    onChange="onVideoChange"
  />