# 音频与视频

编辑 HTML 媒体块，并选择已上传的资源。

import ContentEditor from '@/components/editor/ContentEditor.astro';

## 添加视频

在 `/` 菜单中选择 Video，插入空视频块，再通过媒体选择器上传或选择已就绪的视频。也可以在源码模式中使用普通 HTML 编写视频。选中已有媒体块后，可以更换其资源。

## 可视化编辑

直接编辑媒体区块，再切换到源码查看文档中保留的 HTML。

<ContentEditor content="audio-video" />

```html
<figure>
  <video
    src="https://media.prosefly.com/_video/visual-editor-1.mp4"
    width="1920"
    height="1080"
    controls
    playsinline
  ></video>
  <figcaption>Prosefly 中的可视化编辑。</figcaption>
</figure>
```

视频块的选项包括显示播放控件、行内播放和预加载方式。figure 的图注属于文档内容，可以与媒体一起编辑。

## 添加音频

音频使用 HTML 媒体块。可以先在源码模式中编写，再在可视化模式中使用对应的媒体控件。请将下面的示例 URL 替换成媒体库中音频的地址。

```html
<audio src="https://example.com/episode.mp3" controls></audio>
```

文档或资源的 schema 也可以定义音频属性。这类音频通过属性控件编辑，不属于正文中的媒体块。

## 检查网站中的播放效果

上传的音视频与 Git 分开保存，通过 URL 引用。发布页面中的播放行为由网站的 HTML 和组件决定，请通过网站预览确认。编辑器中的预览不会决定发布页面是否自动播放、是否显示控件。上传和分发统计见[媒体指南](/docs/zh-cn/media/)。