Skip to main content

Video

This node renders a video player.

The Video node plays video files from a URL or media stream.

The Video node embeds a <video> element. It supports standard playback controls (play, pause, volume, loop) and can play local assets or remote URLs.

Inputs​

Content​

DataDescription
SourceURL of the video file (mp4, webm, etc.).
PosterURL of an image to show before playback starts.

Playback​

DataDescription
AutoplayBoolean. Attempt to play automatically (often requires Muted).
ControlsBoolean. Show native browser video controls.
LoopBoolean. Restart when finished.
MutedBoolean. Start muted.
VolumeNumber (0-1).

Actions​

SignalDescription
PlayStarts playback.
PausePauses playback.
RestartSeeks to 0 and plays.
ResetSeeks to 0 and pauses.

Outputs​

Events​

SignalDescription
On PlayTriggered when playback starts.
On PauseTriggered when paused.
On Can PlayTriggered when enough data has buffered to start.

Status​

DataDescription
Playback PositionCurrent time in seconds.
Video WidthIntrinsic width of video.
Video HeightIntrinsic height of video.

Usage​

Background Video​

  1. Set Source to your video URL.
  2. Enable Autoplay, Loop, and Muted.
  3. Disable Controls.
  4. Set Object Fit to "Cover".

Custom Player​

  1. Disable Controls.
  2. Add your own "Play" button.
  3. Connect Button Click to Video Play signal.

Detailed Behavior​

  • Autoplay Policy: Browsers block autoplay with sound. Always enable Muted if you want reliable autoplay.

Troubleshooting​

  • Format: Ensure the video format is supported by the browser (MP4/H.264 is safest).