> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/design-to-swift/creating-components/video-player-code-component.md).

# Video Player Code Component

If you want to play video in your app, you can use Monday Hero Video Player component. 

Here is how you can do it:

1. Right-click and select 'Create New Instance of / System / Monday Hero Video Player'

![Select Monday Hero Video Player Component](/files/rqFcPwAWNRnWlR8J0igE)

2\. Select the frame you want to embed the video player component, name the component and  enter **a video URL\*.**

![Enter Required Fields](/files/LKZxpvV2xdIkORttiGHL)

3\. Now you can download and play the video in your app. 

#### \*Video URL

In order for the video player component to work, you can add any video that streams. Here are some tools that you can use:

1. [Firebase](https://firebase.google.com/) ( Here is [how to add videos to Firebase](broken://pages/gOq7C1WBGgLEz67ZgaNM))
2. [Vimeo](https://vimeo.com) (Here is a how to add [direct links to video files](https://vimeo.zendesk.com/hc/en-us/articles/224823567-Direct-links-to-video-files))

Or any other tool that streams the video.

{% hint style="info" %}
Please note that the url should be secure, so the link should start with **https** not http.
{% endhint %}

#### Video Player on the Simulator

The video player will be embedded to the frame you select and it will work like the example below.

{% embed url="<https://drive.google.com/file/d/128to-i0-tBaYnJLgSpA7WTsDIqw83j4f/view?usp=sharing>" %}
Video Player Component
{% endembed %}