Video

HTML

<figure class="video video--aspect-16-9">
  <lite-youtube youtubeid="pygGug3TCaI" data-captions="false">
    <img alt="Video thumbnail" src="https://img.youtube.com/vi/pygGug3TCaI/default.jpg" data-srcset=
    "https://img.youtube.com/vi/pygGug3TCaI/default.jpg 120w,https://img.youtube.com/vi/pygGug3TCaI/mqdefault.jpg 320w,https://img.youtube.com/vi/pygGug3TCaI/hqdefault.jpg 480w,https://img.youtube.com/vi/pygGug3TCaI/maxresdefault.jpg 1280w"
    class="lty-bg lazyload" data-sizes="auto"> <a href="https://youtube.com/watch?v=pygGug3TCaI" class="lty-playbtn" title="Play Video"><span class=
    "lyt-visually-hidden">Play Video</span></a>
  </lite-youtube>
  <figcaption>
    This is the (optional) video caption
  </figcaption>
</figure>

Video (Square)

HTML

<figure class="video video--aspect-1-1">
  <lite-youtube youtubeid="pygGug3TCaI" data-captions="false">
    <img alt="Video thumbnail" src="https://img.youtube.com/vi/pygGug3TCaI/default.jpg" data-srcset=
    "https://img.youtube.com/vi/pygGug3TCaI/default.jpg 120w,https://img.youtube.com/vi/pygGug3TCaI/mqdefault.jpg 320w,https://img.youtube.com/vi/pygGug3TCaI/hqdefault.jpg 480w,https://img.youtube.com/vi/pygGug3TCaI/maxresdefault.jpg 1280w"
    class="lty-bg lazyload" data-sizes="auto"> <a href="https://youtube.com/watch?v=pygGug3TCaI" class="lty-playbtn" title="Play Video"><span class=
    "lyt-visually-hidden">Play Video</span></a>
  </lite-youtube>
  <figcaption>
    This is the (optional) video caption
  </figcaption>
</figure>