title: Show iframe over main content on button click in React
body: <p>I'm supernew in React.
  So I have a simple video frame component like this:</p>
  <pre><code>import React from 'react';
  
  const Video = ({ src }) =&gt; (
      &lt;iframe
          allowFullScreen
          frameborder=&quot;0&quot;
          height=&quot;315&quot;
          src={src}
          width=&quot;560&quot;
      /&gt;
  );
  export default Video;
  </code></pre>
  <p>And I have another button component:</p>
  <pre><code>&lt;Button
     className=&quot;sub-category-card__button&quot;
     onClick={()=&gt; window.open(item.videoUrl, &quot;_blank&quot;)}}
    &gt;Open
  &lt;/Button&gt;
  </code></pre>
  <p>So now on button click I open a provided url in a new window.
  But my aim is by button click open some full screen div over the main content and show video iframe component inside with provided url.
  What should be inside OnClick function?</p>