Skip to content

FoxDaxian/vue2-customVideo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue2-video

支持ie10以上(不完全兼容IE,要兼容IE请在入口文件main.js内添加babel-polyfill)
目前IE下切换清晰度功能有待完善 支持键盘上、下、左、右、空格操作


轻量级vue2 video组件

第一步,(c)npm下载
(c)npm i vue2-video -S
//第二步,main.js引入
import VueVideo from 'vue2-video'
import 'vue2-video/video.css';
Vue.use(VueVideo);
//第三步,使用
<vue-video src='xxx.mp4'></vue-video>

现在,你可以自定义整体的颜色方案,请下载自定义scss库
folder

首先解压到任意位置,然后修改scss库中的theme.scss文件(文件中有样式注释,如下) custom

然后,使用scss转换器(例如koala),编译video.scss
最后,在Vue.use(VueVideo)import '你的路径/video.css'

更多详见文档