Media

Examples for embedding images and videos (YouTube, Vimeo, and local MP4) in Aero2.

December 31, 2025 • Jake Turner

• Images
  • Basic image (live)
  • Basic image markup
  • Figure + caption (live)
  • Figure markup
• Embedded video (YouTube / Vimeo)
  • YouTube
  • Youtube markup

This page shows a few reliable ways to embed media that stay responsive and look clean inside the layout.

---

Images

Basic image (live)

Caption goes here

Basic image markup

<img
  class="rf-media"
  src="/assets/img/crt.gif"
  alt="CRT animation"
  loading="lazy"
  decoding="async"
>

---

Figure + caption (live)

A caption that reads like print: clear, short, and descriptive.

Figure markup

<figure class="rf-figure">
  <img
    class="rf-media"
    src="/assets/img/crt_nature.gif"
    alt="Sample image description."
    loading="lazy"
    decoding="async"
  >
  <figcaption class="rf-caption">
    A caption that reads like print: clear, short, and descriptive.
  </figcaption>
</figure>

---

Embedded video (YouTube / Vimeo)

Use an iframe wrapped in a responsive container.

YouTube

波 - Webinar™

Youtube markup

{% include rf/youtube.html
   id="dQw4w9WgXcQ"
   caption="波 - Webinar™"
%}

Comments