在編輯進階頁面時，您可以透過新增「影片組合元件」，在分頁中加入 YouTube、Facebook 或 Vimeo 的影片，並且可調整影片的位置。
⚠️ 開始前請注意：
- SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
- 使用 SHOP Builder 建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。
以下將分別說明：
一、 增加影片組合元件
步驟一
前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。
步驟二
點按「元件」按鈕。
步驟三
點選「影片組合」元件。
步驟四
在欄位中輸入 YouTube、Facebook 或 Vimeo 影片網址。
點按「＋影片」按鈕可加入更多影片，最多支援一橫排加入 4 個影片。
＊注意：
- 目前尚未支援指定秒數的網址及短網址。
- 由於手機螢幕大小的限制，手機版頁面僅支援一橫排顯示 1 個影片。
步驟五
輸入影片標題，以及設定標題的對齊格式（靠左/置中/靠右）。
步驟六
調整影片的相關設定（前五項預設關閉）：
- 全寬模式：設定影片寬度為全寬模式。
-
簡潔播放模式：顧客開始播放影片後，第三方按鈕（如：進度條、音量、Logo 等）將被隱藏，此時顧客只能暫停／播放影片。
- 註：按鈕隱藏程度受限於第三方平台的開放權限，各平台呈現效果可能略有不同。影片實際播放效果可參考下方說明。
- 自動播放：顧客滑動頁面至影片位置時自動播放影片。
- 循環播放：設定影片結束時會再從頭開始播放。
- 預設靜音：顧客播放影片時預設為靜音模式。
- 影片比例：選擇影片比例，分為 16:9、4:3、9:16 三種比例。
- 邊距：調整影片組合元件與頁面的邊距。
＊注意：
- 建議依照影片拍攝時的比例選取適合的選項，否則影片將出現黑邊。
- 根據瀏覽器通用規範（適用於 Chrome、Safari 及其他瀏覽器），若希望影片自動播放，請開啟靜音。影片實際播放效果可參考下方說明。
- 只有在開啟自動播放模式時，才可使用簡潔播放模式播放影片。
- 由於各平台啟用簡潔播放模式與循環播放的限制有所不同，建議一併開啟「自動播放」和「預設靜音」功能後再啟用上述設定。
步驟七
在設定過程中可點按下方「儲存」按鈕，於右側預覽畫面查看新增的影片組合元件。
或是點按右上方「預覽商店」，查看完整的前台預覽畫面。
＊備註：下圖以 Facebook 影片為例，支援全螢幕或前往 Facebook 觀看影片。
步驟八
確認完成上述設定後，請點按右上角「發佈」按鈕，顧客即可在商店前台查看此分頁所有新增的內容。
二、影片實際播放效果
情境一
您已開啟「自動播放」功能＋顧客使用「手機」瀏覽包含影片的頁面目前尚未支援在此情境下自動播放影片，顧客需點按播放按鈕，點按後將直接在官網頁面播放影片。
情境二
您未開啟「自動播放」功能＋顧客使用「手機」瀏覽包含影片的頁面顧客需點按播放按鈕兩次才會播放影片，且將以全螢幕模式播放。
情境三
您已開啟「自動播放」功能＋顧客使用「電腦」瀏覽包含影片的頁面您需一併開啟「預設靜音」功能，即可自動播放影片。
情境四
您未開啟「自動播放」功能＋顧客使用「電腦」瀏覽包含影片的頁面顧客需點按播放按鈕，點按後將直接在官網頁面播放影片。
情境五
您已開啟「簡潔播放模式」及「循環播放」功能＋顧客使用「電腦」瀏覽包含影片的頁面YouTube
需一併開啟「自動播放」與「預設靜音」功能，即可使用簡潔播放模式與循環播放。
＊註：開始播放 1~2 秒後，按鈕將被隱藏，點按影片任一處可暫停播放，僅會出現「更多影片」，再次點按即可繼續播放影片。
Vimeo
需一併開啟「自動播放」功能，即可使用簡潔播放模式與循環播放。影片播放後會預設靜音。
＊註：開始播放即隱藏所有按鈕，點按影片任一處可暫停播放，再次點按即可繼續播放影片。
需一併開啟「自動播放」與「預設靜音」功能，即可使用簡潔播放模式與循環播放。
＊註：點按影片任一處暫停後仍會出現進度條、音量鍵等按鈕，但無法操作，如點選按鈕只會繼續播放影片。
情境六
您已開啟「簡潔播放模式」及「循環播放」功能＋顧客使用「手機」瀏覽包含影片的頁面YouTube
需一併開啟「自動播放」與「預設靜音」功能，即可使用簡潔播放模式與循環播放。
＊註：開始播放 1~2 秒後，按鈕將被隱藏，點按影片任一處可暫停播放，再次點按即可繼續播放影片。
Vimeo
需一併開啟「自動播放」功能，即可使用簡潔播放模式與循環播放。影片播放後會預設靜音。
＊註：開始播放即隱藏所有按鈕，點按影片任一處可暫停播放，再次點按即可繼續播放影片。
不支援「簡潔播放模式」，點按影片後仍無法播放。需關閉「簡潔播放模式」或開啟「預設靜音」功能，才能使用循環播放模式。
三、注意事項
-
若影片被刪除或分享對象僅部分人，將無法播放影片。
- 若您加入的是「直播影片」，且已開啟「自動播放」及「預設靜音」功能：
- 顧客使用「手機」瀏覽此頁面，需先點按播放按鈕，點按後才會以全螢幕模式播放影片。
- 顧客使用「電腦」瀏覽此頁面，只要您已開啟「預設靜音」功能，皆會自動播放影片。
- 載入影片時，畫面將呈現黑色，此為 Facebook 處理機制。
延伸閱讀
評論