如何在iframe中屏蔽弹出式广告,横幅广告和视频广告？

Question

我正在嵌入包含退出弹出式横幅广告和视频广告的视频.当您在视频中的任何位置,然后弹出窗口自动打开或如何单击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这样的视频,并且这些网站在视频播放器中充满了弹出窗口和横幅广告.

Answer 1

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

Sandbox属性具有以下值:

allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-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>

您可以在此处找到有关sandbox属性的更多信息.请注意,此属性是HTML5中的新属性.