2.3.3 • Published 3 years ago

sugar-video-player v2.3.3

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

说明

sugar-video-player 是一个视频播放插件,支持一些基础视频播放设置。

安装

yarn add sugar-video-player 或者 npm install sugar-video-player

插件依赖

该插件依赖于 antd 和@ant-design/icons,使用前,请确认依赖是否安装。

实例

import VideoPlayer from 'sugar-video-player';
ReactDOM.render(<VideoPlayer />, mountNode);
引入样式

import 'sugar-video-player/dist/video-player/index.css';

代码示例

import VideoPlayer from 'sugar-video-player';
import 'sugar-video-player/dist/video-player/index.css';

<VideoPlayer loading={false} option={{
      src: mp4,
      width: '100%',
      height: '300px'
}}></VideoPlayer>

Props 描述

属性类型默认值描述
optionIProps-视频播放设置
loadingbooleanfalse视频加载动画
autoPlayboolean-是否自动播放
widthstring100%视频播放器宽度
heightstring100%视频播放设置
srcstring-视频播放地址
posterstring-视频正在下载时显示的图像
voicenumber20视频播放初始声音大小
loopbooleanfalse视频是否循环播放