Skip to content

react video plugin视频插件,可切换清晰度Switchable clarity

Notifications You must be signed in to change notification settings

doudoucomic/videoplugin

Repository files navigation

说明

本视频插件可以进行清晰度切换,播放速度变更,进度条缓冲条等, 样式自定义。

开发环境运行

npm install
npm run dev
备注:端口8010

生产发布

npm install
npm run dist
备注:根目录下dist文件夹为打包好的前端静态文件

npm发布

npm install
npm run prePublishs
备注:lib目录编译好后的插件

插件使用方法

安装

npm install videoplugin

react 中引用插件

import videoplugin from 'videoplugin';

参数

<videoplugin poster={'视频封面'} videoUrl={'初始显示视频'} definition={'清晰度'} playInfoList={'视频数组,普清,高清,超清'}//普清 = LD ,高清 = SD, 超清 = HD />

参数例子

poster= "http:*****.jpg" videoUrl= "http://obukb5fdy.bkt.clouddn.com/icevideo/video/nayuta.mp4" definition = "LD" playInfoList = { "PlayInfo":[ { "Definition": "LD", "PlayURL": "http://obukb5fdy.bkt.clouddn.com/icevideo/video/nayuta.mp4", }, { "Definition": "SD", "PlayURL": "http://obukb5fdy.bkt.clouddn.com/icevideo/video/nayuta.mp4", } ] }

About

react video plugin视频插件,可切换清晰度Switchable clarity

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published