title: How to stop "pop out" in embedded video with <iframe> from google drive
body: <p>with Google Drive you may embed videos in your website with the  tag:</p>
  
  <pre><code>&lt;**iframe src="https://drive.google.com**/file/d/LINKTOMYFILE/preview"  width="640" height="480" frameborder="0" scrolling="no" seamless&gt;&lt;/iframe&gt; 
  </code></pre>
  
  <p>on the <strong>Top Right there is a Gray Box</strong>. This takes you to the download / embedding GoogleDrive page. I'd like to stop that.</p>
  
  <p>Anyone one knows <strong>how to hide</strong> it?</p>
  
  <p><strong>Or at least how to mask it</strong> with a customs CSS?</p>
  
  <p>this is what I get by inspecting the element in the div:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>&lt;div class="drive-viewer-popout-button drive-viewer-dark-button goog-inline-block drive-viewer-button" role="button" tabindex="0" data-tooltip-unhoverable="true" data-tooltip-delay="500" data-tooltip-class="drive-viewer-jfk-tooltip" data-tooltip-align="b,c" data-tooltip-offset="-6" aria-label="Pop out" data-tooltip="Pop out" style="-webkit-user-select: none;"&gt;
  &lt;div class="drive-viewer-icon drive-viewer-nav-icon"&gt;
  &lt;/div&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>