> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 在落地页中添加和嵌入视频

> 嵌入 YouTube、Vimeo 等平台的视频，提升互动，直接在落地页上交付内容。

Video 元素让你把外部平台的视频直接嵌入画布。它内置自动识别能力，你粘贴链接的那一刻就能认出视频源，不用手动配置。

## 添加 Video 元素

**找到元素：** 打开编辑器左侧的 **Elements** 边栏（“+” 图标）。

**拖放：** 在 **Content** 分类下找到 **Video** 元素，把它拖到画布上你想要的 section 中。

## 连接你的视频

1. **打开设置：** 点击画布上的 Video 元素，右侧会弹出 **Properties** 面板。
2. **粘贴 URL：** 把视频链接粘贴到 **URL** 字段。
3. **自动识别：** LanderLab 会立即识别视频源（例如 YouTube、Vimeo、Wistia），并相应更新播放器设置。

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/3BgL2rZlZyKSW3mn/images/Group-14-1024x873.png?fit=max&auto=format&n=3BgL2rZlZyKSW3mn&q=85&s=c25d94123e01a86193f72c6953e74894" alt="Video 元素的 Properties 面板，包含 URL 字段和播放设置" width="1024" height="873" data-path="images/Group-14-1024x873.png" />
</Frame>

## 支持的视频平台

* **YouTube：** 适合通用内容，使用最简单。
* **Vimeo / Wistia：** 适合高级、无广告的观看体验。
* **Loom：** 适合快速讲解或个性化视频。
* **HTML Video：** 如果你自己托管 `.mp4` 文件，用这个。

## 主要播放控制

视频连接好后，可以在 **Playback** 设置中调整观看体验：

* **Autoplay：页面加载后立即开始播放。注意：大多数浏览器要求自动播放的视频默认静音**。
* **Controls：** 控制访客是否能看到播放 / 暂停条和音量设置。
* **Loop：** 视频播完后自动重新开始。
* **Start Time：** 适用于 YouTube，指定视频从第几秒开始播放。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.