How embedding the map animation looks in real text

A demo page so we can see the iframe in context — and copy the snippet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. The animation below was composed in the editor and shared as a URL hash; the iframe loads the chrome-free /view route at that hash.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

An alpine flight composed in the editor and embedded here at 16:9, fluid width.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. The iframe scales to whatever container it sits in — drop it into a blog post, a landing page, or a presentation slide.

The snippet

Paste this into any HTML page. The aspect-ratio + width: 100% combo keeps the player responsive; loading="lazy" defers the map until the iframe scrolls into view.

<iframe
  src="https://versatiles.org/versatiles-map-animation/view#kf=BRsh_gMZEhN5cto_FxU4_rxdbktXYYxHWKqe5vcPaTDbL7d3D_lfh1Ml5l11G_AQQFfX4ThT9bPuAeyAABSa3tzoQITYwtzHja9P-odPx4dkAAAVQwA"
  style="width:100%;aspect-ratio:16/9;border:0"
  loading="lazy"
  allowfullscreen></iframe>

Compose your own animation in the editor and use the 🖼 Embed… menu item to copy a snippet for your animation.