vue-video-group-component基于（vue2） element-ui 与 LivePlayer H5 播放器二次封装的视频组组件

原创于 2023-12-01 11:06:49 发布 · 706 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #ui #前端

本文分享了作者如何封装并使用Vue组件vue-video-group-component的过程，包括安装步骤、引入Element-UI和LivePlayerH5，以及在Vue文件中的应用和最终效果。附有源码地址链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前感兴趣好久，一直想封装一个组件发布，空闲下来了试了一下，感觉还是不难的，比较简单，就不贴代码了。

安装

npm install vue-video-group-component

npm install vue-video-group-component

同时需要安装element-ui跟LivePlayerH5

element-ui官网

LivePlayerH5

全局使用

import Vue from "vue";
import vueVideoGroupComponent from "vue-video-group-component";
import 'vue-video-group-component/vue-video-group-component.css'
Vue.use(vueVideoGroupComponent);

.vue文件中使用

<vue-video-group-component></vue-video-group-component>