使用Google云端硬盘，您可以使用以下标记在您的网站中嵌入视频：
＆＃xA;＆＃xA; ＆lt; ** iframe src =“https://drive.google .com ** / file / d / LINKTOMYFILE / preview“width =”640“height =”480“frameborder =”0“scrolling =”no“seamless＆gt;＆lt; / iframe＆gt; ＆＃xA; ＆＃xA;＆＃xA; 在右上方有一个灰盒子。这会将您带到下载/嵌入GoogleDrive页面。我想阻止它。
＆＃xA;＆＃xA;任何人都知道如何隐藏它？
＆＃xA;＆＃xA;使用海关CSS或至少如何掩盖它？
＆＃xA;＆＃xA;这是我通过检查div中的元素得到的：
＆＃xA;＆＃xA;
＆lt; div class =“drive-viewer -opopout-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;＆＃xD;＆＃xA;＆lt; div class =”drive-viewer-icon drive-viewer-nav-icon“＆gt;＆＃xD; ＆＃XA;＆LT; / DIV＆GT;＆LT; / DIV＆GT; ＆＃的xD;＆＃XA; 答案 0 :(得分：3)
以下是我的工作。 弹出窗口没有被隐藏（它在几秒钟后隐藏起来）但它仍然无法访问。 我认为这是最难看的解决方案。
<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 ＆＃34;不透明度：0＆＃34;是Mozilla的解决方法
答案 1 :(得分：2)
你不能阻止它像Google实施的那样突然出现。您也无法正常更改按钮，因为它是Google的页面，您无法修改它。
除非您在子页面（谷歌页面）上启用了跨站点脚本，否则您无法“到达”由iframe加载的页面并对其进行修改，并且出于安全原因，Google绝不允许这样做。如果可以，我可以为人们提供Google云端硬盘页面，例如修改下载按钮以下载恶意软件。
唯一的解决方案是在按钮顶部的iframe上放置一个div。但是，它仍然不是很漂亮而且通常不赞成。 Google免费提供该服务，以便他们确定人们如何使用该服务。
如果您运行以下示例，请查看右上角的红色框。
类似的东西：
.hidebtn {
width: 100px;
height: 30px;
background: #FF0000;
position: absolute;
right: 50px;
top: 50px;
}<div class="hidebtn"> </div>
<iframe src="http://www.tweakers.net" frameborder="0" width="100%" height="500"></iframe>
答案 2 :(得分：1)
应该是这样的。我希望它有效。
<div style="width: 640px; height: 480px; position: relative;">
<iframe src="https://drive.google.com/file/d/0BxLbnVHP6GWpV2ZIZEc4SkNTOTQ/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>
答案 3 :(得分：1)
感谢s1h4d0，它对我有用，也许就编程而言，它不是最好的，但它可以工作，谢谢。
.hidebtn {
width: 60px;
height: 60px;
position: absolute;
right: 5px;
top: 5px;
background: #000000; /*remove this if you want to put only the logo.*/
}<iframe src="https://drive.google.com/file/d/1O71QlISu_yRvT5Q1_h3S8OHocjgpuhIx/preview" frameborder="0" width="100%" height="500"></iframe><div class="hidebtn"><img src="https://mungowarez.net/wp-content/uploads/2020/10/44918-O48GVC-01-2.png"></div>
如果上面的代码不起作用，请在div中添加内容，然后添加图像，如下所示：
.hidebtn {
width: 60px;
height: 60px;
position: absolute;
right: 5px;
top: 5px;
background: #000000; /*remove this if you want to put only the logo.*/
}<div class="hidebtn"><iframe src="https://drive.google.com/file/d/1O71QlISu_yRvT5Q1_h3S8OHocjgpuhIx/preview" frameborder="0" width="100%" height="500"></iframe><img src="https://mungowarez.net/wp-content/uploads/2020/10/44918-O48GVC-01-2.png"></div>
答案 4 :(得分：0)
我明白了。将URL中的drive.google.com更改为googledrive.com以及其他一些更改：
<body oncontextmenu="return false;">
<video src="http://googledrive.com/host/0B6VvIWR7judDX25yUGxVNERWUj" controls width="100%" height="auto"></video>
</body>
“body oncontectmenu”只是删除了右键单击屏幕上任何内容的功能，因为没有它，您可以右键单击视频并下载文件。当然，从整个页面中删除了右键单击功能，人们仍然可以通过检查页面源找到该文件。
答案 5 :(得分：0)
<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>
答案 6 :(得分：0)
对我来说，u32i64 / asd的答案非常有效，可以阻止图标被单击。为了摆脱黑条，我也将代码更改为：
<div class="responsive-container">
<iframe src="https://drive.google.com/file/d/1Fy4AwZZVF-DLAenTSxQl93icdXfef/preview" frameborder="0" scrolling="no" seamless=""></iframe>
<div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;"> </div>
确保http地址以“ PREVIEW”结尾）
重要您必须将其添加到“其他CSS”中：
.responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.responsive-container iframe, .responsive-container object, .responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
答案 7 :(得分：0)
有一种更简单的方法来阻止googledrive视频和文档上的弹出窗口， 无论您将html，嵌入式框架或灯箱放置在网站页面上的何处，都请插入矩形并将其放置在要阻止弹出窗口的位置。 接下来，单击形状以获取其属性，在那里您应该找到许多选项 清除所有其他选项，除非您想插入自己的链接或徽标，否则使形状透明，如果您可以选择显示边界线，我建议将此边界设置为1，直到您遮住弹出窗口的位置为止-out，一旦找到正确的位置，请删除边界线并将其锁定在适当的位置。这很有效，因为我已经多次使用此方法来阻止出现在视频和文档上的链接，这很简单，并且不需要使用任何代码。仅当您设置了文档或视频的尺寸时，此方法才有效。完成所有测试视频或文档的操作后，您会发现该图标仍然出现但无法单击。您可以使用这种方法阻止用户访问您的信息或第三方网站，从而使他们脱离您的页面。此方法还可以用于防止某人右键单击您的视频或文档和照片，如果他们尝试将其复制，则只会得到一个黑框。但是，您仍然可以从元素/源代码中获取信息。
答案 8 :(得分：0)
我尝试了之前的建议，但由于“ Google云端硬盘拒绝连接”而无法使用。
我想出了一种完全不同的方法来解决原始问题（避免“下载/嵌入GoogleDrive页面”），这很简单：
创建Google幻灯片演示文稿，在幻灯片中插入您在Google云端硬盘中的视频。
选择文件-发布到Web-嵌入，然后复制生成的代码。
在Google协作平台中，选择“嵌入-嵌入的代码”，然后将其粘贴到此处。
此解决方案还提供了您可以在幻灯片中为视频控制的更多选项，例如自动播放，选择视频定时等。
答案 9 :(得分：-2)
<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>