vue3video原生标签使用

Vue3-video是一个轻量级的Vue.js组件库，它允许你在 Vue 项目中轻松地集成HTML5的`<video>`标签，并提供了一些增强功能，如视频预加载、播放控制、错误处理等。它的核心思想是将HTML5的`<video>`元素封装成一个可配置的Vue组件，便于管理和定制。

以下是基本的使用步骤：

1. 安装依赖：在你的Vue项目中安装`vue3-video`，可以使用npm或yarn命令：

   npm install vue3-video
   # 或者
   yarn add vue3-video

2. 引入并使用组件：

   <template>
     <div>
       <v3-video src="your-video-url" @error="handleError" />
     </div>
   </template>

   <script>
   import V3Video from 'vue3-video';

   export default {
     components: {
       V3Video,
     },
     methods: {
       handleError(err) {
         console.error('Video error:', err);
       }
     }
   };
   </script>

- `src`属性指定视频源URL。
- `@error`事件监听器用于捕获视频加载或播放过程中可能出现的错误。