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

嵌入外部媒體文件

上次更新時間: 一月 20, 2023

套用至:

行銷 Hub Professional, Enterprise
Service Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
舊版 Marketing Hub Basic

您可以將YouTube影片等外部媒體檔案嵌入網頁、網誌文章和知識庫文章中的豐富文字模組。 影片也可以嵌入到影片模組的拖放網頁區域拖放電郵編輯器中。 

若要追蹤與影片的互動,請瞭解如何將HubSpot影片新增至內容。

支持的媒體類型

嵌入功能支持oEmbed格式的URL ,這在大多數媒體類型中都很常見。 使用oEmbed格式的平臺包括YouTube、Spotify和Vimeo。 有關支援的媒體供應商的完整清單,請參閱oEmbed文檔

不支援具有額外安全性的媒體檔案,例如YouTube私人影片。

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

請注意:外部媒體檔案不能嵌入市場推廣電子郵件中的富文本模組中。 


您可以將網址直接貼到富文本編輯器中,將媒體檔嵌入富文本模組。 如果您在新增媒體檔的網址時看到錯誤訊息, HubSpot建議您代替插入嵌入代碼。 

嵌入具有URL的外部媒體文件

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
  • 將滑鼠停留在頁面、文章或文章上,然後按一下[編]。
  • 在內容編輯器中,按一下富文本模組。
  • 將媒體檔的網址貼到富文本模組中。 媒體檔預覽應該會自動填充。

嵌入包含嵌入代碼的外部媒體檔

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
  • 將滑鼠停留在頁面、文章或文章上,然後按一下[編]。
  • 在內容編輯器中,按一下富文本模組
  • 在富文本工具列中,按一下插入下拉菜單,然後選擇嵌入
  • 「」對話方塊中,輸入外部媒體檔的 嵌入代碼。 系統會顯示檔案的預覽。
  • 按一下插入

格式化外部媒體文件 

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
  • 將滑鼠停留在頁面、文章或文章上,然後按一下[編]。
  • 在內容編輯器中,按一下富文本模組
  • 按一下嵌入式檔案
  • 在工具列中編輯媒體檔的位置、尺寸和間距。
    • 若要調整檔案的大小,請輸入寬度和高度的像素值
    • 若要調整媒體檔在一塊文字中的位置,請按一下內 對齊圖示。 
    • 若要讓影片自動回應,請按一下 寬全寬圖示。 影片會佔用觀看裝置的全部寬度。

請注意: < script >標籤的嵌入媒體檔不支援全寬,因為它們會產生動態內容。

edit-your-embedded-video
  • 若要編輯媒體檔案的進階選項,請按一下編輯編 輯圖示
    • 開發人員可以在「嵌入代碼文字」欄位中編輯嵌入影片的風格和行為。 
    • 預設情況下,媒體檔案使用延遲載入,並且只有訪客捲動至頁面區域時才會載入。 若要在頁面載入時載入媒體檔案,請按一下載入選項下拉菜單,然後選擇熱情 

edit-embed-code-1

替換外部媒體文件

如果需要替換嵌入的外部媒體檔,請移除原始檔案,然後嵌入新檔案的網址: 

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
  • 將滑鼠停留在頁面、文章或文章上,然後按一下[編]。
  • 在內容編輯器中,按一下媒體檔,然後按一下刪除刪除圖示。
  • 重複步驟以嵌入新檔案網址

在影片模組中嵌入外部影片 

您也可以在網頁上嵌入外部影片,或透過包含影片模組的市場推廣電郵。 此模組僅適用於頁面拖放區域以及拖放市場推廣電子郵件編輯器。 

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

  • 在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
  • 點擊電子郵件名稱 
  • 在側邊欄編輯器中,按一下影片模組,然後將它拖到電子郵件中。
  • 在內容編輯器中,按一下影片模組以編輯其選項。 
  • 影片類型下,選擇嵌入
  • 輸入影片網址。
embed-your-video-in-an-email
  • 在左側邊欄編輯器中編輯影片的尺寸、縮圖影像和位置: 
    • 輸入寬度高度以調整影片的大小。 
    • 若要自訂影片的縮圖,請按一下上傳影以從電腦上傳影像,或按一下瀏覽影像以從檔案工具中新增影像。 
    • 為了確保您的影片在行動裝置上以全寬顯示,選擇在行動裝置上顯示為最大寬度的核取方塊。 影片顯示的寬度永遠不會大於原始尺寸。 
    • 若要將影片移至右邊或左邊,請按一下對下拉列表,然後選擇左邊、中央右邊。
    • 若要為影片的兩側新增空間,請按一下以開啟「填充」按鈕。 在「頂部」、「底部」、「左側」和「側」文字欄位中輸入內邊距的像素 ,或選擇套用至所有側面的核取方塊,將相同的內邊距套用至影片的所有側面。
add-padding-to-video-module

在頁面上的影片模組中嵌入外部影片

  •  

請注意:影片模組只能新增至拖放區域的頁面。

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
  • 將滑鼠停留在頁面上,然後按一下[編輯]。 
  • 在側邊欄編輯器中,按一下影片模組,然後將它拖到頁面中。
  • 在內容編輯器中,按一下影片模組以編輯其選項。 
  • 在側邊欄編輯器的影片類型部分,選擇嵌入
  • 輸入影片網址

embed-external-video

  • 選擇影片大小是否會在不同的裝置上變更:
    • 自動調整:你的影片會自動回應,即會根據瀏覽器和裝置大小進行調整。
    • 精確的寬度和高度:您的媒體在所有裝置上將始終保持相同的大小。
  • 如果您已將影片設定為自動回應,請選擇影片的最大大小: 
    • 原始大小:影片的尺寸不會大於原始大小。
    • 全寬度:影片會佔用觀看裝置的全寬度。
    • 自訂:影片不會超過側邊欄編輯器中設定的特定寬度和高度。請在「寬度和高度」文字方塊中輸入影片尺寸的像素值 。 
  • 若要自訂影片的縮圖影像,請點擊 上傳以從電腦中選擇新檔案,或點擊 瀏覽影像以從檔案工具中選擇像。

adjust-video-size

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助