title: Modify iframe.src without entry to history object
body: <p>I have an iframe in my web page.  I modify the src property via javascript like so:</p>
  
  <pre><code>document.getElementById('myiframe').src = 'http://vimeo.com/videoid1';
  document.getElementById('myiframe').src = 'http://vimeo.com/videoid2';
  document.getElementById('myiframe').src = 'http://vimeo.com/videoid3';
  </code></pre>
  
  <p>However, everytime I do this, it's logged into the browser's history.  So everytime I press back in the browser window, the iframe content goes from videoid3 to videoid2 to videoid1.  If I press back again, the entire page goes back.</p>
  
  <p>I would like to modify the iframe src with javascript WITHOUT logging an entry into the browser's history.  So if i click the browser back button, the entire page goes back without updating the iframe.</p>
  
  <p>I tried doing something like:</p>
  
  <pre><code>document.getElementById('myiframe').contentWindow.location.replace('http://vimeo.com/videoid1');
  document.getElementById('myiframe').contentWindow.location.replace('http://vimeo.com/videoid2');
  document.getElementById('myiframe').contentWindow.location.replace('http://vimeo.com/videoid3');
  </code></pre>
  
  <p>Although this made the browser back button behave the way I wanted to, it broke certain things in the vimeo video.  Vimeo REQUIRES you to change urls via the iframe.src instead of contentWindow.location.replace().</p>
  
  <p>As such, how do I modify the iframe.src WITHOUT logging into history?</p>
  
  <p><strong>Related</strong>
  This is actually one of the solutions I'm exploring to solve the main problem, which I posted here  <a href="https://stackoverflow.com/questions/14722089/history-object-back-button-with-iframes">History object back button with iframes</a></p>