0.0.27 • Published 9 months ago
vue-video-xg v0.0.27
vue-video-xg
A HTML5 video player component for Vue3
Code
live demo is here: https://gitee.com/derekgo/tool-collection/tree/master/customVideo/vue3/pluginVersion
Installation
npm i vue-video-xg --save
Usage
main.ts
// script
import { createApp } from 'vue';
import App from './App.vue';
import customVideo from "vue-video-xg"
import "vue-video-xg/lib/style.css";//引入样式
const app = createApp(App);
app.use(customVideo); //全局注册
app.mount('#app');
App.vue
<template>
<div class="app-container">
<customVideo :config="config" />
</div>
</template>
<script setup lang="ts">
import {ref} from "vue";
let config = ref({
src:"", //视频
poster: "", // 初始化占位图片
volume: 20,//声音
themeColor:"#19accc",//主体颜色
activeColor:"red",//选中颜色
width:"500px",//宽度
height:"300px",//高度
})
</script>
0.0.27
9 months ago
0.0.26
9 months ago
0.0.25
9 months ago
0.0.24
10 months ago
0.0.23
10 months ago
0.0.22
10 months ago
0.0.21
10 months ago
0.0.20
10 months ago
0.0.19
10 months ago
0.0.18
10 months ago
0.0.17
10 months ago
0.0.16
10 months ago
0.0.15
10 months ago
0.0.14
10 months ago
0.0.13
10 months ago
0.0.12
10 months ago
0.0.11
10 months ago
0.0.10
10 months ago
0.0.8
10 months ago
0.0.7
10 months ago
0.0.6
10 months ago
0.0.5
10 months ago
0.0.4
10 months ago
0.0.2
10 months ago
0.0.1
10 months ago
1.0.0
10 months ago