---
title: "图片与嵌入"
description: "学习在 Movk Nuxt Docs 文档中添加图片和视频媒体内容。支持标准 Markdown 图片语法和本地图片路径（底层使用 NuxtImg 优化），以及 :video 指令嵌入 HTML5 视频，支持自动播放、循环和控制条等属性配置。"
canonical_url: "https://docs.mhaibaraai.cn/docs/typography/media"
---
# 图片与嵌入

> 学习在 Movk Nuxt Docs 文档中添加图片和视频媒体内容。支持标准 Markdown 图片语法和本地图片路径（底层使用 NuxtImg 优化），以及 :video 指令嵌入 HTML5 视频，支持自动播放、循环和控制条等属性配置。

## Markdown

使用标准的 Markdown 语法来显示图片或视频。

### 图片

```mdc
![Nuxt 社交图片](https://nuxt.com/new-social.jpg)
```

或者使用本地图片：

```mdc
![夕阳下云海中的雪山](/mountains.webp)
```

> [!NOTE]
> See: https://image.nuxt.com/
> 
> Movk Nuxt Docs 在底层会使用 
> 
> <NuxtImg>
> 
>  组件，而不是原生的 
> 
> <img>
> 
>  标签。

### 视频

::prose-code-preview
:video{:autoplay="true" :controls="true" :loop="true" src="https://media.w3.org/2010/05/sintel/trailer.mp4"}::template{v-slot:code=""}
```mdc
:video{autoplay controls loop src="https://media.w3.org/2010/05/sintel/trailer.mp4"}
```
::
::


## Sitemap

See the full [sitemap](https://docs.mhaibaraai.cn/sitemap.md) for all pages.