vv-player
Version:
基于vue2.0+的video播放器组件
54 lines (38 loc) • 1.34 kB
Markdown
# vv-player
> 一个基于vue2.0+的video播放器组件
- 因为在npm看到的vue的video组件都不合心意（文档不全，import之后使用感觉不怎么样的），所以花了两周多的时间研究了video的api并用vue封装了一下，用过好用的话记得给个star！！！
仓库地址：https://github.com/luqihao/vue-h5-video-player
demo地址：https://luqihao.github.io/vue-h5-video-player/dist
**1. 安装**：
```
npm install vv-player --save
```
**2. 使用方法**：
```
<template>
<player/>
</template>
<script>
import player from 'vv-player'
import Vue from 'vue'
Vue.use(player)
</script>
```
**3. 接受参数（props）：**
| 参数名 | 描述 | 默认 |
| :-------- | --------:| --------:|
| src | 视频地址 | http://jq22com.qiniudn.com/jq22-sp.mp4 |
| width | 视频容器宽度 | 700 |
| height | 视频容器高度 | 400 |
**4. 浏览器兼容性**（因为使用了flex布局，所以ie兼容性比较差，还有监听全屏切换事件只有ie11支持）：
| 浏览器 | 兼容性|
| :-------- | --------:|
| IE | 11+ |
| Chrome | √ |
| Edge | √ |
| Firefox | √ |
| Opera | √ |
| safari | √ |
**5. 图片展示**
