Skip to content

Video — Reference

Reference · Advanced · App Connect

Video settings and behavior. Settings include ID, Auto Play, Play In View, Auto Pause.

Video settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDOptional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Required. Default: "". Attribute: id.
Auto PlayDirectly Play the video when page is loaded. Might need also the Muted option otherwise browser will block it. Default: "". Attribute: autoplay.
Play In ViewAutomatically Play the video when it comes in view Default: "". Attribute: playinview.
Auto PauseAutomatically Pause the video when it goes out of view Default: "". Attribute: autopause.
ControlsDefault: "". Attribute: controls.
LoopDefault: "". Attribute: loop.
MutedDefault: "". Attribute: muted.
WidthDefault: "". Attribute: width.
HeightDefault: "". Attribute: height.
SrcDefault: "". Attribute: src.
PosterDefault: "". Attribute: poster.
PreloadOptions: Default, Auto (auto), Metadata (metadata), None (none) Default: "". Attribute: preload.
Name Description
PositionEnter the position Required. Default: "".
Name Description
Playback RateEnter the playback rate Required. Default: "".
Name Description
VolumeEnter the volume Required. Default: "".
Name Description
LoadChoose the file to load Required. Default: "".
Name Description
SourceChoose dynamic data binding.
PosterChoose dynamic data binding.
Name Description
PlayAction: Choose the action to execute.
PlayingAction: Choose the action to execute.
PauseAction: Choose the action to execute.
EndedAction: Choose the action to execute.