請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
嵌入外部媒體文件
上次更新時間: 一月 20, 2023
您可以將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 >標籤的嵌入媒體檔不支援全寬,因為它們會產生動態內容。

- 若要編輯媒體檔案的進階選項,請按一下編輯編 輯圖示。
- 開發人員可以在「嵌入代碼文字」欄位中編輯嵌入影片的風格和行為。
- 預設情況下,媒體檔案使用延遲載入,並且只有訪客捲動至頁面區域時才會載入。 若要在頁面載入時載入媒體檔案,請按一下載入選項下拉菜單,然後選擇熱情。
替換外部媒體文件
如果需要替換嵌入的外部媒體檔,請移除原始檔案,然後嵌入新檔案的網址:
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
- 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
- 將滑鼠停留在頁面、文章或文章上,然後按一下[編輯]。
- 在內容編輯器中,按一下媒體檔,然後按一下刪除刪除圖示。
- 重複步驟以嵌入新檔案網址。
在影片模組中嵌入外部影片
您也可以在網頁上嵌入外部影片,或透過包含影片模組的市場推廣電郵。 此模組僅適用於頁面拖放區域以及拖放市場推廣電子郵件編輯器。
在電子郵件中的影片模組中嵌入外部影片
- 在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
- 點擊電子郵件名稱 。
- 在側邊欄編輯器中,按一下影片模組,然後將它拖到電子郵件中。
- 在內容編輯器中,按一下影片模組以編輯其選項。
- 在影片類型下,選擇嵌入。
- 輸入影片網址。

- 在左側邊欄編輯器中編輯影片的尺寸、縮圖影像和位置:
- 輸入寬度或高度以調整影片的大小。
- 若要自訂影片的縮圖,請按一下上傳影像以從電腦上傳影像,或按一下瀏覽影像以從檔案工具中新增影像。
- 為了確保您的影片在行動裝置上以全寬顯示,請選擇在行動裝置上顯示為最大寬度的核取方塊。 影片顯示的寬度永遠不會大於原始尺寸。
- 若要將影片移至右邊或左邊,請按一下對齊下拉列表,然後選擇左邊、中央或右邊。
- 若要為影片的兩側新增空間,請按一下以開啟「填充」按鈕。 在「頂部」、「底部」、「左側」和「右側」文字欄位中輸入內邊距的像素 值,或選擇套用至所有側面的核取方塊,將相同的內邊距套用至影片的所有側面。

在頁面上的影片模組中嵌入外部影片
請注意:影片模組只能新增至拖放區域的頁面。
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 將滑鼠停留在頁面上,然後按一下[編輯]。
- 在側邊欄編輯器中,按一下影片模組,然後將它拖到頁面中。
- 在內容編輯器中,按一下影片模組以編輯其選項。
- 在側邊欄編輯器的影片類型部分,選擇嵌入。
- 輸入影片網址。

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

瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。

- 自動調整:你的影片會自動回應,即會根據瀏覽器和裝置大小進行調整。
- 精確的寬度和高度:您的媒體在所有裝置上將始終保持相同的大小。
- 原始大小:影片的尺寸不會大於原始大小。
- 全寬度:影片會佔用觀看裝置的全寬度。
- 自訂:影片不會超過側邊欄編輯器中設定的特定寬度和高度。請在「寬度和高度」文字方塊中輸入影片尺寸的像素值 。

Landing Pages
Blog
Website Pages
你的意見回饋對我們相當重要,謝謝。
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。