Weber更新日誌

組件概述

視頻組件用於在頁面嵌入影片內容，支援本地上傳視頻檔案或是HTML5視頻播放。

適用場景

1. 首頁品牌宣傳影片、產品功能演示短片

2. 案例頁、關於我們頁放入企業介紹影片

3. 落地頁使用短片替代大段文字，提升轉化

4. 教學頁面嵌入操作教學影片

不建議使用場景

1. 頁面背景動態影片：請使用【背景視頻】組件

2. 極小空間內放置長影片：卡片、小模塊空間不適合放入長影片，會造成操作不便，建議改用【圖片】或【彈窗】播放。

3. 超大檔案本地上傳長影片：檔案體積過大會大幅拖慢頁面載入，長影片優先使用【第三方視頻】組件嵌入。

4. 導航下拉面板（超級下拉 / 全屏下拉）內放入影片：容易造成卡頓，如有需求建議只放【圖片】。

5. 高度自定義播放器：本組件播放器樣式可調整範圍有限，建議使用固定【視頻比例】選項。

組件使用

1、視頻組件可以通過以下兩個方式添加視頻：HTML5視頻 和 上傳視頻

2、視頻組件可以在編輯器右側【設置】中，開啟【自動播放】和【循環播放】功能。（注意：受瀏覽器等平台規則限制，自動播放視頻默認為【靜音播放】）

3、視頻組件尺寸可在Class的【尺寸】內調整【寬高比】，或者可以自定義寬高，若視頻素材尺寸與設置尺寸比例不符合，可以調整【圖片鋪滿】和【圖片對齊位置】進行組合設置（注意：可能會犧牲視頻部分畫面，推薦按照原視頻素材尺寸設置）

4、可在Class中【邊框】調整視頻組件圓角/邊框寬度等