VideoModal 视频弹窗

画中画视频弹窗组件。

引入

组件位置

/main/pages/component/videoModal/index

在 app.json 或 index.json 中引入组件：

"usingComponents": {
  "videoModal": "/main/pages/component/videoModal/index"
}

代码演示

基础用法

<videoModal 
  isShow="{{ isShowModal }}" 
  url="{{ videoUrl }}"
  width="{{ 640 }}"
  height="{{ 360 }}"
  bind:closeVideoModal="onClose"
/>

Page({
  data: {
    isShowModal: false,
    videoUrl: 'https://example.com/video.mp4'
  },
  showVideo() {
    this.setData({ isShowModal: true });
  },
  onClose() {
    this.setData({ isShowModal: false });
  }
});

API

Props

参数	说明	类型	默认值
isShow	是否展示弹窗	boolean	false
url	视频播放地址	string	''
width	视频宽度 (rpx)	number	600
height	视频高度 (rpx)	number	700

Events

事件名	说明	回调参数
closeVideoModal	点击关闭按钮或弹窗关闭时触发	-