在線視頻模塊介紹（自適應模板）

一、功能介紹

在線視頻模塊能用于展示企業(yè)形象、產(chǎn)品、服務等，視頻相較于文字更容易吸引用戶的眼球。

二、功能說明

【版本】任意版本均可使用，不同版本限制不同

三、設置教程

1. 添加模塊

1.1 在網(wǎng)站設計頁面，點擊左側(cè)導航【模塊-基礎】，添加【在線視頻】模塊。

2. 添加“在線視頻”模塊后，在編輯面板中替換掉模塊的示例視頻，支持三種添加視頻方式。

① 本地添加

點擊“更換”按鈕，在彈窗內(nèi)上傳本地視頻。

（注意：上傳本地視頻前需轉(zhuǎn)換視頻格式，否則可能會無法播放哦。點擊此處了解如何轉(zhuǎn)換視頻格式）

② 通用代碼

選擇“通用代碼”，將視頻通用代碼粘貼到框內(nèi)，如下圖。

（點擊此處了解如何獲取騰訊、優(yōu)酷、愛奇藝的通用代碼）

③ 視頻地址

選擇“視頻地址”，將視頻的地址粘貼到框內(nèi)。

（點擊此處了解如何查看視頻地址）

2. 編輯模塊

添加視頻后，可對視頻添加文字描述。

2.1 電腦視圖

2.1.1 支持設置視頻高度、片頭圖片、播放方式。

① 視頻高度：支持自定義視頻高度。

② 片頭圖片：默認展示視頻首幀，也可自定義片頭圖片。

③播放方式：支持彈層播放或直接播放。

2.1.2 設置

支持自定義視頻描述的文字樣式，包括大小、字體、顏色、位置。

2.1.3 標題欄

默認是隱藏標題欄，當取消隱藏標題欄后，支持自定義模塊標題、標題文字樣式、標題欄高度、標題欄背景。

2.1.4 間距

可通過修改“在線視頻”模塊的外間距，調(diào)整“在線視頻”模塊與通欄內(nèi)容區(qū)邊界之間的距離。

2.2 手機視圖

2.2.1 標題欄

支持顯示或隱藏標題欄，以及自定義標題欄文字、高度、背景。

2.2.2 間距

通過修改模塊的外間距，可調(diào)整模塊與通欄內(nèi)容邊界之間的距離。