Video

You can use the Video UI pattern to embed a native video player into your application.

How to use the Video UI Pattern

1. In Service Studio, in the Toolbox, search for Video.

   The Video widget is displayed.

   

2. From the Toolbox, drag the Video widget into the Main Content area of your application's screen.

   

3. On the Properties tab, set the SourceFile property to the source video file you want to embed in your app.

   • If using an external source file, insert the file URL.

     

   • If using a local file, include the video in a module as a resource and use the runtime path as follows:

     1. On the Data tab, right-click the Resources folder and select Import Resource.

        

     2. Browse and select the video file you want to add and click Open.

     3. On the Resource properties tab, from the Deploy Action drop-down, select Deploy to Target Directory.

        

     4. On the Interface tab, from the Widget Tree, select the Video pattern.

     5. In the SourceFile property, enter the runtime path of the video file.

        

        Tip: You can copy the runtime path from the Resource Runtime Path property tab.

        

4. On the Video Properties tab, you can also define (optional) properties, such as the height and width of the video and the audio settings.

5. After following these steps and publishing the module, you can test the pattern in your app.