# Video

A video stays alongside the explanation it supports. Press Play to load it.

Try the same short lesson in [Focus](./video-focus.demo.md?play=focus) or
[Slides](./video-focus.demo.md?play=presentation).

LearnFree’s introduction to typography shows how type choices, spacing, and
hierarchy shape what people read.

[@video Beginning Graphic Design: Typography](https://www.youtube.com/watch?v=sByzHoiYFX0)

---

## Start at a moment

Start one minute into LearnFree’s lesson on layout and composition. Add a
timestamp to the URL to choose where a video begins.

```md
[@video Layout & Composition](https://youtu.be/a5KYlHNKQB8?t=1m)
```

[@video Beginning Graphic Design: Layout & Composition](https://youtu.be/a5KYlHNKQB8?t=1m)

---

## A Loom recording

Loom’s walkthrough shows how to record a presentation, with tips for setup,
recording, and sharing. It keeps Loom’s built-in playback controls.

[@video Recording a presentation with Loom](https://www.loom.com/share/e00c8856f48049519ca6bece165b449a)

---

## A Vimeo film

*Alike*, by Daniel Martínez Lara and Rafa Cano Méndez, uses color and movement
to tell a story about creativity. This Vimeo embed keeps its native controls.

[@video Alike — a short film about creativity](https://vimeo.com/194276412)

---

## A local video

Compare three movements across the same distance. Linear motion keeps a steady
speed; easing changes how the movement begins or ends.

```md
[@video(thumbnail="./video/easing.svg" width=640 captions="./video/easing.en.vtt" language="en") Motion study](./video/easing.mp4)
```

[@video(thumbnail="./video/easing.svg" width=640 captions="./video/easing.en.vtt" language="en") Motion study](./video/easing.mp4)

See the [Video reference](../docs/authoring/video.reference.md) for setup.