live-video 视频播放组件

live-video是一款可以自定义播放控件样式和位置的视频播放组件。

1 引入

全局引入，在miniprogram根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

// app.json 或 index.json
"usingComponents": {
  "wr-live-video": "@retailwe/ui-live-video/index"
}

2 代码演示

2.1 基础用法

  <wr-live-video url="{{videoURI}}" offsetBottom="{{100}}" />

3 API说明

3.1 Props

| 参数 | 说明 | 类型 | 默认值 | 版本 | |-----------|-----------|-----------|-------------|-------------| | url | 要播放视频的资源地址，支持网络路径、本地临时路径、云文件ID | String | - | - | | autoplay | 是否自动播放 | Boolean | true | - | | loop | 是否循环播放 | Boolean | true | - | | muted | 是否静音播放 | Boolean | false | - | | initialTime | 指定视频的初始播放位置 | Number | 0 | - | | objectFit | 当视频大小与 video 容器大小不一致时，视频的表现形式 | String | 'contain' | - | | offsetBottom | 播放控件距离底部的距离 | Number | 160 | - |

3.2 objectFit的合法值

| 值 | 说明 | |-----------|-----------| | contain | 包含 | | fill | 填充 | | cover | 覆盖 |