回到所有的课程
课程库

动态插入视频与Webflow的视频字段

视频字段是一个集合字段,允许您在设计和模板页面中动态插入视频。

这个视频展示了一个旧的用户界面。更新版本即将到来!
克隆这个项目

Video字段是a集合字段,允许您在CMS中添加托管在第三方网站(如YouTube或Vimeo)上的视频。您可以在收藏列表和收藏页面中显示这些视频。还可以使用视频字段筛选集合列表,或对集合列表和页面中的元素设置条件可见性。

视频领域的一些常见用途
  • 登陆页面的营销视频
  • 欧宝体育在线首页产品描述视频
  • 资源页面的视频(即教程和操作视频)
在本课中
  1. 创建视频字段
  2. 向视频字段中添加视频
  3. 连接视频字段到视频
  4. 使用视频字段过滤集合列表
  5. 使用视频字段设置条件可见性

创建视频字段

视频字段可以添加到新的或现有的集合中。在“收集设置”中,单击新领域然后选择视频字段。

与任何字段一样,您可以指定该字段是否是必需的。

向视频字段中添加视频

视频字段接受来自第三方视频主机(如Vimeo和YouTube)的视频链接。

视频领域已经在所有设备上工作,所以你和你的合作者不必担心移动响应。

您和合作者可以通过控件在“收藏”页面上添加更多视频内容富文本字段

连接视频字段到视频

  1. 在“集合”列表或“集合”页中添加视频元素
  2. 检查获取视频中的复选框视频设置出现
  3. 将其连接到相关视频字段字段下拉

您也可以通过选择文本元素并单击画布上元素标签旁边的设置图标或转到设置面板(D)来访问视频设置。

可以通过取消选中“获取视频复选框下视频设置。

从视频字段中获取一个灯箱的媒体

  1. 将一个灯箱添加到收藏列表或收藏页
  2. 在Lightbox设置中,得到媒体视频场

使用视频字段过滤集合列表

在某些情况下,您可以选择让“集合”列表仅显示设置了视频字段的“集合”项。例如,如果您正在创建一个视频库。做那件事:

  1. 选择要筛选的“集合”列表
  2. 设置面板(D)
  3. 添加一个过滤器收藏列表设置
  4. 在第一个下拉框中选择相关的视频字段
  5. 选择设置在第二个领域
  6. 点击保存

你可以在video字段中使用的过滤规则是:

  • 设置-查找为该视频字段设置了视频URL的集合项
  • 未设置-寻找没有为这个链接字段设置视频URL的集合项

了解关于筛选集合列表的更多信息

使用视频字段设置条件可见性

以同样的方式,您可以在“集合”列表或页面中的视频元素上设置条件可见性规则。这可以确保仅当为给定的Collection项设置了视频链接时,视频元素才可见。

  1. 选择一个连接到视频字段的视频元素
  2. 设置面板(D)
  3. 添加一个条件(当该元素可见时)有条件的可见性
  4. 在第一个下拉菜单中选择你的视频字段
  5. 选择设置在第二个下拉列表中
  6. 点击保存

了解有关条件可见性的更多信息。

尝试Webflow-是免费的
Baidu
map