How to stop "pop out" in embedded video with <iframe> from google drive
<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>