Skip to main content




Applies only to Traditional Web Apps
Service Studio version:

Video Reference

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • 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?