Building a video walkthrough into your docs

Some things are easier shown than told. Here's how an article composes the Content and Media kits — video, audio, and share — on one set of tokens.

The video above is the Media kit's responsive .embed wrapper — drop any iframe in and it keeps a 16:9 ratio. Prefer audio? The same kit ships a player:

Episode 14 — One foundation, every surface
12:0438:21

Why compose kits

The article body is the Content kit's .prose; the video and audio are the Media kit. Because both reference the same tokens, they theme together — no seams.

Write once, compose per page. The reader never sees the kit boundary.

What you get

  • Responsive video embeds
  • An audio player for podcasts
  • Share + follow, all themed
Share this
A
Ada N.

Lead engineer on Qazana Strata.