vue3+ts怎么播放视频

在 Vue3 中，你可以使用 `video` 标签来播放视频。下面是一个简单的示例：

<template>
  <div>
    <video ref="videoPlayer" controls :src="videoUrl" width="640" height="360"></video>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  setup() {
    const videoUrl = ref('https://www.w3schools.com/html/mov_bbb.mp4');
    const videoPlayer = ref(null);

    const playVideo = () => {
      videoPlayer.value.play();
    };

    return {
      videoUrl,
      videoPlayer,
      playVideo,
    };
  },
});
</script>

在上面的示例中，我们使用 `video` 标签来创建一个视频播放器，并使用 `ref` 来获取它的引用。然后，我们可以在 `setup` 函数中定义一个 `playVideo` 函数，以便在需要时播放视频。最后，我们将 `videoUrl` 和 `videoPlayer` 作为响应式变量返回，以便在模板中使用。