VUE插件--'vue-video-player'

简单易上手,界面清新亮丽的视频插件一枚~


插件安装:

命令行安装: npm install vue-video-player –save

全局注入插件:

在VUE的根.js文件(脚手架默认的main.js文件)中,先注入一下:

import VueVideoPlayer from ‘vue-video-player’

然后继续将组件安装到vue中:

Vue.use(VueVideoPlayer)

在需要使用组件的VUE文件中,写入script代码:


    import { videoPlayer } from 'vue-video-player'

    components: { videoPlayer }

至此,<videoPlayer/>标签已经可以使用,但还需要传入一些必要的参数,我在本次项目中只用了最基础的参数:

    playerOptions: {
        sources: [{
          type: "video/mp4",
          src: "./static/video/movie.mp4"
        }],
    }

标签中写入参数:

总结:VUE的插件用起来真的简单粗暴,当然这个插件也支持一些事件操作,但目前没涉及到,先将官方地址贴这里了我是链接,以后用到了再研究。。或者我自己造个视频插件的轮子也不是不可以233333~

坚持原创技术分享,您的支持将鼓励我继续创作!