vue video player

<template>
  <div>
    <video controls>
      <source src="your-video-file.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>
</template>

<script>
export default {
  name: 'VueVideoPlayer',
  // 这里可以添加一些选项，比如 props, methods 等
}
</script>

<style scoped>
/* 可以在这里添加样式 */
video {
  width: 100%;
  height: auto;
}
</style>

解释说明：

• <template>：定义了 Vue 组件的 HTML 模板。这里我们使用了一个 <video> 标签，并通过 <source> 标签指定了视频文件的路径和类型（如 MP4）。
• controls：这是一个布尔属性，表示是否显示视频控件（播放、暂停、音量等）。
• <script>：定义了 Vue 组件的逻辑部分。在这个简单的例子中，我们只是定义了一个组件名称 VueVideoPlayer。
• <style scoped>：为这个组件定义了一些样式，并且这些样式只作用于当前组件。这里我们设置了视频的宽度为 100%，高度自适应。

如果你需要更复杂的功能（如自定义控制条、支持多种格式等），你可以考虑使用第三方库，如 vue-video-player。