反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

D09-01 視頻播放元件

一、概述

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

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

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

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

二、屬性設定

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

1.gif

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

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

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

2.gif

3
基本-影片地址。
  1. 點選影片地址後的【...】按鈕,進入影片設定介面。

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

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

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

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

3.gif

4
基本-可用。
  1. 勾選可用時,正常顯示。

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

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

4.gif

5
基本-可見。
  1. 勾選可見時,可看得到元件。

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

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

5.gif

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

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

6.gif

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

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

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

7.png

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

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

8.gif

9
高階-迴圈播放。
  1. 預設不勾選【迴圈播放】,影片播放完畢後即停止。

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

9.png

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

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

10.gif

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

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

11.png

12
坐標尺寸。
  1. 當 body 佈局方式設定為絕對佈局時,可自訂組件位置和大小。

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

12.gif

附件列表


主題: 插件應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉