如何停止“弹出”在带有< iframe>的嵌入式视频中从谷歌驱动器 [英] How to stop "pop out" in embedded video with <iframe> from google drive
问题描述
使用Google云端硬盘,您可以将视频嵌入带有以下标记的视频:
with Google Drive you may embed videos in your website with the tag:
<**iframe src="https://drive.google.com**/file/d/LINKTOMYFILE/preview" width="640" height="480" frameborder="0" scrolling="no" seamless></iframe>
。这将带您进入下载/嵌入GoogleDrive页面。我想阻止它。
on the Top Right there is a Gray Box. This takes you to the download / embedding GoogleDrive page. I'd like to stop that.
任何人都知道如何隐藏吗?
或者至少如何用海关CSS对其进行掩盖?
这是通过检查div中的元素得到的:
this is what I get by inspecting the element in the 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>
推荐答案
谢谢托马斯!好主意!
以下内容对我有用。
弹出窗口未隐藏(几秒钟后隐藏),但仍然无法访问。
我认为这是最丑陋的解决方案。
The following does the job for me. The pop-out is not hidden (it hides itself after few seconds) but it stays inaccessible. I think it is the least ugly solution.
<div style="width: 640px; height: 480px; position: relative;">
<iframe src="https://drive.google.com/file/d/LINKTOMYFILE/preview" width="640" height="480" frameborder="0" scrolling="no" seamless=""></iframe>
<div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;"> </div>
</div>
PS
对于Mozilla, opacity:0是一种解决方法
PS The "opacity: 0" is a workaround for Mozilla
这篇关于如何停止“弹出”在带有< iframe>的嵌入式视频中从谷歌驱动器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!