使用 Microsoft 登录
登录或创建帐户。
你好,
使用其他帐户。
你有多个帐户
选择要登录的帐户。

网站添加新式页面时,可以添加和自定义 Web 部件 以构建 SharePoint 页面。 本文介绍 Embed Web 部件。

您可以在允许嵌入 YouTube SharePoint 地图等 (网站中显示您的必应页面上的内容,例如) 。 对于许多网站,您可以对内容使用网站的 Web 地址,也可以嵌入网站提供的代码。

使用网站地址显示内容

您可以通过将内容的网站网址复制并粘贴到嵌入 Web 部件中来嵌入某些网站的内容。

  1. 复制想要使用的可嵌入内容的链接。 为此,请转到包含要嵌入的内容的网站。 在内容附近,通常会看到"共享"按钮或链接。 单击它,并复制提供的链接地址。

    使用网站地址嵌入内容的示例
  2. 在SharePoint"页面上,确保你已进入"编辑"模式。 如果不是,请单击 页面右上方 的"编辑"。

  3. 如果页面上还没有嵌入 Web 部件,请将鼠标悬停在现有 Web 部件上方或下方或标题区域下,单击" 带圆圈的加号用于向页面添加新式 web 部件",然后从列表中选择"嵌入 </>Web 部件"。

  4. 在右侧属性窗格中,将之前复制的网站地址粘贴到"网站地址" 或"嵌入代码 "框中。

    将视频 URL 或嵌入代码粘贴到 字段中

注意: 

  • 如果看不到属性窗格,请单击 Web 部件 “web 部件”编辑按钮左侧的"编辑 Web 部件"。

  • 指向内容的链接仅适用于提供特定服务以使用链接嵌入内容的网站。 如果链接对要嵌入的内容不起作用,请尝试改为使用嵌入代码。

使用嵌入代码显示内容

嵌入代码是网站中描述如何在另一页上显示该内容的特定说明列表。 许多网站在其页面上提供嵌入代码,供你复制和粘贴。 通常会看到一个标记为"嵌入代码"或"</>"的按钮。 这将打开一个文本框,其中包含一些代码。

例如,单击 Vimeo 上视频的"共享"按钮,查看共享对话框中的嵌入代码。

使用嵌入代码在页面上嵌入内容SharePoint示例

若要使用嵌入代码,请执行下列操作:

  1. 复制嵌入代码 ((如果) 内容可用)。 为此,请转到包含要嵌入的内容的网站。 在内容附近,你通常会看到"共享"按钮或链接,或者标有"嵌入代码"或"</>"。 这将打开一个文本框,其中包含一些代码,类似于上面的 Vimeo 站点中的图像。

  2. 如果页面上还没有嵌入 Web 部件,请单击要插入视频的区域中的 SPO 加号 ,然后从列表中选择"嵌入 </> Web 部件"。

  3. 在右侧属性窗格中,将嵌入代码粘贴到" 网站地址"或"嵌入代码" 框中。

    将视频 URL 或嵌入代码粘贴到 字段中

注意: 

  • 如果看不到属性窗格,请单击 Web 部件 “web 部件”编辑按钮左侧的"编辑 Web 部件"。

通过连接到另一个 Web 部件来显示动态内容

使用"嵌入"Web 部件,可以输入链接或嵌入使用变量的代码,从而根据页面查看器选择的内容显示各种项目。 例如,可以基于用户从图像 URL 列表中选择什么来显示图像。

有关信息和示例,请参阅根据用户在列表 Web 部件中选择的内容显示视频、图像或位置 (将嵌入 Web 部件连接到列表 Web 部件) 。

连接到图像列表的 Embed Web 部件示例

疑难解答

以下是嵌入可能不起作用的最常见原因:

  • 嵌入代码必须是基于 iframe 的 (,也就是说,以 iframe <和> 结尾) 。 不支持嵌入使用<脚本>标记的代码。

  • 只能嵌入安全网站。 确保网站的 URL 以 HTTPS 开头。

  • 并非所有网站都允许嵌入其页面,因此你可能无法嵌入它们,即使它们是安全的并使用基于 iframe 的嵌入代码。 如果遇到问题,请与网站核实,了解它们是否允许嵌入。

  • 网站集管理员可以控制用户是否可以嵌入来自外部网站的内容。 如果他们不允许参与者嵌入内容,你可能会看到一条错误消息,指出"不允许嵌入来自此网站的内容"。 请参阅管理员和/或帮助文章允许或限制在页面上嵌入SharePoint功能

想要提交功能请求? 

如果你希望嵌入来自不安全网站的内容,或者使用不同的嵌入方法,或者如果你有任何其他建议或反馈,请告诉我们。  我们将认真听取你的建议。

提供有关 Microsoft Office 的反馈

需要更多帮助?

需要更多选项?

了解订阅权益、浏览培训课程、了解如何保护设备等。

社区可帮助你提出和回答问题、提供反馈,并听取经验丰富专家的意见。

此信息是否有帮助?

你对语言质量的满意程度如何?
哪些因素影响了你的体验?
按“提交”即表示你的反馈将用于改进 Microsoft 产品和服务。 你的 IT 管理员将能够收集此数据。 隐私声明。

谢谢您的反馈!

×