title: HTML5, Firefox playing duplicate videos after jQuery insert
body: <p>I've extracted the following from a project we are working on:</p>
  
  <p><a href="http://www.bridgedev1.com/videotest.html" rel="nofollow noreferrer">http://www.bridgedev1.com/videotest.html</a></p>
  
  <p>This plays an OGV or M4V video depending on the browser, as one would expect.</p>
  
  <p>The page is loaded, then the video inserved using jQuery. This works perfectly in Safari and Chrome.</p>
  
  <p>The problem is that in Firefox (3.6.3). When you pause the video, a second copy of the video is still playing. </p>
  
  <p>Deleting the video element in Firebug removed the first, visible, video but left the soundtrack of a second video playing. The Network Traffic tab also revealed the 7.2 MB video was also loading twice.</p>
  
  <p>This problem occurs on both Windows and Mac, and is worse on the PC.</p>
  
  <p>Can anyone offer a soloution?</p>
  
  <p>Thanks</p>
  
  <p>Jim</p>