> AI coding agents: see [/llms.txt](/llms.txt) for the full documentation index. Markdown version: [/docs/manual/en/essentials/images-embeds.md](/docs/manual/en/essentials/images-embeds.md).

---
title: Images and Embeds
description: Add image, video, and other HTML elements
navigation:
  icon: i-lucide-image
seo:
  description: Add image, video, and other HTML elements using TockDocs theme
  title: Images and Embeds
---

## Markdown

Display images or videos using standard Markdown syntax.

### Images

::code-preview
![Nuxt Social Image](https://nuxt.com/new-social.jpg)

#code

```mdc
![Nuxt Social Image](https://nuxt.com/new-social.jpg)
```

::

Or with your local images

::code-preview
![Snow-capped mountains in a sea of clouds at sunset](https://ptg90phsi6rf8j7h.public.blob.vercel-storage.com/site/mountains.webp)

#code

```mdc
![Snow-capped mountains in a sea of clouds at sunset](https://ptg90phsi6rf8j7h.public.blob.vercel-storage.com/site/mountains.webp)
```

::

::note{to="https://image.nuxt.com/"}
TockDocs will use `<NuxtImg>` component under the hood instead of the native `img` tag.
::

### Videos

Use the built-in `video` component with a local or remote media file.

```mdc
:video{autoplay controls loop src="/videos/demo.mp4"}
```