视频 - 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 帮助