視頻播放元件插件

1.1 版本

1.2 應用場景

在現在越來越多的企業戰情室展示需求背景下，表格資料、圖表混合着視頻一同展現在同一個螢幕下的需求比較常見。

使用者可安裝「視頻播放元件插件」，實現範本中播放視頻的效果。

1.3 功能描述

• 在決策報表中可以新增視頻元件用於播放線上視頻或本地視頻。

• 在行動端範本中不支援全螢幕、不支援組件選中、不支援絕對畫布塊；支援設定導航書籤、支援凍結在行動端範本頂部。

注：該插件使用的是 HTML 的視頻播放技術，因此僅支援谷歌瀏覽器、火狐瀏覽器、Safari 瀏覽器以及 IE11+ 的瀏覽器，如果需要支援 IE11 以下的的瀏覽器，可以使用 Flash 播放技術，自行使用原始碼修改。

• MP4 視頻編碼只支援 AVC(H264) ，如果無法播放請您檢查編碼後轉碼。

2.1 安裝插件

點選下載插件：視頻播放元件插件

設計器插件安裝方法參照：設計器插件管理

伺服器安裝插件方法參照：伺服器插件管理

2.2 新增元件

在 FineReport 設計器中建立決策報表，在元件處點選「下拉」箭頭，將「Video」元件拖入到決策報表中即可使用，如下圖所示：

2.3 設定元件

2.3.1 準備視頻

範例視頻地址為「本地資源」，點選下載範例視頻：测试.mp4

將壓縮包解壓後，將視頻放在%FR_HOME%\webapps\webroot資料夾下，如下圖所示：

注：本地資源僅支援 %FR_HOME%\webapps\webroot 目錄以及其子目錄（但不支援 WEB-INF 目錄）下的視頻資源。

2.3.2 新增視頻地址

1）本地資源：僅支援 %FR_HOME%\webapps\webroot 目錄以及其子目錄（但不支援 WEB-INF 目錄）下的視頻資源。

支援的視頻格式如下：

• 行動端Android系統：mp4、mkv

• 行動端 iOS 系統：mp4

• PC 端支援視頻格式：mp4

注：MP4 視頻編碼只支援 AVC(H264) ，如果無法播放請您檢查編碼後轉碼。

2）遠端資源：僅支援 .mp4 格式的視頻資源，直接在地址框中輸入地址即可。

注：

如果輸入資源地址，或使用地址連接URL參數，不要點選右邊的 F(x) 按鈕。

如果需要使用 IF 等函式判斷最終資源地址，可點選右邊的 F(x) 按鈕，輸入公式。

2.3.3 設定屬性

各設定項的屬性介紹如下表所示：

2.4 效果預覽

2.4.1 PC 端

PC 端效果如下圖所示：

2.4.2 行動端

注：HTML5 端不支援「自動播放」。

以 App 效果為例，如下圖所示：