影片 - Webflow 幫助

影片元素讓您可以在網站的任何地方嵌入托管在 YouTube 或 Vimeo 等第三方網站上的影片。

如何添加影片

有兩種方法可以將影片元素添加到您的網站：

• 打開添加面板，將影片元素拖放到您的 Webflow 畫布上
• 按下Command + E（在 Mac 上）或Control + E（在 Windows 上）以打開快速查找並搜索影片元素

如何格式化影片設定

一旦您將影片元素放置到畫布上，您將可以訪問影片設定，在這裡您可以添加 URL 和標題。快速訪問影片設定的方法：

• 雙擊影片元素
• 選擇影片元素並前往元素設定面板 (D)

粘貼您的影片URL，如果需要可以添加標題，然後按下Enter / Return。影片的縮圖將出現在影片元素中。

支持的影片來源

• YouTube（如果您想對 YouTube 影片有更多控制，請嘗試使用YouTube 影片元素）
• Vimeo
• DailyMotion
• KickStarter（您只需粘貼主要活動 URL，Webflow 會抓取主要活動影片）
• TED（多語言支持）
• Wistia
• Ustream
• Livestream
• Twitch
• 土豆網
• Hulu
• SproutVideo
• Vidzflow

如何設定影片尺寸

影片元素會遵循其父容器的尺寸（例如，如果您將其放入一個 div 區塊中，它將佔據該 div 區塊的全部寬度）。如果您想為影片設定自訂的寬度和高度，可以創建一個自訂的 div 區塊。要做到這一點，從新增面板中拖入一個 div 區塊，並為該 div 區塊設定寬度值和高度值。現在，如果您將影片拖入這個自訂的 div 區塊中，它將符合該尺寸。

將影片添加到網站的其他方法

您還可以使用其他元素將影片添加到網站，包括：

• YouTube 影片
• 背景影片
• 燈箱
• 富文本
• 自訂代碼嵌入

YouTube 影片元素

YouTube 影片元素允許您從 YouTube URL 嵌入影片。此元素提供了 YouTube 嵌入功能的所有顯示選項，包括顯示頻道相關影片、設定特定開始時間、顯示或隱藏影片控制等功能。了解更多關於 YouTube 影片元素。

背景影片元素

背景影片元素允許您添加無音訊的動態背景。與僅支持 YouTube 和 Vimeo 連結的影片元素不同，背景影片元素可以接受您上傳的任何影片文件。背景影片元素還內建播放/暫停切換，讓網站訪客可以隨意播放或暫停背景影片。了解更多關於背景影片元素。

燈箱元素

燈箱元素讓網站訪客可以在彈出模式中開啟影片。與影片元素類似，燈箱支援 YouTube 和 Vimeo 連結。[了解更多關於燈箱元素](https://help.webflow.com/hc/en-us/articles/33961337084179)。

豐富文本元素和豐富文本欄位

豐富文本元素也允許您添加影片。當您使用它從豐富文本欄位中提取數據時，這更為強大。或者，您也可以使用影片元素從集合的影片欄位動態提取數據。了解更多關於集合影片欄位。

如何使用自定義代碼嵌入影片

您也可以使用嵌入元素添加 HTML 影片：

1. 前往添加面板
2. 將嵌入元素拖到畫布上
3. 粘貼您的影片代碼（了解更多關於 HTML 中的影片元素）
4. 點擊保存並關閉

---

返回 webflow 幫助