vue项目使用视频播放器 h5视频播放插件

vue项目中需要播放视频，然后网上搜了一下对应的插件，发觉xg-player西瓜播放器用起来不错。开源这个播放器的作者应该是一个超级大牛。特此记录一下这款播放器的使用方法http://h5player.bytedance.com/这个是地址（官网和GitHub）https://github.com/bytedance/xgplayer-vuevue当然是用组件的方式了，所以先...

woshidamimi0

21304人浏览 · 2019-04-04 11:07:04

woshidamimi0 · 2019-04-04 11:07:04 发布

vue项目中需要播放视频，然后网上搜了一下对应的插件，发觉xg-player西瓜播放器用起来不错。开源这个播放器的作者应该是一个超级大牛。

特此记录一下这款播放器的使用方法

http://h5player.bytedance.com/ 这个是地址（官网和GitHub） https://github.com/bytedance/xgplayer-vue

vue当然是用组件的方式了，所以先安装

可以用npm 安装

npm install xgplayer-vue@latest --save

然后使用api ,地址http://h5player.bytedance.com/api/#%E5%B1%9E%E6%80%A7

api写得挺好，然后就是自己慢慢填坑了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^