Video elements display videos within your app and provide many helpful video settings. Videos also have video specific actions allowing you to control your video through interactions.
Use the Video property to specify which video is displayed. You can search from Pexel’s video library and, if you are on a paid plan, you’re able to upload your own videos.
Use the upload asset button from the Add Bar or drag a video from your computer into the canvas.
The Content Mode property defines how the video is positioned within the element. There are three different settings for content mode: aspect fill, aspect fit, and fill.
Aspect fill will scale up to fill the element’s bounds. This setting will preserve the video’s aspect ratio, but in turn, may cause the video to appear cropped.
Aspect fit will scale down to fit the element’s bounds. This setting will also preserve the video’s aspect ratio, but it will leave some of the element’s area unfilled by the video.
Fill will stretch to fill the element’s bounds on both axes, changing the aspect ratio of the video if necessary.
Native Controls, Loop, Auto Play, and Muted
The Native Controls, Loop, Auto Play, and Muted properties are all binary choices between on and off. When on...
the Native Controls property will add controls to the video like play, pause, full screen, progress bar, volume, and more
the Loop property will restart the video every time it finishes playing
the Auto Play property on will play the video automatically when a user enters the page
the Mute property on will remove the video’s audio for the user