嵌入外部媒体文件

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

若要跟踪视频的互动情况，请改用 HubSpot 的视频工具。

开始之前

在嵌入外部媒体文件之前，请仔细阅读以下要求和注意事项。

了解限制与注意事项

• 嵌入功能仅支持oEmbed格式的 URL。有关支持的提供商（例如 YouTube）的完整列表，请参阅oEmbed 文档。
• 具有额外安全设置的媒体文件（例如 YouTube 私密视频）不被支持。

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

您可以通过将 URL 直接粘贴到富文本编辑器中，或插入外部媒体文件的嵌入代码，在富文本模块中嵌入媒体文件。

如果在添加媒体文件 URL 时看到错误信息，建议改用插入嵌入代码的方式。

请注意：营销邮件中的富文本模块无法嵌入外部媒体文件。

1. 导航至您的内容：

   • 网站页面：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 网站页面。如果你的帐户中未显示更多，请直接导航到内容 > 网站页面。
   • 着陆页：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 登陆页面。如果你的帐户中未显示更多，请直接导航到内容 > 登陆页面。
   • 博客：在您的 HubSpot 账户中，点击更多，然后导航至内容 > 博客。如果您的账户中未显示更多，请直接导航至内容 > 博客。
   • 知识库：在你的 HubSpot 帐户中，单击更多，然后导航到服务 > 知识库。如果你的帐户中未显示更多，请直接导航到服务 > 知识库。
2. 点击内容名称。
3. 在内容编辑器中，点击富文本模块。
4. 在左侧边栏编辑器中：
   • 若要通过 URL 嵌入媒体文件，请点击“插入”下拉菜单并选择“嵌入”。在弹出的对话框中，将文件的 URL 粘贴到富文本模块中。
   • 若要通过嵌入代码嵌入媒体文件，请点击“插入”下拉菜单并选择“嵌入”。在对话框中，将文件的嵌入代码粘贴到富文本模块中，然后点击“插入”。

设置外部媒体文件的格式

1. 导航至您的内容：

   • 网站页面：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 网站页面。如果你的帐户中未显示更多，请直接导航到内容 > 网站页面。
   • 着陆页：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 登陆页面。如果你的帐户中未显示更多，请直接导航到内容 > 登陆页面。
   • 博客：在您的 HubSpot 账户中，点击更多，然后导航至内容 > 博客。如果您的账户中未显示更多，请直接导航至内容 > 博客。
   • 知识库：在你的 HubSpot 帐户中，单击更多，然后导航到服务 > 知识库。如果你的帐户中未显示更多，请直接导航到服务 > 知识库。
2. 点击内容名称。
3. 在内容编辑器中，点击富文本模块。
4. 在富文本模块中，点击嵌入的媒体文件。
5. 在工具栏中编辑媒体文件的位置、间距和尺寸。
   • 若要在文本块内调整媒体文件的位置，请点击inline 对齐图标。
   • 要使视频具有响应式布局，请点击fullWidth 全宽图标。视频将占据播放设备屏幕的全部宽度。
   • 要调整文件大小，请输入宽度和高度的像素值。
   • 要调整文件的边距，请点击“间距”下拉 菜单，并在相应字段中 输入像素 值 。

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

6. 要编辑媒体文件的高级选项，请点击edit 编辑 图标。
   • 在弹出框中，开发人员可以在“嵌入代码”字段中编辑嵌入视频的样式和行为。
   • 要设置加载行为，请点击“Iframe 加载 ”下拉 菜单并选择一个选项：
     • 浏览器默认： 图片的加载行为由访问者的浏览器设置决定。
     • 延迟加载：图片 仅在访客浏览到页面相应位置时才会加载。这可缩短页面加载时间并提升 SEO 效果。
     • 立即加载： 页面加载完成后，图片 将立即加载。
   • 点击“应用”。

替换外部媒体文件

如果您需要替换一个已嵌入的外部媒体文件，请先删除原始文件，然后嵌入新文件的 URL 或嵌入代码：

1. 导航至您的内容：

   • 网站页面：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 网站页面。如果你的帐户中未显示更多，请直接导航到内容 > 网站页面。
   • 着陆页：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 登陆页面。如果你的帐户中未显示更多，请直接导航到内容 > 登陆页面。
   • 博客：在您的 HubSpot 账户中，点击更多，然后导航至内容 > 博客。如果您的账户中未显示更多，请直接导航至内容 > 博客。
   • 知识库：在你的 HubSpot 帐户中，单击更多，然后导航到服务 > 知识库。如果你的帐户中未显示更多，请直接导航到服务 > 知识库。
2. 点击内容名称。
3. 在内容编辑器中，点击富文本模块。
4. 在富文本模块中，点击媒体文件，
5. 在弹出框中，点击delete 删除图标。
6. 重复上述步骤以嵌入新文件。

使用视频模块嵌入外部视频

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

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

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击邮件名称 。
3. 在侧边栏编辑器中，点击“+ 添加”图标。
4. 在搜索栏中输入“视频”，然后点击“视频”模块并将其拖拽到邮件中。
5. 在内容编辑器中，点击视频模块以 编辑其选项。
6. 在左侧边栏编辑器中，选择“嵌入”作为视频类型。
7. 输入视频网址。
8. 在左侧边栏编辑器中，编辑视频的尺寸、缩略图和位置：

• • 输入宽度或 高度以 调整视频尺寸。
  • 要自定义视频缩略图，请点击“上传图片” 从计算机上传图片，或点击“浏览图片” 从文件管理工具中添加图片。

请注意：自定义缩略图在电子邮件中不会显示播放按钮叠加层。编辑器预览显示的是视频源文件，而非最终的电子邮件输出效果。若要添加播放按钮，请在上传前直接将其设计到图片上，或者改用视频提供商的默认缩略图。

• • 为确保视频在移动设备上以全宽显示，请勾选 “在移动设备上显示为最大宽度”复选框。视频的显示宽度绝不会超过其原始尺寸。
  • 若要将视频向右或向左移动，请点击“对齐方式”下拉菜单 ，并选择“左对齐”、“居中”或 “右对齐”。
  • 若要在视频两侧添加间距，请点击“内边距”开关将其开启。在“顶部”、“底部”、“左侧”和 “右侧”文本框 中输入内边距的像素 值，或勾选“应用于所有边”复选框 ，将相同的内边距应用于视频的各个边。

使用页面上的视频模块嵌入外部视频

1. 导航至您的内容：

   • 网站页面：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 网站页面。如果你的帐户中未显示更多，请直接导航到内容 > 网站页面。
   • 着陆页：在你的 HubSpot 帐户中，单击更多，然后导航到内容 > 登陆页面。如果你的帐户中未显示更多，请直接导航到内容 > 登陆页面。
2. 点击页面名称。
3. 在左侧边栏中，点击add 添加图标 。
4. 在搜索栏中输入“视频”，然后点击“视频”模块并将其拖动到页面上。
5. 在左侧边栏编辑器中，选择“嵌入”作为视频类型。
6. 输入视频网址。若要使用嵌入代码，请选择“嵌入代码 ”，并将 嵌入代码粘贴到相应字段中。
7. 若要更改视频的响应式设置，请点击“尺寸 ”下拉 菜单并选择一个选项：
   
   • 自动调整：视频将具备响应式布局，即会根据浏览器和设备尺寸自动调整大小。
   • 精确宽高：媒体 在所有设备上始终保持此精确尺寸。请在“宽度 ”和 “高度”框中 输入像素值。
8. 如果您已将视频设置为自适应，请点击“最大尺寸 ”下拉 菜单并选择一个选项：
   • 原始尺寸：视频不会被放大至超过其原始尺寸。
   • 全宽：视频将占据播放设备的整个宽度。
   • 自定义：视频的宽高不会超过侧边栏编辑器中设定的具体数值。请在 “最大宽度”和“最大高度”框中 输入像素值 。
9. 要自定义视频的缩略图，请点击“上传”从计算机中选择新文件，或点击“浏览图片”从文件工具中选择图片。
10. 点击“应用更改”。