Video.js changing source, but does not show new source
<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>