Video settings and events. Select the component in App Structure to find these controls in Properties.
| Name |
Description |
| ID | Optional 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 Play | Directly Play the video when page is loaded. Might need also the Muted option otherwise browser will block it. Default: "". Attribute: autoplay. |
| Play In View | Automatically Play the video when it comes in view Default: "". Attribute: playinview. |
| Auto Pause | Automatically Pause the video when it goes out of view Default: "". Attribute: autopause. |
| Controls | Default: "". Attribute: controls. |
| Loop | Default: "". Attribute: loop. |
| Muted | Default: "". Attribute: muted. |
| Width | Default: "". Attribute: width. |
| Height | Default: "". Attribute: height. |
| Src | Default: "". Attribute: src. |
| Poster | Default: "". Attribute: poster. |
| Preload | Options: Default, Auto (auto), Metadata (metadata), None (none) Default: "". Attribute: preload. |
| Name |
Description |
| Position | Enter the position Required. Default: "". |
| Name |
Description |
| Playback Rate | Enter the playback rate Required. Default: "". |
| Name |
Description |
| Volume | Enter the volume Required. Default: "". |
| Name |
Description |
| Load | Choose the file to load Required. Default: "". |
| Name |
Description |
| Source | Choose dynamic data binding. |
| Poster | Choose dynamic data binding. |
| Name |
Description |
| Play | Action: Choose the action to execute. |
| Playing | Action: Choose the action to execute. |
| Pause | Action: Choose the action to execute. |
| Ended | Action: Choose the action to execute. |