Skip to main content


Traditional Web


Applies only to Traditional Web Apps



Video Reference

  • Edit
  • Layout and Classes

    Advanced Use Case

    Use custom Play and Pause buttons

    1. Set a name to the Video pattern.

    2. Create Play and Pause actions on the screen.

    3. In the Logic tab, click on the OutSystems UI Web to go to the Video Folder.

    4. Drag the PlayVideo and PauseVideo actions inside the Play and Pause actions you created.

    5. For each server action, set the WidgetId parameter to the name of the Video pattern.

    6. Create the elements you want to act as buttons. You can also wrap icons around containers and set the OnClick to the Play and Pause actions.

    7. Publish and test.

    • Was this article helpful?