{"id":46809,"date":"2026-11-04T17:06:56","date_gmt":"2026-11-04T11:36:56","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=46809"},"modified":"2026-11-04T17:07:50","modified_gmt":"2026-11-04T11:37:50","slug":"how-to-play-videos-directly-in-a-power-apps-canvas-app-with-the-stream-preview-control","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2026\/11\/how-to-play-videos-directly-in-a-power-apps-canvas-app-with-the-stream-preview-control\/","title":{"rendered":"How to play videos directly in a Power Apps Canvas App with the Stream (preview) control"},"content":{"rendered":"
Videos are valuable resources for employee training, equipment maintenance, and troubleshooting. However, storing videos in SharePoint does not always make them easy to access when employees need them. Switching between business applications and SharePoint to find and play videos can interrupt workflows and delay important tasks.<\/p>\n
Imagine a technician standing next to a machine that has suddenly stopped working. An experienced engineer recorded a video years ago explaining exactly how to fix this issue. However, the video is buried among hundreds of files. The technician searches through confusing file names, guesses which video is relevant, and eventually calls a colleague for help.<\/p>\n
The Stream (Preview) control for Power Apps Canvas apps<\/strong> solves this challenge by letting users play SharePoint-hosted videos directly in a canvas app.<\/p>\n
In this blog, we will explore how maintenance technicians can use this control to access repair instructions while working. We will build a simple maintenance video guide that allows technicians to search by machine number, model, machine name, or fault description, select a matching record, and watch the associated repair video without leaving the app. We will also explore the benefits of this approach and its current limitations.<\/p>\n
Key Takeaways<\/strong><\/p>\n
\n
The Stream control plays videos stored in Microsoft SharePoint inside a Canvas App. It is currently in preview.<\/li>\n
The control needs the video’s embed URL. This URL must be on a *.com<\/strong> domain and must contain the UniqueId value.<\/li>\n<\/ul>\n
Why Technicians Often Skip Videos Stored Outside the App<\/strong><\/p>\n
In many business applications, a video library is simply a collection of links that open SharePoint in a separate browser tab. This seemingly small inconvenience can create several problems:<\/p>\n
\n
Difficult to find:<\/strong> File names such as mp4 do not clearly indicate which machine or fault the video addresses.<\/li>\n
Easy to lose context:<\/strong> Switching between browser tabs can interrupt the workflow and make it harder to return to the original record.<\/li>\n
Uncertainty about relevance:<\/strong> Technicians may not know whether a video applies to their specific machine model or fault, so they may skip it and ask an experienced colleague for help.<\/li>\n<\/ul>\n
Simply reorganising SharePoint folders will not completely solve this problem. A more effective approach is to associate each video with a record containing relevant machine and fault details, then display the record and its video together on the same screen.<\/p>\n
The Scenario: A Video Guide for Plant Maintenance<\/h3>\n
Consider a factory with conveyor systems, CNC milling machines, and gearboxes operating across several production lines. The maintenance team uses a canvas app on tablets to access machine information and perform routine maintenance.<\/p>\n
Experienced engineers have recorded short videos demonstrating common repairs and maintenance procedures. These videos are stored in a SharePoint site named Maintenance<\/strong>.<\/p>\n
The team needs a solution that meets four requirements:<\/p>\n
\n
Flexible search:<\/strong> Technicians can search using a machine number, model, machine name, or a few words describing the fault.<\/li>\n
Relevant record details:<\/strong> Search results display enough information to help technicians identify the correct procedure.<\/li>\n
In-app video playback:<\/strong> Selecting a record displays its associated video on the same screen.<\/li>\n<\/ul>\n
<\/h3>\n
How the Pieces Fit Together<\/h3>\n
\n\n
\n
Component<\/strong><\/td>\n
Role<\/strong><\/td>\n<\/tr>\n<\/thead>\n\n
\n
SharePoint document library<\/td>\n
Stores the video files. Stream (on SharePoint) plays them.<\/td>\n<\/tr>\n
\n
Dataverse table: Procedure Video<\/td>\n
Stores the machine details, the fault and the embed URL of each video.<\/td>\n<\/tr>\n
\n
Canvas app<\/td>\n
A search box, a gallery of records and one Stream control.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
The video files remain in SharePoint rather than being stored in Dataverse. Dataverse holds the relevant information and the URL that connects each record to its video.<\/p>\n
Step-by-Step Implementation<\/h3>\n
Follow the steps below to upload your videos, retrieve their embed URLs, and add the Stream control to your canvas app.<\/p>\n
Step 1: Create a SharePoint site and upload the videos<\/h3>\n\n
Open SharePoint and select Create site > Team site.<\/li>\n
Select the Standard team template and name the site \u201cMaintenance\u201d.<\/li>\n
Open the site, go to Documents and create a folder named \u201cVideo Project\u201d.<\/li>\n
Inside the folder, select Create or upload > Files upload and add your \u201c.mp4\u201d files.<\/li>\n
Give each file a clear name, such as Disassemble and Repair a Gearbox Component \u2013 GB-110.mp4\u201d.<\/li>\n<\/ol>\n
<\/h3>\n
Step 2: Get the embed URL for every video<\/h3>\n\n
Select the video name to open it in the Stream player.<\/li>\n
Select Share > Embed code.<\/li>\n
Select and copy the required part of the embed URL, as highlighted in the image below.<\/li>\n<\/ol>\n
<\/h3>\n
Step 3: Add the Stream Control<\/h3>\n\n
Select Insert > Media > Stream (Preview)<\/strong> to add the Stream control to your canvas app.<\/li>\n
Add the Embed URL to the Stream URL property, as shown in the image below.<\/li>\n<\/ol>\n
<\/p>\n
<\/p>\n
Once you add the embed URL, the Stream control is ready to play the selected SharePoint video within your canvas app. Technicians can now access repair instructions alongside the relevant machine details without switching applications.<\/p>\n
What Changes for the Technician<\/h3>\n
The maintenance video guide changes how technicians find and use repair instructions. Here’s a comparison of their experience before and after implementing this approach.<\/p>\n
\n\n
\n
Before<\/strong><\/td>\n
After<\/strong><\/td>\n<\/tr>\n<\/thead>\n\n
\n
Opens SharePoint, scrolls through file names and guesses<\/td>\n
Types a machine number, model or issue<\/td>\n<\/tr>\n
\n
Leaves the app and loses their place<\/td>\n
Watches the video next to the record<\/td>\n<\/tr>\n
\n
Calls a senior colleague for a known fix<\/td>\n
Finds the recorded procedure immediately<\/td>\n<\/tr>\n
\n
Knowledge leaves with the engineer<\/td>\n
Procedures stay in the company, linked to the machine<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Where Else Can You Use This Approach?<\/h3>\n
The same concept can be applied to other business scenarios. Whenever a record identifies a task, product, or issue, the canvas app can display the associated video alongside the relevant information.<\/p>\n
\n
Field service:<\/strong> Technicians open a work order and watch the repair video associated with the customer’s product model.<\/li>\n
Customer service:<\/strong> Support agents search for a product or fault and access troubleshooting videos while assisting customers.<\/li>\n<\/ul>\n
Limitations to Keep in Mind<\/h3>\n
While the Stream (Preview) control makes SharePoint video playback easier in Canvas Apps, there are a few technical limitations to consider before implementing it.<\/p>\n
\n\n
\n
Limitation<\/strong><\/td>\n
What it means for you<\/strong><\/td>\n<\/tr>\n<\/thead>\n\n
\n
*.sharepoint.com URLs only<\/td>\n
A SharePoint domain that does not follow this pattern shows an invalid URL error.<\/td>\n<\/tr>\n
\n
Only the unique ID in the URL<\/td>\n
Remove any extra parameters from the embed link before saving it.<\/td>\n<\/tr>\n
\n
No auto start, auto play or start-from yet<\/td>\n
Users must press play themselves, and you cannot start the video from a set position.<\/td>\n<\/tr>\n
\n
Maximum of four videos per screen<\/td>\n
More videos can slow down the app. Use one player controlled by a gallery, as in this demo.<\/td>\n<\/tr>\n
\n
iOS devices<\/td>\n
Turn on Allow Cross-Website Tracking for Power Apps in the device settings.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Conclusion<\/h3>\n
The Stream control provides a simple way to play SharePoint videos directly within a Power Apps Canvas app. By embedding videos into the app, users can access relevant information without switching between applications. This approach makes video content more accessible and helps organizations make better use of their existing resources.<\/p>\n
Frequently Asked Questions<\/h3>\n
1. Can I play SharePoint videos directly in Power Apps Canvas Apps?<\/strong><\/p>\n
Yes. The Stream (Preview) control allows you to play SharePoint-hosted videos directly within a Power Apps Canvas App.<\/p>\n
2. Do I need to store videos in Dataverse to play them in Power Apps?<\/strong><\/p>\n
No. You can store videos in SharePoint and use Dataverse to store their details and embed URLs.<\/p>\n
3. Can the Stream control play videos automatically?<\/strong><\/p>\n
No. The current preview control does not support autoplay. Users must manually press play.<\/p>\n
4. Can I display multiple videos in a Power Apps Canvas App?<\/strong><\/p>\n
Yes. You can display up to four Stream controls on a screen. However, using one Stream control connected to a gallery is a practical way to let users select and play different videos.<\/p>\n","protected":false},"excerpt":{"rendered":"
![\"How](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2026\/11\/How-to-play-videos-directly-in-a-Power-Apps-Canvas-App-with-the-Stream-preview-control-1.jpg\")
<\/h3>\n![\"How](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2026\/11\/How-to-play-videos-directly-in-a-Power-Apps-Canvas-App-with-the-Stream-preview-control-2.jpg\")
<\/h3>\n![\"How](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2026\/11\/How-to-play-videos-directly-in-a-Power-Apps-Canvas-App-with-the-Stream-preview-control-3.jpg\")
<\/h3>\n![\"How](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2026\/11\/How-to-play-videos-directly-in-a-Power-Apps-Canvas-App-with-the-Stream-preview-control-4.jpg\")
<\/p>\n![\"How](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2026\/11\/How-to-play-videos-directly-in-a-Power-Apps-Canvas-App-with-the-Stream-preview-control-5.jpg\")
<\/p>\n