--- 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](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](/mountains.webp) #code ```mdc ![Snow-capped mountains in a sea of clouds at sunset](/mountains.webp) ``` :: ::note{to="https://image.nuxt.com/"} Docus will use `` 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 ```mdc :video{autoplay controls loop src="https://res.cloudinary.com/dcrl8q2g3/video/upload/v1745404403/landing_od8epr.mp4"} ``` :: ###