延迟从外部源加载iframe

Question

我有一个html模板，它包含在我的主页面中，如下所示：

<div id="ad_id">
    <script>
        adcompany.items.push(function () {
            adcompany.display('ad_id');
        });
    </script>
</div>

所以基本上我会有一个<div>，它实现了一些广告代码，一旦页面加载就会动态呈现iframe。在这个iframe内部，有多个图像呈现给页面。

由于页面上的其他图片都是延迟加载的，我希望iframe的内容也可以延迟加载 - 所以只要它在视口中，就会加载iframe。

我几乎尝试了在网上找到的所有内容：

lazy load iframe (delay src http call) with jquery

How to lazyload a iframe with caching in mind

不幸的是没有任何结果，我不想使用外部插件。

我想举几个代码示例，但坦率地说我真的不知道从哪里开始所以也许其他人已经有过这个场合了。

谢谢！