title: Tizen Studio and Vue JS: HTML Video doesn't play at the same time
body: <p>I'm trying to create a Tizen Project with Vue.js. I have two videos that I want to show on TV, but when they are played, one starts after other, with just some fraction of seconds difference. How could I play both at the same time?</p>
  <p>Here is the HTML correspondent in my Vue template:</p>
  <pre><code>&lt;template&gt;
    &lt;div class=&quot;video&quot;&gt;
      {{ msg }}
      &lt;video id=&quot;video1&quot; src=&quot;myvideo.mp4&quot; width=&quot;600&quot; height=&quot;300&quot;&gt;&lt;/video&gt;
      &lt;video id=&quot;video2&quot; src=&quot;myvideo.mp4&quot; width=&quot;600&quot; height=&quot;300&quot;&gt;&lt;/video&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  </code></pre>
  <p>Here is where I call for the method to play video:</p>
  <pre><code>&lt;script&gt;
    export default {
      data(){
        return{
          msg: &quot;Videos&quot;
        }
      },
      async mounted(){
        var video1 = document.getElementById(&quot;video1&quot;)
        var video2 = document.getElementById(&quot;video2&quot;)
  
        setTimeout(() =&gt; {
          video1.play()
          video2.play()
        }, 2000)
      }
    }
  &lt;/script&gt;
  </code></pre>