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).