double-video

介绍

It is a web video player

入门

1. 安装

   $ npm install double-video

2. 使用

   步骤 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