Skip to main content





How to Add Video to Your Applications

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • This article describes how to add videos to your web applications using OutSystems UI Patterns.

    There are different ways to add videos to your OutSystems web applications:

    How to Add Video Files to Your Web Application

    For the first two options, use the OutSystems UI Video Pattern where you can add the URL of a video file stored at a web server, or upload a video file to your OutSystems server and use it at a Resource. To learn about these two options refer to the Video Pattern documentation.

    Video UI Pattern

    How to Embed Video Streaming

    If you want to embed a video from a streaming platform like YouTube, Vimeo, or other streaming platforms, perform the following steps.

    1. Open the video you want to embed in your app in your Internet browser.

    2. Use the Share option on the video and select the Embed option.

    3. Copy the source video path for embedding:

    4. Write down the video width and height in case you want to use the default video size:

    5. In the Interface tab of Service Studio, drag the Iframe block from the Toolbox into your application's screen.

    6. At the Properties tab paste the embed URL into the SourceURL field.

    7. Type the video title. This field is optional.

    8. Type the Height and Width values you wrote down to embed the video with its default size or use your own values. This field is optional.

    Your video is now embedded in your application.