共用方式為


影片播放器模組

本文介紹影片播放器模組並介紹如何將它們新增至網站頁面 Microsoft Dynamics 365 Commerce。

視訊播放模組用於支援視訊播放。 它可以添加到任何頁面,前提是影片內容上傳到內容管理系統 (CMS) 並在其中可用。 視訊播放器模組支援。mp4 媒體類型。

影片播放器模組

視訊播放器模組可用於在電子商務網站上展示影片。 它支援所有播放功能,例如播放、暫停、全尺寸模式、音訊描述和隱藏式字幕。 視訊播放器模組還支援自訂隱藏式字幕,以滿足 Microsoft 輔助功能標準。 例如,您可以自訂字體大小和背景顏色。

視訊播放器模組也支援輔助音軌。 將影片上傳到 CMS 時,還可以上傳輔助音軌。 如果使用者選擇了輔助音軌,則視訊播放器模組然後可以播放它。

電子商務中視訊播放模組範例

  • 產品詳細資訊頁面或行銷頁面上的教學視頻
  • 任何行銷頁面上的宣傳影片或有關政策的視頻
  • 在產品詳細資訊頁面或行銷頁面上突出產品功能的行銷視頻

下圖顯示了主頁上視訊播放器模組的範例。

視訊播放器模組的範例。

視訊播放器模組屬性

屬性名稱 描述
標題 標題文字與標題標記(H1H2H3H4H5H6) 預設情況下, H2 標題標記用於標題,但可以更改該標記以滿足輔助功能要求。
RTF 文字 段落文字 此模組支援富文本格式的段落文字。 支援一些基本的富文本功能,例如超連結以及粗體、底線和斜體文字。 其中一些功能可以被應用於模組的頁面主題覆蓋。
連結 連結文字、連結 URL、可存取的豐富 Internet 應用程式 (ARIA) 標籤和 在新分頁中開啟連結 選擇器 此模組支援一個或多個「號召性用語」連結。 如果新增鏈接,則需要連結文字、URL 和 ARIA 標籤。 ARIA 標籤應具有描述性,以滿足可訪問性要求。 可以配置鏈接,以便在新選項卡上打開它們。
副文本 標題、文字或鏈接 可以新增視訊播放器模組的附加上下文,例如作者或設計者姓名,或個人部落格的連結。
自動播放 TrueFalse 當該值設定為 True時,影片會自動播放。
靜音 TrueFalse 當該值設定為 True時,音訊將靜音。 對於此播放器,預設值為 False。 在 Chrome 瀏覽器中,自動播放影片預設是靜音的,只有使用者手動播放影片時才會播放音訊。
循環播放 TrueFalse 當該值設定為 True時,影片會循環重複。
媒體 視訊檔案路徑和名稱 在影片播放器中播放的影片檔案。
全螢幕播放 TrueFalse 當數值設定為 True時,影片以全螢幕模式播放。
播放暫停發射鍵 TrueFalse 當該值設定為 True時,影片上會顯示播放/暫停按鈕。
影片播放器控制項 TrueFalse 當數值設定為 True時,將顯示所有影片播放器控制項。 這些控制項包括播放和暫停按鈕、進度指示器和隱藏式字幕選項。
隱藏海報影像 TrueFalse 影片可以有海報框。 當此屬性的值設定為 True時,海報框架將被隱藏。
遮罩層級 0100 的數字 套用於影片以進行樣式設定的遮罩。

重要

標題富文本連結、和 子文本 屬性自 Dynamics 365 Commerce 10.0.20 版本起可用。

在頁面上新增視訊播放器模組

附註

在建立影片播放器模組之前,您必須先將影片上傳到媒體庫。

若要將視訊播放器模組新增至新頁面並設定所需的屬性,請依照下列步驟操作。

  1. 前往 範本,然後選擇 新建 建立新範本。
  2. 新範本 對話方塊中的 範本名稱下,輸入 影片播放器模板,然後選擇 確定
  3. 正文 插槽中,選擇省略號 (...),然後選擇 新增模組
  4. 選擇模組 對話框中,選擇 預設頁面 模組,然後選擇 好的
  5. 預設頁 模組的 插槽中,選擇省略號 (. . .),然後選擇 新增模組
  6. 選擇模組 對話方塊中,選擇 容器 模組,然後選擇 好的
  7. 容器 插槽中,選擇省略號 (...),然後選擇 新增模組
  8. 選擇模組 對話框中,選擇 視訊播放器 模組,然後選擇 好的
  9. 選擇 儲存,選擇 完成編輯 以簽入模板,然後選擇 發佈 以發布它。
  10. 前往 頁面,然後選擇 新建 以建立新頁面。
  11. 建立新頁面 對話方塊中的 頁面名稱下,輸入 影片播放器頁,然後選擇 下一步
  12. 選擇範本下,選擇您建立的 影片播放器範本 ,然後選擇 下一步
  13. 選擇佈局下,選擇頁面佈局(例如 靈活佈局),然後選擇 下一步
  14. 查看並完成下,查看頁面配置。 如果您需要編輯頁面訊息,請選擇 返回。 如果頁面資訊正確,請選擇 建立頁面
  15. 在新頁面的 插槽中,選擇省略號 (...),然後選擇 新增模組
  16. 選擇模組 對話方塊中,選擇 容器 模組,然後選擇 好的
  17. 容器 插槽中,選擇省略號 (...),然後選擇 新增模組
  18. 選擇模組 對話框中,選擇 視訊播放器 模組,然後選擇 好的
  19. 在視訊播放器模組的屬性窗格中,選擇 新增視訊
  20. 媒體選擇器 對話框中,選擇一個視頻,然後選擇 上傳新媒體項目
  21. 在檔案總管中,選擇一個視訊文件,然後選擇 開啟
  22. 上傳媒體項目 對話框中,根據需要輸入標題和其他信息,然後選擇 確定
  23. 媒體選擇器 對話方塊中,選擇 關閉
  24. 選擇 儲存,然後選擇 預覽 以預覽頁面。 您應該在頁面上看到視訊模組。 您可以變更其他設定來自訂模組的行為。
  25. 選擇 完成編輯 簽入頁面,然後選擇 發佈 發佈。

其他資源

模組資源庫概觀

促銷橫幅模組

輪播模組

文字區塊模組

內容區塊模組