基本元件：影片

影片來源

「影片來源」支援二種設定方式：

YouTube 👉 預設值

來源選擇 YouTube 時，可以輸入下列三種格式的影片網址：
- 短網址：https://youtu.be/fFNEDtcfc1o
- 一般影片的完整網址：https://www.youtube.com/watch?v=DrutY_E2IaI
- Shorts 的完整網址：https://www.youtube.com/shorts/h7EOq9G8kSc
HTML5（可以簡單理解成「自行上傳至圖床的影片」）

來源選擇 HTML5 時，可以輸入下列二種格式的影片網址：
- MP4：https://api.awoo.org/amp-image/campaign-star/video/awooIntelligence.mp4
- WebM：https://dl6.webmfiles.org/big-buck-bunny_trailer.webm

❗️
請注意：
目前不提供上傳影片至 Campaign Star 的功能，您需要先在網路空間上傳影片，再複製影片連結過來。

影片縮圖

系統預設會顯示內建的「影片縮圖」：

YouTube 影片：顯示 YouTube 平台側的影片封面圖
HTML5 影片：顯示影片開頭第一幀的畫面 (screenshot)

如果有需要，也可另外上傳圖片，上傳方式同「圖片 Image」元件，詳見：圖片來源。

無論是使用預設縮圖或自行上傳的圖片，縮圖一律會置中放大填滿 (cover)，蓋住整個影片元件的顯示範圍，超出元件範圍的部分會被 crop 掉。

影片大小

▌設定影片的寬度

新增影片元件後，預設為「全寬顯示」，此時會依影片所屬的上層 Column 的寬度，100% 顯示
關閉「全寬顯示」後，可自訂影片的「最大寬度」：
- 當頁面寬度超過最大寬度的值，影片的寬度也只會依這個值顯示
- 當頁面寬度小於最大寬度的值，影片的寬度會依頁面寬度等比例縮小顯示

▌設定影片的高度

影片的「顯示高度」無法直接設定，必須用「顯示寬度」和「影片比例」二個設定項綜合回推，例如：

寬度 200 px、顯示比例為 1:1 時，影片的高度即為 200/1*1 = 200 px
寬度 500 px、顯示比例為 4:3 時，影片的高度即為 500/4*3 = 375 px

▌設定影片的比例

調整「影片寬度」和「影片比例」時，只有影片元件的元件範圍會改變，實際影片播放畫面還是按照影片原生比例呈現，不會跟著變形。此時不滿元件範圍的部分會以黑底呈現。

進階影片設定

是否顯示播放器面板 (Show controls)

啟用效果

停用效果
是否自動播放 (Autoplay)

因 Chrome、Safari 等常見瀏覽器有鎖隱私權控制，限制未靜音影片的自動播放效果，啟用此項後系統會自動連動啟用「靜音」功能。
是否循環播放 (Loop)
是否靜音 (Mute)
是否在結尾畫面顯示相關影片 (Show related videos)

只有 YouTube 影片會有這個控制項。

如果希望消費者專注停留在 Campaign Star 活動頁或電商網站上，請停用這個功能。
是否指定播放時間 (Start/End Time)

若同時啟用「循環播放」，請注意只有第一次播放會按照指定時間範圍，第二次（含）以後的播放就會無視指定時間，一律從頭播放到尾。

其他注意事項

因 Email 載體不允許在信件內直接播放影片，系統不支援在 Email HTML 匯出影片元件。

這代表在 Email HTML 匯出結果看不到影片元件，是正常的！
當影片的來源網址發生下列任一種異常時，只有在後台編輯器畫布可以看見這個失效的影片元件，實際網店 SDK 頁面會直接略過不顯示：
1. 未填入影片網址
2. 填入非指定格式的網址
3. 填入的影片網址已失效

Updated about 2 months ago