Skip to main content

Video

A widget for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, and DailyMotion.

How to use Video Widget

Properties

Properties allow you to edit the widget, connect it with other widgets and customize the user actions.

Widget Properties

These properties allow you to edit the video widget. All these properties are present in the property pane of the widget. The following table lists all the widget properties.

PropertyDescription
URLRenders the video from the URL.
AutoplayPlays video automatically, without action from a user.
VisibleControls widget's visibility on the page. When turned off, the widget isn't visible when the app is published.
Animate LoadingAllows you to control a widget’s animation on the page load.

Binding Properties

These properties help you share values between widgets and also allow you to easily access the widget property within Queries or JS functions.

PropertyDescriptionCode Snippet
autoPlayThis parameter indicates whether the auto play feature is enabled.{{Video.autoPlay}}
playStateThis field shows whether a video is currently playing.{{Video.playState}}

Events

They're a set of actions that you can perform on the widget. The following table lists the actions:

EventsDescription
onPlaySets the action to be run when the video plays. See a list of supported actions.
onPauseSets the action to be run when the video pauses. See a list of supported actions.
onEndSets the action to be run when the video ends. See a list of supported actions.

Styles

Style properties allow you to change the look and feel of the widget.

StyleDescription
Background colorSets the widget's background color.
Border RadiusAllows you to define curved corners.
Box ShadowAllows you to choose from the available shadow styles.