title: How do i change the src of an html5 video via javascript without either crashing chrome or leak memory?
body: <p>I'm working on an application running on Chrome only.</p>
  
  <p>I need to be able to switch the source from a playing video.</p>
  
  <p>I've used javascript (&amp;jQuery) to change the <code>src</code> attribute :</p>
  
  <pre><code>$fullscreenVideo.get(0).src = '/video/' + name + '.mp4'; // crash here
  $fullscreenVideo.get(0).load();
  $fullscreenVideo.get(0).play();
  </code></pre>
  
  <p>It works a few times but my chrome (tried beta &amp; dev channels) ends up crashing (page become unresponsive).</p>
  
  <p>If i try to create a new element prepending last codeblock with :</p>
  
  <pre><code>$fullscreenVideo.remove();
  $fullscreenVideo = $('&lt;video id="video-fullscreen" width="800" height="600" loop="loop"&gt;&lt;/video&gt;').appendTo("#page-fullscreen &gt; div.fullscreen");
  </code></pre>
  
  <p>Every video switch increase RAM by 20Mo without ever getting back down.</p>
  
  <p>Is there a way to trace/prevent chrome crash en src update ?
  Is there a way to force free memory ?</p>