vue3 使用video播放视频

  <div>
    <video id="myVideoTwo" poster="@/assets/images/video-poster.jpg" :controls="isPlaying">
      <source src="@/assets/yalla.mp4" type="video/mp4" />
    </video>
    <--播放按钮图片-->
    <img
      v-if="!isPlaying"
      @click="videoPlayer"
      class="video-play-btn"
      src="@/assets/images/play-btn.png" />
  </div>

setup代码：

setup() {
	let video: any
 	onMounted(() => {
		// 初始化视频播放器
		video = document.getElementById('myVideoTwo')
	})
	const videoPlayer = () => {
      video.play()
      state.isPlaying = true
    }
    return {
      videoPlayer,
    }
}