1.4.1 • Published 5 years ago
double-video v1.4.1
介绍
It is a web video player
入门
安装
$ npm install double-video
使用
步骤 1. Add double-video component
import doubleVideo from 'double-video'; export default { components:{ doubleVideo } }
步骤 2. Use in template
<double-video :bottomVideoUrl="bottomVideoUrl" :topVideoUrl="topVideoUrl" @changeposition="changePosition" @videomouseover="videoMouseover" @videomouseout="videoMouseout" @videoplay="videoPlay"></double-video>
步骤 3. Use in js
export default { data () { return { bottomVideoUrl:'', topVideoUrl:'', } }, methods:{ changePosition(){}, videoMouseover(){}, videoMouseout(){}, videoPlay(){} } }
Demo
https://zhangting0927.github.io/double-video
Github
$ git clone https://github.com/zhangTing0927/double-video.git
$ cd double-video
$ npm install
$ npm start