vue3监听video播放结束

在 Vue3 中监听视频播放结束，你可以通过 `v-on` 指令配合 `@ended` 事件来实现。首先，你需要在 HTML 模板上绑定这个事件到一个视频元素上：

<template>
  <div>
    <video ref="myVideo" @ended="handleVideoEnd"></video>
  </div>
</template>

然后，在对应的 Vue 组件的 script 部分，定义 `handleVideoEnd` 方法，当视频播放结束后会触发这个函数：

<script setup>
import { ref } from 'vue';

const myVideo = ref(null);

function handleVideoEnd() {
  // 在这里添加你想在视频播放结束时执行的逻辑
  console.log('Video has ended');
}

onMounted(() => {
  // 如果需要的话，可以在这里初始化 video
  myVideo.value.play();
})
</script>

这样，当你调用 `myVideo.value.play()` 开始播放视频后，如果播放结束，`handleVideoEnd` 方法会被自动调用。