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.
2880
  • 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.
321

Configuration Properties

PropertyDescription
Component NameTo alter the name of the component. The name is reflected in the Components tree. Defaults to Video.
ThumbnailEnable so that a thumbnail will appear when the video is not playing.
Resize ModeHow 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 AudioEnable to mute the video.
Use Native ControlsEnable to give users the ability to play/pause the video.
Play AutomaticallyEnable so that the video will play when loaded.
Loop VideoEnable to loop the video.
Starting PointAdd a value in milliseconds to play the video from that timestamp.
Playback RateAccepts a numerical value to set the Playback rate of the Video.
VolumeAccepts a numerical value to set the volume of the video on play.