# 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 %}


---

# Agent Instructions: 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:

```
GET https://learn.mondayhero.io/design-to-swift/creating-components/video-player-code-component.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.