# 媒體類型 Video

對某些人來說，影片只是連續播放的大量圖片的方式，但對年輕人來說是最好溝通的方式。Video 元素將託管在第三方網站（如 YouTube 或 Vimeo）上的視頻嵌入到你頁面的任何位置。

 將影片元素從面板拖放到你的頁面上，或按Command + E（在 Mac 上）。

![](https://i.imgur.com/Dg0TI2q.png)

![](https://i.imgur.com/uxVPA7F.png)

#### Webflow 支持的影片來源

* YouTube
* Vimeo
* DailyMotion
* KickStarter
* TED
* Wistia
* Ustream
* Livestream
* Twitch
* Tudou
* Hulu
* SproutVideo

#### 設置影片尺寸

若你將影片元素放在Container 中，它將佔據該部分的整個寬度。 

![](https://i.imgur.com/XOYDvwD.png)

如果要為影片設置自定義寬度和高度，可以創建自定義div 塊。為此，請從 Elements 面板中拖入一個 div 塊。給它一個寬度值，另一個高度值。現在，如果您將視頻拖到此自定義 div 塊中，它將符合該大小。

![](https://i.imgur.com/hxtSbHJ.png)

#### YouTube 影片元素

YouTube 影片元素可讓您從 YouTube URL 嵌入視頻，並為你提供 YouTube 嵌入功能提供的所有顯示選項，包括顯示頻道中的相關視頻、設置特定開始時間、顯示或隱藏視頻控件以及更多的。了解有關 YouTube 視頻元素的更多信息。

![](https://i.imgur.com/tGcBiFd.png)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/4-yuan-su-de-lei-xing/mei-ti-lei-xing-video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.