title: Post new iframe src, monitor and reload on change
body: <p>I've read multiple Q&amp;A on here regarding changing the iframe src URL via form post etc however none seem to have what I'm trying to accomplish. Using jQuery or JavaScript if possible.</p>
  
  <p>So I have <strong>index.html</strong> which contains 1 iframe.</p>
  
  <pre><code>&lt;html&gt;
  ..
  &lt;iframe id="stream" marginwidth="0" marginheight="0" scrolling=no allowtransparency=true frameborder="0" framespacing="0" webkitallowfullscreen allowfullscreen name="stream" width="100%" height="100%" src="https://youtu.be/JIdaZ2EJ1Zk"&gt;
  ..
  etc
  &lt;/html&gt;
  </code></pre>
  
  <p>And on a separate page I have a <strong>form.html</strong> file which will let me post a new src url for the iframe.
  I'm trying to change the src of the iframe in <strong>index.html</strong> from <strong>form.html</strong> with no luck.</p>
  
  <p>For example the user will be watching the initial iframe src.</p>
  
  <p>Running maybe a JavaScript check every 5 seconds to "<strong>detect iframe src change</strong>" or a better method is welcome.
  it will then reload the iframe to the url from the form post. any help is greatly appreciated sorry for the long winded question I'm bad at explaining..</p>
  
  <p><strong>Nutshell:</strong> form post new src url, detect src url change and reload only the iframe with new url src.</p>