1

我正在尝试使用 Vue.js 创建一个 Tizen 项目。我有两个想要在电视上播放的视频，但是当它们播放时，一个接一个地开始，只有几分之一秒的差异。我怎么能同时玩两个？

这是我的 Vue 模板中的 HTML 通讯录：

<template>
  <div class="video">
    {{ msg }}
    <video id="video1" src="myvideo.mp4" width="600" height="300"></video>
    <video id="video2" src="myvideo.mp4" width="600" height="300"></video>
  </div>
</template>

这是我要求播放视频的方法的地方：

<script>
  export default {
    data(){
      return{
        msg: "Videos"
      }
    },
    async mounted(){
      var video1 = document.getElementById("video1")
      var video2 = document.getElementById("video2")

      setTimeout(() => {
        video1.play()
        video2.play()
      }, 2000)
    }
  }
</script>
4

0 回答 0