使用嵌入 Web 部件将内容添加到页面
Applies ToSharePoint Server 订阅版 SharePoint Server 2019 Microsoft 365 中的 SharePoint Office 商业版 SharePoint 管理中心 由世纪互联运营的 SharePoint

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

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

使用网站地址显示内容

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

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

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

  3. 如果页面上还没有嵌入 Web 部件,请将鼠标悬停在现有 Web 部件上方或下方或标题区域下,单击" Circled plus sign used to add a modern web part to a page",然后从列表中选择"嵌入 </>Web 部件"。

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

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

注意: 

  • 如果看不到属性窗格,请单击 Web 部件 Web part edit button左侧的"编辑 Web 部件"。

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

使用嵌入代码显示内容

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

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

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

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

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

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

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

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

注意: 

  • 如果看不到属性窗格,请单击 Web 部件 Web part edit button左侧的"编辑 Web 部件"。

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

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

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

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

疑难解答

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

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

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

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

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

想要提交功能请求? 

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

提供有关 Microsoft Office 的反馈

需要更多帮助?

需要更多选项?

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

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