跳到內容
HubSpot 知識庫
請注意：：這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立，可能沒有經過校對。因此，這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

嵌入外部媒體檔案

上次更新時間： 2026年8月7日

可搭配下列任何訂閱使用，除非另有註明：

您可以在頁面、部落格文章和知識庫文章中的「富文本模組」中嵌入外部媒體檔案，例如 YouTube 影片。此外，您也可以將影片嵌入頁面中「拖放區域」的 「影片模組」，或「拖放式電子郵件編輯器」中。

若要追蹤與影片的互動情況，請改用 HubSpot 的影片工具。

開始之前

在嵌入外部媒體檔案之前，請先檢視以下要求與注意事項。

需要權限 需具備以下權限：

需要訂閱 若要在文章中嵌入檔案，必須擁有Service HubProfessional或Enterprise版本。

了解限制與注意事項

  • 嵌入功能僅支援oEmbed格式的網址。如需支援的服務提供者完整清單（例如 YouTube），請參閱oEmbed 文件。
  • 具有額外安全設定的媒體檔案（例如私人 YouTube 影片）則不被支援。

在富文本模組中嵌入外部媒體檔案

您可透過將網址直接貼入富文本編輯器，或插入外部媒體檔案的嵌入程式碼，將媒體檔案嵌入富文本模組中。

若在新增媒體檔案網址時出現錯誤訊息，建議改為插入嵌入程式碼。

請注意：外部媒體檔案無法嵌入行銷電子郵件中的富文本模組。

  1. 導覽至您的內容：

  2. 點擊您的內容名稱。
  3. 在內容編輯器中，點擊「富文本模組 」。
  4. 在左側邊欄編輯器中：
    • 若要透過網址嵌入媒體檔案，請點擊「插入」下拉式選單並選擇「嵌入」。在對話方塊中，將檔案的網址 貼入富文本模組中。
    • 若要透過嵌入代碼嵌入媒體檔案，請點擊「插入」下拉式選單並選擇「嵌入」。在對話方塊中，將檔案的嵌入代碼貼入富文本模組，然後點擊「插入」。

格式化外部媒體檔案

  1. 導覽至您的內容：

  2. 點擊您的內容名稱。
  3. 在內容編輯器中，點擊「富文本模組」。
  4. 在「富文本模組」中，點擊嵌入的媒體檔案。
  5. 在工具列中編輯媒體檔案的位置、間距和尺寸。
    • 若要調整媒體檔案在文字區塊中的位置，請點擊「inline 」對齊圖示。
    • 若要讓影片具備響應式顯示效果，請點擊「fullWidth 」的全寬圖示。影片將佔滿播放裝置的完整寬度。
    • 若要調整檔案大小，請輸入寬度和高度的像素值。
    • 若要調整檔案的邊距，請點擊「間距」下拉式 選單，並在 欄位中 輸入像素 值 。

請注意：使用 <script> 標籤的嵌入式媒體檔案不支援全寬模式，因為它們會產生動態內容。

  1. 若要編輯媒體檔案的高階選項，請點擊「edit 」旁的編輯 圖示。
    • 在彈出視窗中，開發人員可於「嵌入程式碼」欄位中編輯嵌入式影片的樣式與行為。
    • 若要設定載入行為，請點擊「Iframe 載入」 下拉式 選單並選擇一項選項：
      • 瀏覽器預設： 圖片的載入行為由訪客的瀏覽器設定決定。
      • 延遲載入：圖片 僅會在訪客瀏覽至頁面該處時才載入。此舉可縮短頁面載入時間並提升 SEO 效果。
      • 預載：圖片 將在頁面載入時立即載入。
    • 點擊「套用」。

替換外部媒體檔案

若需替換已嵌入的外部媒體檔案，請先移除原始檔案，然後嵌入新檔案的網址或嵌入代碼：

  1. 導航至您的內容：

  2. 點擊您的內容名稱。
  3. 在內容編輯器中，點擊「富文本模組」。
  4. 在「富文本模組」中，點擊媒體檔案，
  5. 在彈出視窗中，點擊「delete 」移除圖示。
  6. 重複上述步驟以嵌入新檔案。

使用影片模組嵌入外部影片

使用影片模組將外部影片嵌入頁面或行銷電子郵件中。此模組僅適用於頁面的拖放區域 以及行銷電子郵件編輯器的拖放 區域 。

在電子郵件中使用影片模組嵌入外部影片

  1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「電子郵件」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「電子郵件」。
  2. 點擊電子郵件的名稱 。
  3. 在側邊欄編輯器中，點擊「+ 新增」圖示。
  4. 在搜尋欄中輸入「影片」，然後點選「影片 模組」並將其拖曳至電子郵件中。
  5. 在內容編輯器中，點擊影片模組以 編輯其選項。
  6. 在左側邊欄編輯器中，將「影片類型」選為「嵌入」。
  7. 輸入影片網址。
  8. 在左側邊欄編輯器中，編輯影片的尺寸、縮圖圖片及位置：
    • 輸入寬度或 高度以 調整影片大小。
    • 若要自訂影片縮圖，請點擊「上傳圖片」從 電腦上傳 圖片，或點擊「瀏覽圖片」透過 檔案工具新增圖片。

請注意：自訂縮圖在電子郵件中不會顯示播放按鈕疊加層。編輯器的預覽畫面顯示的是影片原始素材，而非最終的電子郵件輸出效果。若要新增播放按鈕，請在上傳前直接將其設計到圖形上，或改用預設的影片供應商縮圖。

    • 若要確保影片在行動裝置上以全寬顯示，請勾選「 在行動裝置上以最大寬度顯示」核取方塊。影片的顯示寬度絕不會超過其原始尺寸。
    • 若要將影片向右或向左移動，請點擊「對齊方式 」下拉選單 ，並選擇「左」、「中」或 「右」。
    • 若要為影片兩側增加間距，請點擊以開啟「內距」開關。在「頂部」、「底部」、「左側」和「 右側」文字 欄位中輸入 像素值 ， 或勾選「套用至所有邊 」核取方塊 ，將相同的內距套用至影片的所有邊緣。

使用頁面上的影片模組嵌入外部影片

  1. 導覽至您的內容：

  2. 點擊您的頁面名稱。
  3. 在左側邊欄中，點擊「add 」的「新增」圖示 。
  4. 在搜尋欄中輸入「影片」，然後點選「影片」模組並將其拖曳至您的頁面。
  5. 在左側邊欄編輯器中，將「影片類型」選為「嵌入」。
  6. 輸入影片網址。若要使用嵌入程式碼，請選取「嵌入程式碼」，並 將嵌入程式碼貼上至該欄位中。
  7. 若要變更影片的響應式佈局，請點擊「尺寸 」下拉式 選單並選擇一個選項：
    • 自動調整：您的影片將具備響應式設計，即會根據瀏覽器和裝置的大小進行縮放。
    • 精確寬高：您的 媒體在所有裝置上將始終保持此精確尺寸。請在「寬度」 和 「高度」方塊中 輸入像素數值。
  8. 若您已將影片設定為響應式，請點擊「最大尺寸 」下拉式 選單並選擇其中一項：
    • 原始尺寸：影片不會放大至超過其原始尺寸。
    • 全寬：影片將佔滿播放裝置的完整寬度。
    • 自訂：影片的寬度和高度不會超過側邊欄編輯器中設定的特定數值。請在 「最大寬度」和「最大高度」方塊中輸入像素值 。
  9. 若要自訂影片的縮圖，請點擊「上傳」以從電腦選取新檔案，或點擊「瀏覽圖片」以從檔案工具中選取圖片。
  10. 點擊「套用變更」。
這篇文章有幫助嗎？
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。

相關內容

目錄 /zh-tw/website-and-landing-pages/embed-an-external-media-file?toc-variant-a=undefined

相關內容

New call-to-action