title: ReactPlayer make 2 file play in same time
body: <p>I want to play 2 file in <code>reactjs</code> use <code>ReactPlayer</code> , file 1 is video music include audio human voice  , file 2 is music only but the human voice has been deleted.</p>
  <p>The problem when I run the code below is file 1 may start sooner than file 2 or vice versa , my question is can I play 2 file together , so when file 1 loading or render , file 2 will do same as file 1</p>
  <p>This the code</p>
  <pre><code>import React, { useState } from &quot;react&quot;;
  import ReactPlayer from &quot;react-player&quot;;
  
  function App(){
    const [playing, setPlaying] = useState(true);
    const [muted, setMuted] = useState(true);
  
    function handlePlayPause() {
      setPlaying(!playing);
    }
  
    function handleMuted() {
      setMuted(!muted);
    }
  
    return(
    &lt;div&gt;
       //play video music &quot;I can fly include the music with human vocal&quot;
       &lt;ReactPlayer
          playing={playing}
          url={&quot;I can Fly.mp4&quot;}
          muted={muted}
        /&gt;
  
        //play music only &quot;I can fly (the file no human vocal)&quot;
        &lt;ReactPlayer
          playing={playing}
          url={&quot;I can fly(no vocal).mp3&quot;}
          muted={!muted}
          hidden
        /&gt;
        &lt;button onClick={() =&gt; handlePlayPause()}&gt;
          {playing ? &quot;pause&quot; : &quot;play&quot;}
        &lt;/button&gt;
        &lt;button onClick={() =&gt; handleMuted()}&gt;
          {muted ? &quot;vocal&quot; : &quot;no vocal&quot;}
        &lt;/button&gt;
    &lt;/div&gt;
  )}
  
  export default App;
  </code></pre>
  <p>Hope you guys understand what I'm asking , sorry for my bad English :D</p>