將 Dynamic Media 資產新增至頁面

若要將Dynamic Media功能新增至您在網站上使用的資產,您可以新增 Dynamic Media互動式媒體 元件。 輸入 設計 模式及啟用Dynamic Media元件。 然後,您可以將這些元件新增至頁面,並新增資產至元件。Dynamic Media和互動式媒體元件是智慧型的,他們知道您是新增影像還是視訊,而可用的選項也會隨之變更。

如果您使用Dynamic Media做為WCM,請直接將Adobe Experience Manager資產新增至頁面。

注意

影像地圖可立即用於輪播橫幅。

新增Dynamic Media元件至頁面

新增 Dynamic Media 或 互動式媒體 元件新增至頁面與新增元件至任何頁面相同。 此 Dynamic Media 和 互動式媒體 以下幾節將詳細說明元件。

若要將Dynamic Media元件/檢視器新增至頁面:

  1. 在Experience Manager中,開啟您要新增Dynamic Media元件的頁面。

  2. 如果沒有可用的Dynamic Media元件,請在 Sidekick 輸入 設計 模式。

  3. 選擇 編輯 parsys.

  4. 選擇 Dynamic Media 以便讓Dynamic Media元件可供使用。

    注意

    請參閱 在設計模式中配置元件 以取得更多資訊。

  5. 返回 編輯 模式,方法是按一下 Sidekick.

  6. 拖曳 Dynamic Media互動式媒體 元件 其他 在sidekick中群組至所需位置中的頁面。

  7. 選擇 編輯 元件隨即開啟。

  8. 編輯元件 視需要。

  9. 選擇 確定 以便儲存您的變更。

Dynamic Media元件

Dynamic Media 和 互動式媒體 在 Sidekick 在 Dynamic Media. 您使用 互動式媒體 元件,適用於任何互動式資產,例如互動式視訊、互動式影像或輪播集。 對於所有其他Dynamic Media元件,請使用 Dynamic Media 元件。

chlimage_1-71

注意

預設情況下,這些元件不可用,在使用之前必須在「設計」模式下選取這些元件。 在「設計」模式中使用,您可以將元件新增至頁面,如同其他任何Experience Manager元件。

Dynamic Media元件

Dynamic Media元件是智慧型的,視您新增影像或影片而定,您有各種選項。 元件支援影像預設集、以影像為基礎的檢視器,例如影像集、回轉集、混合媒體集和視訊。 此外,檢視器回應速度快。 也就是說,螢幕的大小會根據螢幕大小自動變更。 所有檢視器都是以HTML5為基礎的檢視器。

注意

當您新增 Dynamic Media 元件和 Dynamic Media設定 空白,或無法正確新增資產,請核取下列項目:

  • 您擁有 啟用Dynamic Media. Dynamic Media預設為停用。
  • 影像具有金字塔Tiff檔案。 在啟用Dynamic Media之前匯入的影像沒有金字塔Tiff檔案。

使用影像時

此 Dynamic Media 元件可讓您新增動態影像,包括影像集、回轉集和混合媒體集。 您可以放大、縮小,如果適用,可以在回轉集內開啟影像,或從另一類型的集合中選取影像。

您也可以直接在元件中設定檢視器預設集、影像預設集或影像格式。 若要讓影像具有回應性,您可以設定斷點或套用回應式影像預設集。

chlimage_1-72

您可以按一下「 」,編輯下列Dynamic Media設定 編輯 ,然後按一下 Dynamic Media設定 標籤。

chlimage_1-73

注意

依預設,動態媒體影像元件是可調式的。如果要將其設為固定大小,請在 進階 標籤 寬度高度 屬性。

檢視器預設集 — 從下拉式選單中選取現有的檢視器預設集。 如果您要尋找的檢視器預設集未顯示,您必須使其顯示。 請參閱 管理檢視器預設集. 如果您使用影像預設集,則無法選取檢視器預設集,反之則無法選取。

只有在檢視影像集、回轉集或混合媒體集時,才可使用此選項。 顯示的檢視器預設集是智慧型的。 也就是說,只會顯示相關的檢視器預設集。

影像預設集 — 從下拉式選單中選取現有的影像預設集。 如果您要尋找的影像預設集未顯示,則必須使其可見。 請參閱 管理影像預設集. 如果您使用影像預設集,則無法選取檢視器預設集,反之則無法選取。

如果您正在檢視影像集、回轉集或混合媒體集,則無法使用此選項。

影像修飾元 — 通過提供其他影像命令,可以更改影像效果。 這些命令在 管理影像預設集命令參考.

如果您正在檢視影像集、回轉集或混合媒體集,則無法使用此選項。

斷點 — 如果您在回應式網站上使用此資產,必須新增頁面中斷點。 影像斷點以逗號分隔(,)。 當影像預設集中未定義高度或寬度時,此選項即可運作。

如果您正在檢視影像集、回轉集或混合媒體集,則無法使用此選項。

您可以編輯下列項目 進階設定 按一下 編輯 在元件中。

標題 — 變更影像標題。

替代文字 — 為關閉圖形的用戶添加影像標題。

如果您正在檢視影像集、回轉集或混合媒體集,則無法使用此選項。

URL,在中開啟 — 您可以從設定資產,以開啟連結。 設定 URL在中開啟 以指定要在同一窗口還是新窗口中開啟它。

如果您正在檢視影像集、回轉集或混合媒體集,則無法使用此選項。

寬度和高度 — 如果希望影像大小固定,請輸入值(像素)。 將這些值保留為空白,可讓資產具有適用性。

使用視訊時

使用 Dynamic Media 元件,將動態視訊新增至網頁。 編輯元件時,您可以選擇使用預先定義的視訊檢視器預設集來在頁面上播放視訊。

chlimage_1-74

您可以編輯下列項目 Dynamic Media設定 按一下 編輯 在元件中。

注意

依預設,Dynamic Media視訊元件是最適化的。 如果要將其設為固定大小,請在元件中使用 寬度高度進階 標籤。

檢視器預設集 — 從下拉式選單中選取現有的視訊檢視器預設集。 如果您要尋找的檢視器預設集未顯示,您必須使其顯示。 請參閱 管理檢視器預設集.

您可以編輯下列項目 進階 按一下 編輯 在元件中。

標題 — 變更視訊的標題。

寬度和高度 — 如果您希望視訊大小固定,請輸入像素值。 將這些值保留為空白,可使其變得最適化。

傳送安全視訊

在Experience Manager6.2中,當您安裝 FP-13480,您可以控制視訊是透過安全SSL連線(HTTPS)或不安全連線(HTTP)傳送。 依預設,視訊傳送通訊協定會自動從內嵌網頁的通訊協定繼承。 如果網頁透過HTTPS載入,視訊也會透過HTTPS傳送。 反之,如果網頁是在HTTP上,視訊會透過HTTP傳送。 通常,此預設行為正常,不需要進行任何設定變更。 不過,您可以覆寫此預設行為。 附加 VideoPlayer.ssl=on 至URL路徑的結尾,或內嵌程式碼片段中其他檢視器設定參數的清單。 任一動作都會強制確保視訊傳送安全。

如需安全視訊傳送和使用 VideoPlayer.ssl URL路徑中的設定屬性,請參閱 安全視訊傳送 (位於檢視器參考指南中)。 除了視訊檢視器,混合媒體檢視器和互動式視訊檢視器也提供安全的視訊傳送。

互動式媒體元件

互動式媒體元件適用於在這些資產上具有互動的熱點或影像地圖。 如果您有互動式影像、互動式視訊或輪播橫幅,請使用 互動式媒體 元件。

此 互動式媒體 元件是智慧型的 — 視您新增影像或視訊而定,會有各種選項。 此外,檢視器回應速度快。 也就是說,螢幕的大小會根據螢幕大小自動變更。 所有檢視器都是以HTML5為基礎的檢視器。

chlimage_1-75

您可以編輯下列項目 一般 按一下 編輯 在元件中。

檢視器預設集 — 從下拉式選單中選取現有的檢視器預設集。 如果您要尋找的檢視器預設集未顯示,您必須使其顯示。 必須先發佈檢視器預設集,才能使用。 請參閱 管理檢視器預設集.

標題 — 變更視訊的標題。

寬度和高度 — 如果您希望視訊大小固定,請輸入像素值。 將這些值保留為空白,可使其變得最適化。

您可以編輯下列項目 添加到購物車 按一下 編輯 在元件中。

顯示產品資產 — 預設情況下,此值為已選取。 產品資產會依照商務模組中的定義顯示產品的影像。 清除勾號以不顯示產品資產。

顯示產品價格 — 預設情況下,此值為已選取。 產品價格顯示商務模組中定義的項目價格。 清除勾號以不顯示產品價格。

顯示產品表單 — 預設不會選取此值。 產品表單包含任何產品變體,例如大小和顏色。 清除勾號以不顯示產品變體。

本頁內容