如何在 iframe 中加载弹出式广告答案

【问题标题】：How to load pop-up ad inside an iframe如何在 iframe 中加载弹出式广告
【发布时间】：2022-02-10 15:05:48
【问题描述】：

我正在为我的网站实施弹出式广告。单击网站上除 iframe 以外的任何位置时，弹出窗口都会打开。为什么会这样？确定 iframe 与整个网站是分开的，但为什么它会阻止加载弹出窗口？无论如何在 iframe 中加载弹出广告，即当有人按下播放按钮时

【问题讨论】：

iframe 内容上的点击事件由该 iframe 内容处理。至于你的问题，可能不是。您需要一种捕获点击的方法，但这意味着点击您可以控制的内容。但是，这样做的技术也会阻止与 iframe 的交互。
请不要使用 iFrames designyourway.net/blog/misc/… 请改用模态框。
你控制 iframe 中的页面吗？如果它是第三方网站，那么您可能无法做到这一点（除非他们专门为您提供了一种使用方法，例如 postMessage）

标签： javascript html iframe

【解决方案1】：

YT 不允许任何人将其播放按钮与事件侦听器一起使用。因此，您必须创建一个<div class="play"></div> 使其成为position: absolute; 和z-index: (any bigger value)，然后将其放在播放按钮的前面，然后如果有人试图单击您视频的 paly 按钮，他将单击 div 这将展示一个广告，当一些人关闭广告时，然后制作.play{ display: none;}，现在您的 div 将被删除，因此该人将能够点击播放按钮并观看视频。

【讨论】：