视频播放
适用场景#
用于展示播放视频资源
基础能力说明#
- 在视频资源属性输入可播放的视频地址即可播放视频，兼容大部分主流视频格式。同时支持独立配置视频封面
- 提供「自动播放、循环播放、静音播放」等功能控制属性。
- 部分浏览器会阻止默认自动播放行为。
- 视频资源支持云文件 id，使用云文件 id 播放云存储上面的视频会消耗账号 cdn 资源，cdn 资源消耗完后视频资源不可播放。
- 如果使用数据源数据绑定视频资源属性，在编辑器编辑区数据源使用的是 mock 数据，视频不可播放。
属性介绍#
组件接收的外部传入的属性
属性名 | 属性标识 | 类型 | 属性分组 | 默认值 | 说明 |
|---|
| 视频资源 | videoDataSource | string | 基础属性 | "https://qcloudimg.tencent-cloud.cn/raw/472043e1e13e1cc06e4afc46407e8c4d.mp4" | 能够播放的视频资源地址,支持云文件id |
| 封面图片 | posterImage | string | 基础属性 | "" | - |
| 自动播放 | autoPlay | boolean | 基础属性 | false | 部分浏览器会阻止默认自动播放行为 |
| 循环播放 | loopPlay | boolean | 基础属性 | false | - |
| 静音播放 | mutePlay | boolean | 基础属性 | false | - |
| 播放控件 | controlBarStatus | boolean | 基础属性 | true | 控制视频播放、暂停、静音、全屏等功能,关闭后相当于只能观看视频不能交互 |
| 初始播放时间(秒) | startTime | number | 高级属性 | 0 | 小于0不生效,超出视频时长取值为视频最大时长 |
| 指定视频时长(秒) | endTime | number | 高级属性 | 0 | 小于0不生效;超出视频时长取值为视频最大时长;h5端不会改变进度条显示长度,小程序端会改变 |
事件介绍#
无