问题描述

我正在嵌入包含退出弹出式横幅广告和视频广告的视频。当您在视频中的任何位置
时，弹出窗口会自动打开，或者如何点击 X 图标来关闭横幅广告。 

.iframe{  width: 100%;  float: left;  margin-top: 5px;
}

<div class="iframe">
   <iframe width="1000" height="600" src="https://www.youtube.com/embed/Sb_60g3u1LU" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>

我正在使用其他第三方网站托管视频，如vidzi.tv& openload.co和这些网站充满了视频播放器中的弹出窗口和横幅广告。 

推荐答案

您可以在iframe中添加 sandbox 属性。仅允许您添加到属性的值。浏览器不允许在沙箱属性中添加任何值。

沙盒属性具有以下值：

allow-formsallow-pointer-lockallow-popupsallow-same-originallow-scriptsallow-top-navigation

我有修改了您的代码以包含沙盒选项，但未添加 allow-popups ，因此此iframe中不允许弹出窗口。

<div class="iframe">
   <iframe sandbox = "allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation" width="1000" height="600" src="https://www.youtube.com/embed/Sb_60g3u1LU" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>

您可以找到有关沙箱属性的更多信息此处。请注意，此属性是HTML5中的新属性。

这篇关于如何在iframe中屏蔽弹出式广告，横幅广告和视频广告？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

转载:https://www.it1352.com/1060527.html