FVS本地影片組件

適用場景：安裝了「FVS大屏編輯模式」插件的使用者，可參考本文了解 FVS 範本的相關功能。

注：不支援行動端。

1.1 版本

1.2 功能簡介

影片型別支援三種：

• 內建影片：可選擇產品內建小影片。

• 自訂影片：使用者自己上傳的本地影片，僅支援 webm、mp4、mov、ogg 四種影片格式。

• 線上影片：呼叫線上影片的絕對位址，同樣僅支援 webm、mp4、mov、ogg 四種影片格式。

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

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

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

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

點選工具欄【檔案】→【建立視覺化看板】。

在頁面中新增一個「本地影片組件」，預設顯示「請在右側選擇影片」。如下圖所示：

3.1 我的資源

選中本地影片組件，點選「內容」，影片型別選擇「我的資源」，點選「選擇」，選擇需要的視頻，選中後點選「完成」即可。

如下圖所示：

3.2 自訂上傳

使用者可將自己本地準備好的素材視頻上傳至範本中，並使用它。

3.2.1 上傳視頻

選擇「自訂上傳」型別後，點選「選擇」，點選「+上傳視頻」，即可選擇本地視頻檔案聯集傳，支援多選視頻檔案批量上傳。

支援上傳的視頻檔案為 webm、mp4、mov 和 ogg 格式。

注：請勿手動修改視頻檔案的後綴名來滿足格式要求，這仍會導致資源上傳失敗。

3.2.2 删除视频

在视频列表中，鼠标悬浮到对应视频上，视频右上角出现删除按钮。

点击「删除」按钮，跳出提示框「删除素材会影响到所有使用该素材的组件，是否确认删除？」，点击「确认删除」，即可删除该视频素材。

若某个本地视频组件使用了被删除的视频素材，那么预览时该组件内容为空。

3.2.3 注意事项

上传的视频没有大小限制，但视频资源较大时，可能由于浏览器缓存大小不足而导致预览卡顿等问题。若感受到明显卡顿，建议 压缩视频 或 修改浏览器缓存限制。

修改chrome最大缓存限制方法如下：
打开注册管理器，在 HKEY_LOCAL_MACHINE\SOFTWARE\Policies 下新建 Google\Chrome，新建项 DiskCacheSize，设置值为 77359400，保存并重启电脑后生效。

3.3 在线视频

本地视频组件支持调用在线视频，请确保服务器可访问填写的视频地址，且调用的视频源文件仅支持 webm、mp4、mov 和 ogg 格式。

选中本地视频组件，点击「内容」，视频类型选择「在线视频」，填写视频地址，即可调用该视频素材。如下图所示：

视频地址不支持相对地址，仅支持绝对地址，形如https://src.fanruan.com/web/fr/video/finereportvideo.mp4。

注：网页中可通过浏览器的「开发者工具」定位视频，获取视频原地址即「绝对地址」。详细操作请自行百度。

若输入的视频地址不对，例如直接输入了网页地址，预览时组件提示如下图所示：

若在线视频原文件格式不属于 webm、mp4、mov 和 ogg 格式，或网络有问题。预览时组件提示如下图所示： 

內建影片、自訂影片、線上影片均支援設定影片屬性。

4.1 填充方式

4.2 色相

色相調整範圍為0~360。

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

4.3 顯示影片工具欄

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

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

4.4 在當前頁自動播放

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

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

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

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

4.5 迴圈播放

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

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

4.6 初始音量

影片音量調整範圍為0~100。

已完成範本請參見：FVS本地視頻組件範例.fvs