Video
A versatile video player component that supports multiple video formats including YouTube, HLS streaming, and MP4. Features customizable dimensions, responsive layout, and automatic format detection. Supports autoplay functionality and standard video player controls.
Extends: fieldComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Label |
| text | Display label for the video player |
Locale |
| text | Display text in the selected language for the captions in the video player |
ID |
| text | Unique identifier for the component |
Style Classes |
| text | CSS classes for styling |
Width Class |
| text | Controls component width |
Video | (N/A) | text | Specifies the type of video content (HLS, video/mp4, YouTube) |
Visible |
| boolean | Controls component visibility |
Height |
| text | Sets the height of the video player |
Width |
| text | Sets the width of the video player |
Enabled |
| boolean | Controls whether component is enabled |
Field Style |
| text | Additional field styling options |
Methods
Name | Description |
|---|---|
| Generates unique identifier for the video player element |
| Handles video loading based on video type (HLS, MP4, YouTube) |
| Handles source changes and triggers video reload |
| Triggers change event handlers |
Events
Name | Description |
|---|---|
| Triggered when the video source changes |
| Triggered when the video player loses focus |
| Triggered when the video player gains focus |