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

嵌入外部媒體文件

上次更新時間: 五月 23, 2024

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本

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

若要追蹤與影片的互動,請改用HubSpot的影片工具

支援的媒體類型

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

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

在RTF文字模組中嵌入外部媒體檔案

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


您可以將網址直接貼到RTF編輯器中,將媒體檔嵌入RTF文字模組中。 如果你在新增媒體檔案網址時看到錯誤訊息,建議改為插入嵌入程式碼。 

使用URL嵌入外部媒體文件

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 知識庫: 在你的 HubSpot 帳戶中,瀏覽「內容」>「知識庫」。
  • 按一下內容名稱。 
  • 在內容編輯器中,按一下RTF文字模組。
  • 將媒體檔案的URL貼到RTF文字模組中。 媒體檔案預覽應自動填入。

使用嵌入代碼嵌入外部媒體檔案

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 知識庫: 在你的 HubSpot 帳戶中,瀏覽「內容」>「知識庫」。
    • 電子郵件: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「行銷郵件」。
  • 按一下頁面名稱。 
  • 在內容編輯器中,按一下RTF文字模組。
  • 在RTF工具列中,單擊插入下拉菜單,然後選擇嵌入。
  • 在對話框中,輸入外部媒體文件的嵌入代碼。 系統會顯示檔案預覽。
  • 單擊插入。

格式化外部媒體文件 

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 知識庫: 在你的 HubSpot 帳戶中,瀏覽「內容」>「知識庫」。
  • 按一下內容名稱。 
  • 在內容編輯器中,按一下RTF文字模組。
  • 按一下嵌入的檔案。
  • 在工具列中編輯媒體檔案的位置、間距和尺寸。 
    • 若要調整媒體檔案在文字區塊中的位置,請按一下內inline 對齊圖示。 
    • 若要讓影片自動回應,請按一下fullWidth 寬全寬圖示。 影片將佔據觀看裝置的整個寬度。
    • 要調整文件大小,請輸入寬度和高度的像素值。
    • 要調整文件的邊距,請單擊間距下拉菜單,然後在字段中輸入像素 值 。 

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

embedded-video-toolbar
  • 若要編輯媒體檔案的進階選項,請按一下edit 輯圖示。
    • 開發人員可以在「嵌入程式碼」文字欄位中編輯嵌入影片的樣式和行為。 
    • 若要設定載入行為,請按一下Iframe載入 下拉式選單,然後選擇一個選項:
      • 瀏覽器預設:影像的載入行為取決於訪客的瀏覽器設定。 
      • 延遲:只有當訪客到達頁面的該部分時,才會載入圖片。 這可以縮短頁面載入所需的時間,並改善搜尋引擎最佳化。 
      • Eager :頁面載入後,圖片將立即載入。
    • 按一下套用。

edit-embed-code-and-iframe-loading

替換外部媒體檔案

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

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 知識庫: 在你的 HubSpot 帳戶中,瀏覽「內容」>「知識庫」。
  • 按一下內容名稱。 
  • 在內容編輯器中,按一下媒體檔案,然後按一下delete 除移除圖示。
  • 重複上述步驟以嵌入新的檔案網址

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

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

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

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

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

  •  

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

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  • 按一下頁面名稱。 
  • 按一下左側邊欄的「新 add」圖示。
  • 按一下以展開「媒體」部分,然後按一下「+顯示 更多」以檢視所有媒體模組。
  • 按一下影片模組,然後拖曳至適當位置。
  • 在側邊欄編輯器的影片類型部分,選擇嵌入。
  • 輸入影片網址。 若要改用嵌入程式碼,請選取「嵌入程式碼」,然後將嵌入程式碼貼到欄位中。 

enter-embed-url-in-video-module

  • 若要變更影片的回應速度,請點擊「大小」下拉式選單,然後選擇一個選項: 
    • 自動調整:您的影片會自動回應,也就是說,影片會根據瀏覽器和裝置大小縮放。
    • 確切的寬度和高度:您的媒體在所有設備上都將始終保持此確切大小。 在寬度和高度框中輸入其尺寸 的像素值。 
  • 如果你已將影片設定為回應式,請點擊最大尺寸下拉式選單,然後選擇一個選項:
    • 原始大小:影片不會縮放到大於原始大小。
    • 全寬:影片將佔據觀看裝置的全寬。
    • 自訂:影片不會超過側邊欄編輯器中設定的特定寬度和高度。 在「最大值w idth」和「最大值 h eight」方塊中輸入其尺寸的像素值。 
  • 若要自訂影片的縮圖影像,請按一下上傳從電腦中選取新檔案,或按一下瀏覽影 檔案工具中選取影像。
  • 按一下套用變更。 

set-video-module-size-in-editor

 

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