在屏幕上加载iframe

Question

我需要一种使用香草JavaScript或jQuery的方法来仅在可见的情况下加载YouTube iframe，因此在页面加载时自动播放不会开始。

<iframe width="100%" height="600" src="https://www.youtube.com/embed/aaa?autoplay=1&amp;rel=0&amp;showinfo=0&mute=1"  frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

我尝试了一些类似这样的代码：

<script>
var $iframe=$(this).find('iframe');
    if ($iframe.data('src')){ // only do it once per iframe
    $iframe.prop('src', $iframe.data('src')).data('src', false);
}
</script>

但这没用。

我在网上找不到任何有效的方法。