Overview
Video elements display and play videos. Video elements are customizable with properties like looping, autoplay, and content mode.
Element Properties
Video
Select the video asset. Upload a video from the Assets Panel, drag and drop it into the canvas, or use a stock video from Play's Pexel library. Custom video upload is only available on our paid plans.
Want a shortcut? You can jump right to the Video property by double-clicking/tapping on an image element on your page.
Content Mode
Set how the video is positioned within the element:
Aspect Fill: The video will scale up to fill the element’s bounds, preserving the aspect ratio but potentially cropping the video.
Aspect Fit: The video will scale down to fill the element’s bounds, preserving the aspect ratio but potentially leaving some of the element's area unfilled.
Fill: The video will stretch to fill the element’s bounds on both axes, changing the aspect ratio if necessary.
Native Controls
Choose to add native playback controls, like play, pause, skip, full screen, and progress bar.
Auto Play
Choose to play the video automatically when a user enters the page.
Loop
Choose to restart the video when it finishes playing.
Mute
Choose to remove the video's audio.
Expression Editor Properties
Current Time
Video.currentTime
Current timestamp of the video.
Current Percent
Video.currentPercent
Current percent completion of the video compared to the full video length.
Is Playing
Video.isPlaying
Boolean for if the video is currently playing (true) or paused (false).
Total Time
Video.totalTime
Total second in the video.
Videos also have access to general object properties.
Resources
Related Triggers & Actions
Set Video action
Set Video Playback action