一、概述
本地影片組件,可展示各類内建影片、自訂影片或線上影片。
影片格式支援四種:webm、mp4、mov、ogg。
本文僅為大家介紹本地影片組件特有功能,其他屬性不贅述。
組件互動請參見:FVS組件框架互動屬性 。
組件動畫請參見:FVS組件框架動畫屬性 。
組件屬性請參見:FVS組件屬性 。
二、使用組件
1
新增本地影片組件。
點擊工具欄【檔案】→【新建大屏範本】。
在頁面中新增一個本地影片組件。
2
使用內建影片。
FVS大屏範本內建了一些影片素材,選中本地影片組件,點擊【内容】→【內建影片】→【選擇】。
使用者可自行選擇需要的影片,選中後點擊【完成】,即完成影片配置。
3
使用自訂影片。
使用者可将自己本機準備好的素材影片上傳至範本中,并使用它。
選擇【自訂影片】→【選擇】→【+上傳影片】,即可選擇本地影片文件并上傳。
支援上傳的影片格式爲 webm、mp4、mov 和 ogg 。
上傳後的影片素材在該FVS範本的任何一個本地影片組件中均可使用。
選擇【自訂上傳】→【選擇】,選中影片素材後,點擊【完成】,即可使用該素材。
點擊【選擇】,鼠标懸浮到對應影片上,影片右上角出現删除按鈕,點擊按鈕可刪除該自訂素材。
若某個本地影片組件使用了被删除的影片素材,那麽預覽時該組件内容爲空。
4
使用線上影片。
本地影片組件支援使用線上影片,請确保伺服器可訪問填寫的影片地址。
選中本地影片組件,點擊【内容】→【線上影片】,填寫影片地址,即可使用該影片素材。
影片地址僅支援絕對地址,形如https://src.fanruan.com/web/fr/video/finereportvideo.mp4。
三、組件屬性設定
1
填充方式。
影片填充方式 | 定義 |
适應 | 影片畫面寬高比不變,等比拉大/縮小影片,确保寬/高充滿組件即可 |
拉伸 | 影片寬度拉伸至組件寬度,影片高度拉伸至組件高度 |
2
色相。
色相調整範圍爲0~360。
色相設定支援拖動或直接輸入。
3
顯示影片工具欄。
若不勾選【顯示影片工具欄】,則無法暫停/開始影片播放,無法調節影片音量。
若勾選了【顯示影片工具欄】,則單擊影片可暫停/開始影片播放;滑鼠懸浮到影片上,影片下方出現進度條、暫停按鈕、音量調節按鈕。
4
在當前頁自動播放。
若不勾選【在當前頁自動播放】按鈕,預覽範本時,需要手動點擊組件以播放影片。
若初始音量爲0,勾選了【在當前頁自動播放】按鈕,預覽範本時,無需手動點擊,将自動播放影片。
注:若不勾選【在當前頁自動播放】按鈕,請務必勾選【顯示影片工具欄】按鈕,否則在預覽時無法手動/自動播放影片。
注:若影片組件在範本第一個分頁中,初始音量不爲0,且勾選了【在當前頁自動播放】按鈕,由於chrome的限制,預覽範本時,仍需要手動點擊組件以播放影片。
5
迴圈播放。
若不勾選【迴圈播放】按鈕,影片僅播放一次,如需再次播放,需要手動點擊組件以播放影片。
若勾選了【迴圈播放】按鈕,影片播放結束後,會自動從頭開始再次播放,周而複始。
6
初始音量。
影片音量調整範圍爲0~100。