title: HTML5 Video in iPad not working after DOM changes
body: <p>Here is a script that appends the markup for an html5 video to the DOM:</p>
  
  <pre><code>document.body.innerHTML = '&lt;video id="video" controls="controls" src="http://mirror.cessen.com/blender.org/peach/trailer/trailer_iphone.m4v" type="video/mp4"&gt;&lt;/video&gt;';
  var el = document.getElementById('video');
  document.body.removeChild(el);
  document.body.appendChild(el);
  </code></pre>
  
  <p>jsfiddle demo:
  <a href="http://jsfiddle.net/h8RLS/2/" rel="noreferrer">http://jsfiddle.net/h8RLS/2/</a></p>
  
  <p>This works in all browsers tested, except for Safari on iOS.  In iOS, when the HTMLVideoElement is re-appended to the DOM, it is no longer playable.</p>
  
  <p>Has anyone else resolved or encountered this issue?</p>