用vue写一个视频播放器

好的，以下是一个简单的视频播放器的示例代码：

<template>
  <div class="video-player">
    <video ref="videoRef" controls></video>
  </div>
</template>

<script>
export default {
  mounted() {
    const video = this.$refs.videoRef;
    video.src = 'your-video-url.mp4'; // 设置视频地址
    video.addEventListener('loadedmetadata', () => {
      video.play(); // 视频加载完成后自动播放
    });
  }
}
</script>

<style>
.video-player {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

video {
  width: 100%;
  height: auto;
}
</style>

这是一个非常简单的视频播放器，包括一个 `video` 标签和控制条，当用户打开页面时，视频会自动开始播放。你只需要将 `your-video-url.mp4` 替换为你的视频地址即可。

当然，这只是一个最基本的示例，实际的视频播放器可能会包括更多的功能，如暂停、快进、音量控制等。你可以根据自己的需求进行扩展。