使用 Embed 網頁部分將內容加入 SharePoint 空間

你可以在 SharePoint 空間中顯示允許嵌入 (的網站內容,例如 YouTube 或 Bing 地圖,例如) 。 許多網站可以使用網站網址來存放內容,或嵌入網站提供的程式碼。

注意

  • 部分功能會逐步引入給已選擇加入 目標發布計畫的組織。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。
  • 在空間中,嵌入內容最初以縮圖圖片顯示,並在檢查模式下載入完整的 HTML 嵌入內容。 使用 VR 頭戴裝置的使用者只能看到縮圖。
  1. 如果你還沒進入編輯模式,請在你的空間右上角選擇 編輯

  2. 在畫布上,選擇圈出 的 + 圖示。

  3. 選擇 嵌入

  4. 點擊將網狀零件放置在結構 (地板) 的任意位置。

  5. 在屬性面板中,輸入 URL 或 HTML iframe 標籤。 欲了解更多相關資訊,請參閱本文中「 使用網站地址或嵌入程式碼 」章節。

  6. 如果你想指定特定縮圖用於 3D 空間,或是無法使用自動選取的縮圖,請選擇 自訂圖片。 然後選擇一張圖片。 選擇 「在影像中使用透明度 」以顯示沒有背板的自訂影像並啟用透明度。

    縮圖圖片設定
    您的內容可能會有或沒有自動選擇的縮圖。 如果沒有自動產生的縮圖,網頁部分會超時,然後顯示警告圖示。 那就用自訂圖片吧。

    警告訊息

  7. (可選) 選擇是否 調整大小以符合頁面大小。 這會控制 iframe 是否會使用螢幕上所有可用空間,或是與縮圖圖片的長寬比相符。

    注意

    如果你的嵌入內容有黑色邊框,請確保這個設定已啟用

  8. (可選) 選擇圖片外觀的偏好設定:
    -影像後方面板的深度
    - 轉角半徑

  9. 選取並輸入「 替代文字 」,以選取空間中顯示的縮圖。

  10. (可選) 如果你希望在圖片下方出現講台,請選擇 「顯示講台」。 要設定影像與講台之間的距離,請使用 「講台高度 」滑桿。

  11. 儲存為草稿發佈 ,然後檢查網頁部分,確認嵌入的 HTML 內容是否如願載入。

注意

  • 如果你沒看到屬性面板,請點擊網頁部分左側的「編輯網頁部分」 網頁零件編輯按鈕
  • 內容連結僅適用於提供特定服務以連結嵌入內容的網站。 如果連結無法用於你想嵌入的內容,試著使用嵌入程式碼。

使用 SharePoint Spaces 嵌入網頁部分的網站地址或嵌入程式碼

嵌入網頁部分支援多種內容,可用嵌入程式碼或網站地址來指定。 內容可能包括 YouTube 影片、Bing 地圖、Office 文件如 PowerPoint、Microsoft Forms 或 Microsoft PowerApps。 

注意

部分內容不會有自動生成的縮圖。 如果網頁部分載入時有警告指示,如圖所示,請選擇 自訂圖片 選項並選擇圖片。

警告訊息

使用網站地址顯示內容

你可以透過複製並貼上網站的網址到嵌入網頁部分,來嵌入部分的內容。

  1. 複製你想使用的可嵌入內容的連結。 要做到這點,請前往你想嵌入內容的網站。 在內容附近你通常會看到一個分享按鈕或連結。 點擊它,並複製提供的連結地址。

    使用網站地址嵌入內容的範例

在嵌入網頁部分的屬性面板中,將你之前複製的網站地址貼到 網站地址或嵌入代碼 框中。

將影片網址或嵌入程式碼貼入欄位

使用嵌入程式碼顯示內容

嵌入程式碼是一份來自網站的具體指示清單,描述如何在其他頁面上顯示該內容。 許多網站會在頁面上提供嵌入碼,供你複製貼上。 你通常會看到一個標示 為「嵌入代碼 」或 <「/>」的按鈕。 這會打開一個包含程式碼的文字框。

例如,點擊 Vimeo 影片的 分享 按鈕,可以看到分享對話框中的嵌入程式碼。

使用嵌入程式碼將內容嵌入 SharePoint 頁面的範例 要使用嵌入程式碼,請執行以下步驟:

  1. 如果有嵌入碼, (複製) 你想用的內容。 要做到這點,請前往你想嵌入內容的網站。 在內容附近,你通常會看到一個分享按鈕或連結,或標示 為嵌入代碼</>。 這會開啟一個包含程式碼的文字框,類似上面 Vimeo 網站的圖片。

  2. 在 Embed 網頁部分的屬性窗格中,將嵌入程式碼貼到 網站位址或嵌入程式碼 框中。

    將影片網址或嵌入程式碼貼入欄位

疑難排解

以下是嵌入可能無法奏效的最常見原因:

  • 嵌入程式碼必須是基於 iframe 的, (也就是說,從 iframe> 標籤開始和結束都以 <) 。 不支援使用 <腳本> 標籤的嵌入程式碼。
  • 只有安全的網站才能被嵌入。 請確保網站網址以 HTTPS 開頭。
  • 並非所有網站都允許嵌入頁面,因此即使它們安全且使用基於 iframe 的嵌入程式碼,你也可能無法嵌入。 如果遇到問題,請上官網確認是否允許嵌入。
  • 網站收藏管理員可控制使用者是否能嵌入外部網站的內容。 如果他們不允許貢獻者嵌入內容,你可能會看到錯誤訊息:「不允許嵌入本網站內容。」 請參閱您的管理員和/或說明文章 :允許或限制在 SharePoint 頁面嵌入內容的能力。