Video
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 awidth
and aheight
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.

Configuration Properties
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. |
Updated 7 months ago