title: Video.js changing source, but does not show new source
body: <p>Sorry for my lack of knowledge on this topic</p>
  <p>I have a script that changes the source of the video player. And it does just that. The only problem is that the Video.js player plays the first source assigned to it.</p>
  <pre><code>document.getElementById(&quot;vid-player_html5_api&quot;).innerHTML = &quot;&quot;;
  
  document.getElementById(&quot;vid-player_html5_api&quot;).innerHTML = &quot;&lt;source src='&quot; + link + &quot;' type='video/mp4'&gt;&quot;;
  document.getElementById(&quot;vid-player_html5_api&quot;).muted = false;
  </code></pre>
  <p>So if there were two buttons, and you clicked <em>Button 1</em> it would change the source of the player and show the correct video. Then lets say you clicked <em>Button 2</em> it would change the source of the player, <strong>but it would still show the same video it showed for Button 1</strong></p>
  <p><em>It is proven that it changes the source, I checked the Chrome Dev tools and surely enough it changed the source</em></p>
  <h1>How do I fix this?</h1>