vue3视频播放插件

Vue3-video-play是一个适用于Vue3的hls.js播放器组件，它支持MP4、WebM和Ogg格式。你可以选择在main.js中全局引入插件，或者在需要使用插件的组件内单独引入。全局引入时，你需要在main.js中导入VideoPlayer和custom-theme.css。如果你想在组件内引入插件，你可以使用以下代码示例：

<template>
  <div>
    <vue3VideoPlay width="800px" title="冰河世纪" :src="options.src" :type="options.type" :autoPlay="false" />
  </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue';
const options = reactive({
  src: "https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8", // 视频源
  type: 'm3u8', // 视频类型
})
</script>

<style scoped>
</style>

以上是一个基本的使用示例。你可以根据实际需求设置属性Props来自定义视频播放器的行为和样式。