title: Append Child only works first time for Iframe, cloneNode doesn't resolve
body: <p>I'm building a web app to display videos from an environmental subreddit. The text and titles repeat OK using Append Child, but the video iframe only loads once. </p>
  
  <p><a href="http://codepen.io/Teeke/pen/KWaYRe" rel="nofollow noreferrer">http://codepen.io/Teeke/pen/KWaYRe</a></p>
  
  <p>Here's the code of the node I want to repeat:</p>
  
  <pre><code> node.innerHTML = `
     &lt;h2 class="centered"&gt;
       &lt;a href="${post.link}"&gt;
        &lt;br&gt;
       &lt;iframe id="iframe-test" width="auto" height="auto" src=""&gt;
   &lt;/iframe&gt;
  &lt;br&gt;
        ${post.title} 
      &lt;/a&gt;
    &lt;br&gt;&lt;br&gt;
  &lt;/h2&gt;`;
  </code></pre>
  
  <p>I searched 'append child only works once' and found two sources. </p>
  
  <ul>
  <li><p><a href="https://stackoverflow.com/questions/8981145/appendchild-only-works-first-time">Append child only works once</a></p></li>
  <li><p><a href="https://stackoverflow.com/questions/4222186/using-appendchild-multiple-times-with-the-same-node-in-js?rq=1">Using appendChild multiple times with the same node in JS</a></p></li>
  </ul>
  
  <p>So I've tried the following which comes from the second link.</p>
  
  <pre><code> app.appendChild(node.cloneNode(true));
  </code></pre>
  
  <p>But it still doesn't work for me. I don't understand why js will clone the rest of the element but not the iframe.</p>