> ## Documentation Index
> Fetch the complete documentation index at: https://www.usenotra.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Media
> Frame screenshots, and embed your own videos or YouTube.
Images in posts already get rounded corners and a thin outline, and they go in `public/` with a path from the root, like `/images/editor.png`. See [Images](/docs/sites/posts#images).
## Frame
`Frame` puts a border around an image and adds a caption under it.
```mdx theme={"system"}
```
Centered text under the frame.
Frames carry the class `frame`.
## Video
`Video` plays a video file from your repository or any URL, with the browser's controls.
```mdx theme={"system"}
```
The video file, where `.mp4` and `.webm` files in `public/` work up to 25 MB each.
An image shown before the video plays.
A description for screen readers.
Until a reader presses play, the browser only loads the video's length and size, so set `poster` to choose what shows before that. For longer videos, use YouTube.
## YouTube
`YouTube` embeds a video from YouTube by its ID.
```mdx theme={"system"}
```
The video ID, the part after `v=` in a YouTube URL.
A description for screen readers.
Notra embeds the video from `youtube-nocookie.com` in 16:9, and it loads only when a reader scrolls near it.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.