FVS本地影片組件

1. 本地影片組件，可展示各類内建影片、自訂影片或線上影片。

2. 影片格式支援四種：webm、mp4、mov、ogg。

3. 本文僅為大家介紹本地影片組件特有功能，其他屬性不贅述。

4. 組件互動請參見：FVS組件框架互動屬性 。

5. 組件動畫請參見：FVS組件框架動畫屬性 。

6. 組件屬性請參見：FVS組件屬性 。

1

新增本地影片組件。

1. 點擊工具欄【檔案】→【新建大屏範本】。

2. 在頁面中新增一個本地影片組件。

2

使用內建影片。

1. FVS大屏範本內建了一些影片素材，選中本地影片組件，點擊【内容】→【內建影片】→【選擇】。

2. 使用者可自行選擇需要的影片，選中後點擊【完成】，即完成影片配置。

3

使用自訂影片。

1. 使用者可将自己本機準備好的素材影片上傳至範本中，并使用它。

2. 選擇【自訂影片】→【選擇】→【+上傳影片】，即可選擇本地影片文件并上傳。

3. 支援上傳的影片格式爲 webm、mp4、mov 和 ogg 。

4. 上傳後的影片素材在該FVS範本的任何一個本地影片組件中均可使用。

5. 選擇【自訂上傳】→【選擇】，選中影片素材後，點擊【完成】，即可使用該素材。

6. 點擊【選擇】，鼠标懸浮到對應影片上，影片右上角出現删除按鈕，點擊按鈕可刪除該自訂素材。

7. 若某個本地影片組件使用了被删除的影片素材，那麽預覽時該組件内容爲空。

4

使用線上影片。

1. 本地影片組件支援使用線上影片，請确保伺服器可訪問填寫的影片地址。

2. 選中本地影片組件，點擊【内容】→【線上影片】，填寫影片地址，即可使用該影片素材。

3. 影片地址僅支援絕對地址，形如https://src.fanruan.com/web/fr/video/finereportvideo.mp4。

1

填充方式。

2

色相。

1. 色相調整範圍爲0~360。

2. 色相設定支援拖動或直接輸入。

3

顯示影片工具欄。

1. 若不勾選【顯示影片工具欄】，則無法暫停/開始影片播放，無法調節影片音量。

2. 若勾選了【顯示影片工具欄】，則單擊影片可暫停/開始影片播放；滑鼠懸浮到影片上，影片下方出現進度條、暫停按鈕、音量調節按鈕。

4

在當前頁自動播放。

1. 若不勾選【在當前頁自動播放】按鈕，預覽範本時，需要手動點擊組件以播放影片。

2. 若初始音量爲0，勾選了【在當前頁自動播放】按鈕，預覽範本時，無需手動點擊，将自動播放影片。

注：若不勾選【在當前頁自動播放】按鈕，請務必勾選【顯示影片工具欄】按鈕，否則在預覽時無法手動/自動播放影片。

注：若影片組件在範本第一個分頁中，初始音量不爲0，且勾選了【在當前頁自動播放】按鈕，由於chrome的限制，預覽範本時，仍需要手動點擊組件以播放影片。

5

迴圈播放。

1. 若不勾選【迴圈播放】按鈕，影片僅播放一次，如需再次播放，需要手動點擊組件以播放影片。

2. 若勾選了【迴圈播放】按鈕，影片播放結束後，會自動從頭開始再次播放，周而複始。

6

初始音量。

1. 影片音量調整範圍爲0~100。

1. 已完成範本請參見：FVS本地影片組件示例.fvs