4.images-embeds.md 1.0 KB


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 Docus theme

Markdown

Display images or videos using standard Markdown syntax.

Images

::code-preview Nuxt Social Image

#code

![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

#code

![Snow-capped mountains in a sea of clouds at sunset](/mountains.webp)

::

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

Videos

::prose-code-preview :video{autoplay controls loop src="https://res.cloudinary.com/dcrl8q2g3/video/upload/v1745404403/landing_od8epr.mp4"}

#code

:video{autoplay controls loop src="https://res.cloudinary.com/dcrl8q2g3/video/upload/v1745404403/landing_od8epr.mp4"}

::

###