影片 Video

影片元件

BRICKS TOOLS avatar
作者:BRICKS TOOLS
一週前已更新
  • Video 影片元件介紹

影片元件用於承載影片,提供使用者在顯示裝置上呈現影片內容

影片元件在畫布上的各種呈現樣貌


  • Frame 區塊

Frame 基本屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Frame 區塊解說

  • Properties 區塊

文字輸入框元件的 Properties 基本屬性繼承方塊元件,詳細可參考方塊元件 Properties 區塊解說

其他屬性解說如下:

屬性名稱

屬性形態

說明

Path

清單

  • 字串

  • 物件

  • 陣列

設定影片的連結路徑,可選擇使用在 Media Box 中上傳的影片檔。

  • 字串:直接填寫影片連結或選擇Media Box 影片

  • 物件:可使用 Property Bank 新增Object 變數,並在變數 Value 下新增 url 的字串格式,將影片連結填寫其中

  • 陣列:可使用Property Bank 新增 array of string 或 array of object 來包含多組影片字串連結或物件連結。

MD5

字串 (128位元的散列值)

自動生成的雜湊值,用於確保檔案在傳輸中的一致性及正確性。

Resize mode

清單

設定影片在影片元件中的呈現模式,一共有以下3種模式可選擇

  • contain: 在保持影片寬高比的前提下縮放圖片,直到寬度和高度都小於等於容器視影片的尺寸。影片完全被包裹在影片元件中,影片元件中可能留有空白

  • cover: 在保持影片寬高比的前提下縮放影片,直到寬度和高度都大於等於容器視影片的尺寸。影片完全覆蓋甚至超出影片元件,影片元件中不留任何空白。

  • stretch: 拉伸影片且不維持寬高比,直到寬高都剛好填滿影片元件。

Repeat

布林值 Yes 或 No

設定影片是否重覆播放

Replay On Error

布林值 Yes 或 No

設定當錯誤發生時是否要重新播放

Replay Timeout

毫秒

設定如果影片結束或發生錯誤且 Repeat 為 Yes 或 ReplayOnError 為 Yes時,需要等待的重播時間

  • Properties - Border 區塊

基本邊框屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Border 區塊解說


  • Animations 區塊

基本動畫事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Animation 區塊解說

其他動畫事件屬性解說如下:

Next Video

當準備播放下一個 Video 時觸發的動畫事件

Round End

當指定 path 中的清單完全播放完畢時觸發的動畫事件

On Load

當影片讀取完成觸發的動畫事件

On Error

當影片讀取錯誤時觸發的動畫事件


  • Events

基本事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Event 區塊解說

其他事件屬性解說如下:

Next Video

當準備播放下一個 Video 時觸發的事件

Round End

當指定 path 中的清單完全播放完畢時觸發的事件

On Load

當影片讀取完成觸發的事件

On Error

當影片讀取錯誤時觸發的事件

若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題

是否回答了您的問題?