title: Embed videos with iframe in React JSX
body: <p>Apologies for naive question, because clearly I'm missing something obvious.</p>
  
  <p>My simple stateless iframe component:</p>
  
  <pre><code>const Video = ({ src }) =&gt; (
    &lt;iframe
      allowFullScreen
      frameborder="0"
      height="315"
      src={src}
      width="560"
    /&gt;
  );
  export default Video;
  </code></pre>
  
  <p>which I use like so in a <code>Parent</code> stateless component:</p>
  
  <pre><code>import Video from 'Video';
  
  const Parent = (props) =&gt; (
    &lt;div&gt;
      &lt;Video src="https://www.youtube.com/watch?v=WlRxNSRA7Rg"/&gt;
    &lt;/div&gt;
  );
  
  export default Parent;
  </code></pre>
  
  <p>This seems to render properly, but the iframe is blank.</p>
  
  <p>I suspect is something to do with the media event that React supports, but any help would be appreciated.</p>