Как заблокировать всплывающие, баннерные и видеообъявления в iframe?

Я внедряю видео, в котором есть всплывающие рекламные баннеры выхода и видеообъявления. Когда вы где-нибудь в видео, всплывающие окна открываются автоматически или как нажимать на значок 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>

Ответы

Ответ 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>