> For the complete documentation index, see [llms.txt](https://docs.wem.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wem.io/platform/wemtipsandtricks/tips-and-tricks/videos-in-wem.md).

# Video's in WEM

The hosting of videos in your projects is not something we support, as hosting videos generate significant data traffic, which can strain network resources. Hosting videos also requires substantial storage space adding load to server infrastructure and SQL databases are not optimized for video hosting. 

As a solution we advice to use embedded videos in interaction screens. Embedding Iframes is supported by most major hosting providers and allows you to display access-protected videos.

## The Widget

<figure><img src="/files/hoz14xFBqBVxMzYPAeDD" alt=""><figcaption></figcaption></figure>

### Properties

<table><thead><tr><th width="190">Property</th><th width="188">Datatype</th><th>Description</th></tr></thead><tbody><tr><td>Source</td><td>Dropdown</td><td>Host or service where video is provided from. You can use the other option and provide a full embed "src" URL for providers not in the list.</td></tr><tr><td>Video ID</td><td>Text, Expression</td><td><p>The ID of the video, this is part of the video url. For most sites this is at the end of the url, for example: </p><p>https://www.youtube.com/watch?v={VideoID}</p></td></tr><tr><td>Video URL</td><td>Text, Expression</td><td>The source url of the video, this url should be an embed link source. Open the share menu end select embed, look for src="{the link}" For example: <br>https://www.youtube/embed/{videoID} <br>https://www.player.vimeo.com/video/{videoID}</td></tr><tr><td>Allow Fullscreen</td><td>Boolean, Toggle</td><td>Enable or disable the fullscreen option in the player.</td></tr><tr><td>Width</td><td>Number</td><td>Width of the videoplayer block in pixels. The aspect ration of the video is kept intact. </td></tr><tr><td>Height</td><td>Number</td><td>Height of the video player in pixels. The aspect ration of the video is kept intact.</td></tr></tbody></table>

Finding the src URL can sometimes be a little tricky, but with most hosting sites it can be found as part of the embed script. In the example below you see the script Microsoft stream returns when selecting share -> embed code, where `src="VideoURL"` . &#x20;

```
<iframe
	src="https://company-my.sharepoint.com/folder/user/embed.aspx?UniqueID=Scenario=EmbedDialog.Create"" 
	width="640" 
	height="360" 
	frameborder="0" 
	scrolling="no" 
	allowfullscreen 
	title="2024-01-08 12-46-15.mkv">
</iframe>
```

When you use private videos or videos hosted behind a login you can use the authentication node to force a user to first log the session into the hosting provider and allow the user to see the video. \
Alternatively with videos hosted in Microsoft stream a user can log into their Microsoft account through the player without leaving the project.&#x20;

## Adding a widget

Download the widget file attached at the bottom of this page, and add it to your work-space's widget library. To do this start by navigating to the Templates, Widget, Files tab in the resource pane and right click widgets to open the widget editor. Navigate to your current workspace and right-click to create a library and import the widget with another right-click on the library you just made. Browse to the downloaded zip file and confirm the widget is now added to the library and can be made available for use in your project.&#x20;

<figure><img src="/files/HMQCY9sSnvjljGahF19n" alt=""><figcaption></figcaption></figure>

## Attachment

{% file src="/files/X4HoydM5qR8VjbdDJFbP" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.wem.io/platform/wemtipsandtricks/tips-and-tricks/videos-in-wem.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.