title: How to lazy load a youtube video embedded on an iframe?
body: <p>How do I apply lazy loading to an <code>iframe</code> embedding a video?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;iframe src="https://www.youtube.com/embed/teL-R6yimDY"
      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
      allowfullscreen=""
      width="560"
      height="315"
      frameborder="0"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I have tried to add <code>loading="eager"</code>, <code>loading="auto"</code> and <code>loading="lazyload"</code></p>