title: Multiple HTML5 videos not loading
body: <p>I've got some problems loading multiple HTML5 videos with the help of jQuery. I tried searching before on Google and Stackoverflow, but I didn't find the solution.</p>
  
  <p>Anyways, I've got 2 buttons, when I click a button, then there opens a popup with a video tag. No problem to make, so I added a 'rel' attribute with the name of the movie file on the div.</p>
  
  <p>When opening one div (it gets the active class), I make a source tag with the Append function in jQuery, which fills in with the rel:</p>
  
  <pre><code>    var target = "videos/" + $(this).find("#videoplayer").attr("rel");
      $(".active video").append('&lt;source src="' + target + '"  type="video/webm"&gt;');
  </code></pre>
  
  <p>and then I use .remove() when I close the div, done.</p>
  
  <p>Opening the first button with the video works instantly perfect. However, opening the second button: the video doesn't even start. All I see is a frozen screen.</p>
  
  <p>Refreshing the page and opening the second button doesn't work either, it's again frozen and the first one works perfect. I don't know what the problem is with the second video but it's weird..</p>
  
  <p>I've got the scripts uploaded in jsFiddle:
  <a href="https://jsfiddle.net/5xmbu3nL/" rel="nofollow">https://jsfiddle.net/5xmbu3nL/</a></p>
  
  <p>Thanks for helping me.</p>