跳到内容

嵌入外部媒体文件

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

您可以在页面、博客文章和知识库文章的富文本模块中嵌入外部媒体文件,如 YouTube 视频。视频也可以嵌入页面拖放区域 的视频模块或电子邮件拖放编辑器中。

要跟踪与视频的互动,请使用 HubSpot 的视频工具

支持的媒体类型

嵌入功能支持 oEmbed 格式的 URL,这是大多数媒体类型的通用格式。使用 oEmbed 格式的平台包括 YouTube、Spotify 和 Vimeo。有关支持的媒体提供商的完整列表,请参阅oEmbed 文档

不支持具有额外安全性的媒体文件,如私人 YouTube 视频。

在富文本模块中嵌入外部媒体文件

请注意:外部媒体文件不能嵌入营销电子邮件的富文本模块中。


您可以直接在富文本编辑器中粘贴 URL,在富文本模块中嵌入媒体文件。 如果您在添加媒体文件的 URL 时看到错误信息,建议您插入嵌入代码。

使用 URL 嵌入外部媒体文件

  • 导航至内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    • 知识库:在 HubSpot 帐户中,导航到内容 > 知识库
  • 单击内容名称
  • 在内容编辑器中,单击富文本模块。
  • 将媒体文件的URL 粘贴到富文本模块中。媒体文件预览应自动弹出。

使用嵌入代码嵌入外部媒体文件

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    • 知识库:在 HubSpot 帐户中,导航到内容 > 知识库
    • 电子邮件:在 HubSpot 帐户中,导航到营销 > 营销电子邮件
  • 单击页面名称
  • 在内容编辑器中,单击富文本模块
  • 在富文本工具栏中,单击 "插入"下拉菜单并选择 "嵌入"。
  • 在对话框中输入外部媒体文件的嵌入代码。您将看到文件的预览。
  • 单击 "插入"。

格式化外部媒体文件

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    • 知识库:在 HubSpot 帐户中,导航到内容 > 知识库
  • 单击内容名称
  • 在内容编辑器中,单击富文本模块
  • 单击嵌入文件
  • 在工具栏中编辑媒体文件的位置、间距和尺寸。
    • 要调整媒体文件在文本块中的位置,请单击inline 对齐图标
    • 要使视频具有响应性,请点击fullWidth 全宽图标。视频将占据观看设备的全部宽度。
    • 要调整文件大小,请输入宽度和高度的像素值
    • 要调整文件边距,请单击 "间距 "下拉菜单,然后在字段中输入像素

请注意:带有 <script> 标记的嵌入式媒体文件不支持全宽,因为它们会生成动态内容。

  • 要编辑媒体文件的高级选项,请单击edit edit 图标
    • 开发人员可以在嵌入代码 文本字段中编辑嵌入视频的样式和行为。
    • 要设置加载行为,请单击 "框架加载" 下拉菜单 并选择一个选项
      • 浏览器默认设置: 图像的加载行为由访问者的浏览器设置决定。
      • 懒惰: 图像只在访问者到达页面该部分时加载。这样可以缩短页面加载时间,提高搜索引擎优化效果
      • 急迫: 页面加载完成后立即加载图片。
    • 点击应用

替换外部媒体文件

如果需要替换嵌入的外部媒体文件,请移除原始文件,然后嵌入新文件的 URL:

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    • 知识库:在 HubSpot 帐户中,导航到内容 > 知识库
  • 单击内容名称
  • 在内容编辑器中,单击媒体文件,然后单击delete 删除图标。
  • 重复上述步骤,嵌入新的文件 URL

在视频模块中嵌入外部视频

您还可以使用视频模块在页面或营销电子邮件中嵌入外部视频。该模块仅适用于页面的拖放区域 营销电子邮件的拖放编辑器

在电子邮件的视频模块中嵌入外部视频

  • 在 HubSpot 帐户中,导航到营销 > 营销电子邮件
  • 点击电子邮件名称
  • 在侧边栏编辑器中,单击 视频 模块并将其拖入电子邮件。
  • 在内容编辑器中,点击视频模块 编辑其选项。
  • 视频类型下,选择嵌入
  • 输入视频 URL。
  • 在左侧边栏编辑器中编辑视频的尺寸、缩略图和定位:
    • 输入宽度 高度 以调整视频大小。
    • 要自定义视频的缩略图,请单击 "上传图片 " 从电脑上传图片 ,或单击 "浏览图片 " 从文件工具中添加图片
    • 要确保在移动设备上以全宽显示视频,请选择 " 在移动设备上显示为最大宽度"复选框。视频显示的宽度绝不会大于其原始尺寸。
    • 要将视频向右或向左移动,请单击对齐方式 下拉菜单并选择向左、居中 向右。
    • 要在视频两侧添加空间,请单击打开 "填充"开关。在顶部、底部、左侧 右侧 文本字段中输入填充的像素 ,或选择 "应用到所有边 "复选框,将相同的填充应用到视频的所有边。

在页面的视频模块中嵌入外部视频

请注意:视频模块只能添加到有拖放区域的页面中。

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 单击页面名称
  • 在左侧边栏中,点击add 添加 图标。
  • 单击展开媒体 部分,然后单击+ 显示 更多,查看所有媒体模块。
  • 单击 "视频 "模块并将其拖动到位。
  • 在侧边栏编辑器的视频类型 部分,选择嵌入
  • 输入视频 URL。要使用嵌入代码,请选择嵌入代码 ,然后在字段中粘贴嵌入代码

  • 要更改视频的响应速度,请单击尺寸 下拉菜单并选择一个选项
    • 自动调整:您的视频将具有响应性,即会根据浏览器和设备的大小进行缩放。
    • 精确宽度和高度: 您的媒体在所有设备上都将保持精确尺寸。在 "宽度 " "高度 " 框中输入尺寸的像素值
  • 如果您已将视频设置为响应式,请单击 "最大尺寸 "下拉菜单并选择一个选项
    • 原始尺寸:视频不会缩放至大于其原始尺寸。
    • 全宽:视频将占据观看设备的整个宽度。
    • 自定义:视频不会超过侧边栏编辑器中设置的特定宽度和高度。在最大宽度最大高度框中输入尺寸的像素值
  • 要自定义视频的缩略图,请单击上传从电脑中选择新文件,或单击浏览图片 从文件工具中选择图片
  • 单击应用更改

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助