Events and Handlers¶

The Video component has the following events and handlers available for use:

Event	Description
On Visibility Change	Gets activated when the visibility state of the component is altered. You can use this event to define actions that need to take place when the component becomes visible or hidden.

Handler	Description
Class List Logic	This logic involves modifying the CSS classes associated with the component dynamically.
Styles Logic	Allows you to change the styles of the component dynamically.
Visibility Logic	Allows controlling the visibility of the component based on certain conditions. You can use this event to show or hide the component depending on user actions or other factors. If the handler returns `true`, the component will be visible.
Source URL Logic	Determines the source URL of the video. Value returned by the handler will be used as the source URL.
Autoplay Logic	Determines if the video should have the autoplay option enabled. When the component returns true, autoplay is enabled.
Controls Logic	Determines if the playback controls should be visible. When the handler returns true, the playback controls are displayed.
Loop Logic	Determines if the video should play in a loop. To enable this behavior, the handler should return true.
Mute Logic	Determines if the video should be muted. To mute the video, the handler should return true.
Background Logic	Allows you to define and control the behavior of the video component when it is in the background, meaning it is not the primary focus of the user's interaction.
Modest Branding Logic	See YouTube documentation for more details.
Show Related Logic	See YouTube documentation for more details.
No Cookie Logic	Allows embedding YouTube videos without cookies.
Color Logic	See the Vimeo documentation for more details.