在CMS页面中添加视频组件
了解如何在 Framer 的 CMS 详情页面中添加视频,并使用 CMS 变量和条件控制其动态显示。
你可以将来自 YouTube、Vimeo 或自建托管的视频嵌入到 CMS 详情页中,也可以直接将视频上传至你的 CMS。你还可以为没有视频的项目隐藏空白的视频区域。
添加视频的选项
你可以通过以下几种方式向 CMS 详情页添加视频:
YouTube 组件
Vimeo 组件
自托管视频
已上传的视频
添加 YouTube、Vimeo 或自托管视频
此方法允许你使用视频 URL 显示外部托管的视频。
在你的 CMS 集合中创建一个视频 URL字段。使用纯文本字段类型。
为每个 CMS 项目在此字段中添加视频 URL。没有视频的项目可留空。
在你的 CMS 详情页上插入一个 YouTube、Vimeo 或视频组件。在 URL 字段中,点击+按钮,选择设置变量,然后从你的 CMS 字段中选择视频 URL。

直接在 CMS 中上传视频
此方法将视频文件存储在你的 CMS 中,以便无需外部托管即可播放。
在你的 CMS 集合中添加一个文件字段。该字段支持 MP4 等格式。
将你的视频文件上传到 CMS。请注意上传大小限制。
在你的 CMS 详情页上插入一个视频组件。将源设置为上传,点击+按钮,选择设置变量,然后从你的 CMS 字段中选择文件。

隐藏空白字段
对于没有视频的项目,你可以使用条件判断来保持布局整洁。
在样式面板中,前往可见性 > 设置变量 > 视频 URL/文件 > 已设置。
这样可以确保仅当存在视频文件时,视频区域才可见。
