如何使用来自谷歌驱动器的 <iframe> 停止嵌入视频中的“弹出”

Question

使用 Google Drive，您可以在您的网站中嵌入带有以下标签的视频：

 <**iframe src="https://drive.google.com**/file/d/LINKTOMYFILE/preview"  width="640" height="480" frameborder="0" scrolling="no" seamless></iframe>

在 右上角有一个灰色框。这会将您带到下载/嵌入 GoogleDrive 页面。我想阻止它。

有谁知道 如何隐藏 它？

或者至少如何用海关 CSS 来掩盖它？

这是我通过检查 div 中的元素得到的：

 <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;">
<div class="drive-viewer-icon drive-viewer-nav-icon">
</div></div>

原文由 Fra Oaks Jv 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一个简单的选项是使用 沙盒参数 避免弹出窗口，并只允许需要谷歌驱动器来重现视频的选项：

 <iframe src="https://drive.goo..." sandbox="allow-same-origin allow-scripts"></iframe>

它不会隐藏按钮，但会阻止 iframe 弹出一个新窗口，因此按钮变得无用。

原文由 Fernando Lobo 发布，翻译遵循 CC BY-SA 4.0 许可协议