D09-01 視頻播放元件

1. 安裝該插件後，決策報表中可以新增影片元件用於播放線上或本地影片。

2. 影片播放元件插件在行動端範本中不支援全屏、不支援元件選中、不支援絕對畫布塊，支援設定導航書籤，支援凍結在行動端範本頂部。

3. 該插件僅支援谷歌瀏覽器、火狐瀏覽器、Safari 瀏覽器以及 IE11+ 的瀏覽器。

4. 插件安裝方式，可參考A11-18伺服器-插件管理。

1

點選【檔案】→【新增決策報表】，將【Video】元件拖入畫布。

2

基本-元件名。

1. 可以為畫布中的影片播放元件設定元件名。

2. 元件名預設為video0，也可手動輸入任意名稱。

3. 擁有名稱後，可以通過JavaScript獲取組件，從而修改組件屬性。

3

基本-影片地址。

1. 點選影片地址後的【...】按鈕，進入影片設定介面。

2. 影片可設定為【本地資源】或【遠端資源】。

3. 【遠端資源】直接在公式介面輸入資源路徑即可。

4. 【本地資源】需要先將影片放在%FR_HOME%\webapps\webroot資料夾下，本地資源僅支援%FR_HOME%\webapps\webroot目錄以及其子目錄（但不支援 WEB-INF 目錄）下的影片資源。

5. 【本地資源】和【遠端資源】均支援mp4格式，【本地資源】行動端安卓系統還支援mkv格式。

4

基本-可用。

1. 勾選可用時，正常顯示。

2. 不勾選可用時，顏色會被淡化掉。

3. 設定元件不可用，預覽效果。

5

基本-可見。

1. 勾選可見時，可看得到元件。

2. 不勾選可見時，元件會被隱藏起來不顯示。

3. 設定元件不可見，預覽效果。

6

進階-標籤名稱。

1. 標籤名稱的作用就是用來彌補參數介面中標籤元件不支援的問題。

2. 標籤名稱可自訂，將在行動端預覽時顯示。

7

進階-自動播放。

1. 預設不勾選【自動播放】，點選播放按鈕後，影片從預設狀態到播放狀態。

2. 勾選【自動播放】後，若僅有單個影片，則開啟表單即進入影片全屏播放模式；若有多個影片，則可同時播放，也可逐一播放。

3. PC 端不支援自動播放，微信不支援自動播放。

8

進階-顯示控制器。

1. 預設不勾選【顯示控制器】，影片播放時不能對影片進行操作。

2. 勾選【顯示控制器】後，行動端和PC端影片播放時可暫停影片、快進影片、調節音量，PC 端還支援全屏顯示、下載影片。

9

高階-迴圈播放。

1. 預設不勾選【迴圈播放】，影片播放完畢後即停止。

2. 勾選【迴圈播放】後，影片播放完畢自動進入下一輪播放。

10

進階-靜音。

1. 預設不勾選【靜音】，聲音大小跟隨手機系統聲音，大小可調節。

2. 勾選【靜音】後，喇叭圖示關閉，即使播放也預設靜音。

11

進階-預載入。

1. 預設不勾選【預載入】，暫停播放後，斷開網路，點選播放時會顯示網路錯誤。

2. 勾選【預載入】後，暫停播放後，斷開網路，可繼續播放。

12

坐標尺寸。

1. 當 body 佈局方式設定為絕對佈局時，可自訂組件位置和大小。

2. 修改組件坐標和大小，點選預覽，在瀏覽器中查看效果。