This element displays content from a media file.
Media elements have a mouseUp event that can be configured using low-code. This event is triggered when the user clicks or touches the element.
This section is used to configure the media size and position.
|top||The value in pixels representing how far the element is from the top of the window.|
|left||The value in pixels representing how distant element is from the left side of the window.|
|width||The value in pixels representing the distance between the left side of the element and its right side.|
|height||The value in pixels representing the distance between the bottom side of the element and its top side.|
Use the properties in this section to configure the responsive design behaviors for the element.
|lockAspectRatio||Locks the aspect ratio of the element.|
|responsive-x||How the element resizes responding to screen changes in the X axis.|
|responsive-y||How the element resizes responding to screen changes in the Y axis.|
|allowInIOSNotch||Allows the element to be drawn outside the safe area on iOS. Will draw underneath the notch in iOS.|
This section is used to configure how the media looks.
|showBorder||Turns the visibility of the element’s borders on or off.|
|mirrored||If the content of the element should be mirrored (flipped horizontally).|
This section is contains properties that are specific to elements of type media.
|name||The name of the element. Displayed in the project browser.|
|mediaFile||The file used by the media element.|
|autoPlay||If the video should play automatically.|
|looping||If the video should restart automatically.|
|showController||If the video element should show user-accessible controls.|