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:
- By using a video file reached via URL;
- By using a local video file kept as a Resource;
- By streaming a video from YouTube, Vimeo, or other streaming platforms.
- By using the YouTubeReactive component available in the OutSystems Forge for (Reactive Web only).
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.
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.
Open the video you want to embed in your app in your Internet browser.
Use the Share option on the video and select the Embed option.
Copy the source video path for embedding:
Write down the video width and height in case you want to use the default video size:
In the Interface tab of Service Studio, drag the Iframe block from the Toolbox into your application's screen.
At the Properties tab paste the embed URL into the SourceURL field.
Type the video title. This field is optional.
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.