Video

A component that displays a video.

❗️
YouTube videos are not currently supported. Please use a video in a .mp4 or .mov format.

Adding a Video component

Select the Video component from the Components drawer. You can open the list of components by clicking the + button next to Components.
To add the source of the video for the Video component to play, go to the Data tab (third tab) in the Properties Panel.
Under Input Text > URL, you can add a static video URL.
Go to the Styles tab (first tab), and make sure to add a value for the width property. A Video component needs to have a width and a height defined.

If the Video URL is coming from an API endpoint, you can define a variable in curly braces {{}} in Input Text > URL and then select the value of the URL from the dropdown menu under Variables.

Property	Description
Component Name	To alter the name of the component. The name is reflected in the Components tree. Defaults to Video.
Thumbnail	Enable so that a thumbnail will appear when the video is not playing.
Resize Mode	How the video will be resized when its dimensions set for the component don't match the actual dimensions of the video. Refer to the Resize Mode table in the Image component to learn more about each setting.
Mute Audio	Enable to mute the video.
Use Native Controls	Enable to give users the ability to play/pause the video.
Play Automatically	Enable so that the video will play when loaded.
Loop Video	Enable to loop the video.
Starting Point	Add a value in milliseconds to play the video from that timestamp.
Playback Rate	Accepts a numerical value to set the Playback rate of the Video.
Volume	Accepts a numerical value to set the volume of the video on play.