本视频插件可以进行清晰度切换,播放速度变更,进度条缓冲条等, 样式自定义。
npm install
npm run dev
备注:端口8010
npm install
npm run dist
备注:根目录下dist文件夹为打包好的前端静态文件
npm install
npm run prePublishs
备注:lib目录编译好后的插件
npm install videoplugin
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", } ] }