title: Add a div to replace Video after Video Plays Through
body: <p>How can I code a video; that will play through; and after it runs to the end. The video is then replaced with a <strong>div</strong> (Specifically within that #div an animated gif).</p>
  
  <p>But in anycase; how could I write this?</p>
  
  <p>Something like; <em>(But I don't want a new Window / URL; but a div to replace inline)</em></p>
  
  <pre><code>$oVideo.bind('ended', function() {
  window.location = 'http://coolurl.com';
  $oVideo[0].pause();
  $oPause.hide();
  $oPlay.css('display', 'block');
  });
  </code></pre>
  
  <p><strong>Basically; Video plays through > it ends > Video disappears > A div replaces it</strong> (#div with an animated gif in it).</p>