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.
Content
| Data | Description |
|---|
| Source | URL of the video file (mp4, webm, etc.). |
| Poster | URL of an image to show before playback starts. |
Playback
| Data | Description |
|---|
| Autoplay | Boolean. Attempt to play automatically (often requires Muted). |
| Controls | Boolean. Show native browser video controls. |
| Loop | Boolean. Restart when finished. |
| Muted | Boolean. Start muted. |
| Volume | Number (0-1). |
Actions
| Signal | Description |
|---|
| Play | Starts playback. |
| Pause | Pauses playback. |
| Restart | Seeks to 0 and plays. |
| Reset | Seeks to 0 and pauses. |
Outputs
Events
| Signal | Description |
|---|
| On Play | Triggered when playback starts. |
| On Pause | Triggered when paused. |
| On Can Play | Triggered when enough data has buffered to start. |
Status
| Data | Description |
|---|
| Playback Position | Current time in seconds. |
| Video Width | Intrinsic width of video. |
| Video Height | Intrinsic height of video. |
Usage
Background Video
- Set Source to your video URL.
- Enable Autoplay, Loop, and Muted.
- Disable Controls.
- Set Object Fit to "Cover".
Custom Player
- Disable Controls.
- Add your own "Play" button.
- 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).