在网站中嵌入Loom视频

在网站中嵌入Loom视频

使用嵌入组件将 Loom 视频嵌入到您的项目中。

在 Framer 项目中嵌入 Loom 视频,请按照以下步骤操作:

如何将 Loom 视频添加到您的网站

添加嵌入组件

  • 打开插入菜单,搜索“embed”,然后将该组件拖放到画布上。

左侧面板显示了“元素”类别下的六个元素选项:Calendly、Intercom、Typeform、Hubspot、Tagembed 和 Embed,每个都由一个独特的图标表示。

从 Loom 获取嵌入代码

  • 在您的 Loom 账户中,进入视频的分享页面,点击视频上方的“Share”按钮。

  • 选择“Embed”,并确保隐私设置允许“Anyone with the link”查看视频。

  • 复制 Loom 提供的嵌入代码。默认代码如下所示:

修改嵌入代码

从 <div> 标签中移除 style 属性,使其变为如下形式:

将代码粘贴到嵌入组件中

  • 在您的 Framer 项目中选中嵌入组件,并切换到HTML 选项卡

  • 将修改后的嵌入代码粘贴到该选项卡中。

右侧面板包含一个大型文本框,可用于插入自定义 HTML 代码。

有关其他参数设置,请参考 这篇 Loom 支持文章

如果您仍然遇到问题,请通过我们的 联系页面 与我们联系以获取进一步帮助。

Create a free website with Framer, the website builder loved by startups, designers and agencies.