嵌入外部媒体文件
上次更新时间: 二月 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。要使用嵌入代码,请选择嵌入代码 ,然后在字段中粘贴嵌入代码。
- 要更改视频的响应速度,请单击尺寸 下拉菜单并选择一个选项:
- 自动调整:您的视频将具有响应性,即会根据浏览器和设备的大小进行缩放。
- 精确宽度和高度: 您的媒体在所有设备上都将保持精确尺寸。在 "宽度 " 和 "高度 " 框中输入尺寸的像素值。
- 如果您已将视频设置为响应式,请单击 "最大尺寸 "下拉菜单并选择一个选项:
- 原始尺寸:视频不会缩放至大于其原始尺寸。
- 全宽:视频将占据观看设备的整个宽度。
- 自定义:视频不会超过侧边栏编辑器中设置的特定宽度和高度。在最大宽度和最大高度框中输入尺寸的像素值 。
- 要自定义视频的缩略图,请单击上传从电脑中选择新文件,或单击浏览图片 从文件工具中选择图片。
- 单击应用更改。
Landing Pages
Blog
Website Pages
你的反馈对我们至关重要,谢谢。
此表单仅供记载反馈。了解如何获取 HubSpot 帮助。