视频 Video

Video 组件提供了强大的视频播放功能,支持单个视频播放和播放列表功能。

安装

npm install @media-apron/react --save

单个视频

最简单的用法是播放单个视频,可以设置封面图和字幕。

正在加载组件...
code

播放列表(简单模式)

可以通过传入字符串数组来创建简单的播放列表。

正在加载组件...
code

播放列表(完整模式)

使用对象数组可以创建功能完整的播放列表,支持标题、摘要、封面图和字幕。

正在加载组件...
code

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-