视频 Video
Video 组件提供了强大的视频播放功能,支持单个视频播放和播放列表功能。
安装
npm install @media-apron/react --save
单个视频
最简单的用法是播放单个视频,可以设置封面图和字幕。
正在加载组件...
播放列表(简单模式)
可以通过传入字符串数组来创建简单的播放列表。
正在加载组件...
播放列表(完整模式)
使用对象数组可以创建功能完整的播放列表,支持标题、摘要、封面图和字幕。
正在加载组件...
API
Video Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| src | 视频源地址(单个视频模式) | string | - |
| source | 播放列表(数组模式) | string[] | VideoItem[] | - |
| poster | 封面图地址 | string | - |
| cc | 字幕文件地址 | string | - |
| primaryColor | 主题色 | string | - |
VideoItem
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 视频标题 | string | - |
| summary | 视频摘要 | string | - |
| poster | 封面图地址 | string | - |
| url | 视频地址 | string | - |
| cc | 字幕文件地址 | string | - |