> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.teleporthq.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add Videos to your project

**Learn everything you need to know about using videos in TeleportHQ.**

|    |    |    |    |
| --- | --- | --- | --- |
| [1. Uploading videos](#2-uploading-videos) | [2. Adding videos in containers](#2-adding-videos-in-containers) | [3. Customizing video](#2-customizing-videos) | [4. Video settings](#2-video-settings) |

## Uploading videos

After you open your project, in the Left Side Menu go to the **Assets Manager** area. In the first Tab, Uploads, click on the **Upload assets** button or simply drag and drop the videos in that area. 

![Upload video files to the project](https://storage.crisp.chat/users/helpdesk/website/60c4bca58bb99c00/1-upload-video_799rkk.png)

## Adding videos in containers

To add a video in the project you can either **drag and drop** it directly on the canvas or in the **Layers & Files section (treeview)**, in the container you want.

![Adding video to canvas](https://storage.crisp.chat/users/helpdesk/website/60c4bca58bb99c00/2-adding-video-element_ghb96j.gif)

## Customizing videos

To customize your videos, go to the Right panel. Here you can find different areas that you can use to customize your video’s: size, position, margin, padding, border and more. You can also add interactions from the States area.

![Customizing videos](https://storage.crisp.chat/users/helpdesk/website/60c4bca58bb99c00/2-customizing-videos_1s0is3c.gif)

## Video settings

There are also some additional video options in the **Video** section of the Right Panel. From here you have access to several options, including:

|    |    |
| --- | --- |
| Poster | changes the thumbnail for the video |
| Controls | show or hide the video controls |
| Loop | toggle a looping effect |
| Muted | turn on or off the sound |
| autoPlay | automatically starts the video when page loads |

![Video options](https://storage.crisp.chat/users/helpdesk/website/60c4bca58bb99c00/3-video-options_1dwh5dz.gif)