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. 图片展示