Video

Plays a video file. Based on the HTML Content node.

Inputs

Content

Video Path

The path to the video to play

Poster Path

A path for an optional poster image that will be shown before the video is loaded

Fill Mode

Controls the size of the video in relation to the dimensions of the Video node. The video is always centered

  • Aspect Fill - Scale the video so it covers the entire area of the Video node
  • Aspect Fit - Scale the video so it fits inside the bounds of the Video node
  • Fill - Stretch the video so it covers the entire are of the Video node

Preload

Whether or not the video should start to load before playing

Loop

If the video should loop once it has reached the end

Muted

If the audio track of the video should be muted

Autoplay

If the video should start playing immediately. Note that on iOS you must mute the video for this to work properly

Seek to time

An action for seeking to a specified time

Seek time
The time to seek to

Do
Perform the seeking

Content

CSS Classes

Attach CSS classes to the element Noodl will create. This allows you to use CSS Definition to style the content

Outputs

Video Properties

Duration

The duration of the video file in seconds

Current time

The current time of the video playback

Paused

If the video is paused

Started Playing

A signal that is sent when the video started playing

Got loaded

A signal that is sent when the video is loaded

Advanced

You can add video filters using a CSS Definition node and setting the CSS Classes property on your Video node. For instance an invert filter:

.videoContainer { -webkit-filter: invert(.8); filter: invert(.8); }

Sign up to noodl newsletter

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.