1. 概述
1.1 版本
| 報表伺服器版本 | 插件版本 | App | HTML5行動端展現 |
|---|---|---|---|
| 11.0 | 11.0.37 | 10.4.69 | V10.4.69 |
1.2 應用場景
在現在越來越多的企業戰情室展示需求背景下，表格資料、圖表混合着視頻一同展現在同一個螢幕下的需求比較常見。
使用者可安裝「視頻播放元件插件」，實現範本中播放視頻的效果。
1.3 功能描述
在決策報表中可以新增視頻元件用於播放線上視頻或本地視頻。
在行動端範本中不支援全螢幕、不支援組件選中、不支援絕對畫布塊；支援設定導航書籤、支援凍結在行動端範本頂部。
注：該插件使用的是 HTML 的視頻播放技術，因此僅支援谷歌瀏覽器、火狐瀏覽器、Safari 瀏覽器以及 IE11+ 的瀏覽器，如果需要支援 IE11 以下的的瀏覽器，可以使用 Flash 播放技術，自行使用原始碼修改。
MP4 視頻編碼只支援 AVC(H264) ，如果無法播放請您檢查編碼後轉碼。
2. 範例
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 設定屬性
各設定項的屬性介紹如下表所示：
| 設定項 | 說明 |
|---|---|
| 可見 | 勾選：範本預覽時該元件可見 未勾選：範本預覽時不可見 |
| 可用 | 未勾選該按鈕，行動端使用該插件播放視頻時無影響 |
| 自動播放 | 勾選：可自動播放視頻，若新增多個元件視頻，則預覽時可同時自動播放 未勾選：不自動播放，點選播放按鈕後，從預設狀態到播放狀態 注1：PC 端在Chrome瀏覽器（以及所有以Chromium為核心的瀏覽器）中，不允許自動播放音頻和視頻。此時勾選「靜音」才能自動播放視頻 注2：App 端單個視頻可自動播放，多個視頻時僅隨機播放某一個或幾個視頻 注3：不支援 HTML5 端自動播放 |
| 顯示控制器 | 勾選： 行動端：視頻播放時可暫停視頻、快進視頻、調節音量 PC 端：視頻播放時可暫停視頻、快進視頻、調節音量、全螢幕顯示、下載視頻 未勾選：視頻播放時不能對視頻進行操作 |
| 循環播放 | 勾選：視頻播放完畢自動進入下一輪播放 未勾選：視頻播放完畢後即停止 |
| 靜音 | 勾選：喇叭圖示關閉，即使播放也預設靜音 未勾選：聲音大小跟隨手機系統聲音，大小可調節 |
| 預載入 | 勾選：暫停播放後，斷開網路，可繼續播放 未勾選：暫停播放，斷開網路，點選播放顯示網路錯誤 |
2.4 效果預覽
2.4.1 PC 端
PC 端效果如下圖所示：
2.4.2 行動端
注：HTML5 端不支援「自動播放」。
以 App 效果為例，如下圖所示：
