# Video

## Video Overview

{% hint style="warning" %}
Please note that video files can be quite large and might exceed the 50 MB [size limit](https://docs.thunkable.com/snap-to-place/projects/assets#app-size-limits-50-mb-per-app) for your project. 
{% endhint %}

The Video component lets you play videos in your app that are stored in the cloud or in your app. App users can easily pause, rewind or fast-forward the video with the built in player.

![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LrQf2IR3TX15u_jSauc%2F-LrQhJ4NOMEK_XZvmod5%2FScreen%20Shot%202019-10-17%20at%202.52.02%20PM.png?alt=media\&token=e66f5ccb-631b-4e60-becc-54124f2ae884)

## Set Video

There are a few ways you can set a video source in your app:

1. **Upload a video to your app.** Be careful of the Thunkable 50 MB [app size limit](https://docs.thunkable.com/snap-to-place/projects/assets#app-size-limits-50-mb-per-app)
2. **Provide a link to the video.** The link has to end in `.mp4`, `.mov`, …so videos uploaded to YouTube and other video sharing sites may not work.

Please note that the Video component is not recommended for streaming live video content. 

## Edit Video size

You can set how tall the Video is using the `height` property and set how wide it is using the `width` property.

**`Height`**

* **Fill container (default)-** The Video fills the entire screen vertically
* **Fit contents -** The Video’s height changes to fit the contents it contains
* **Relative size -** The Video fills the specified percentage of the screen
* **Absolute size -** Sizes the Video to a specified number of pixels

**`Width`**

* **Fill container (default) -** The Video fills the entire screen horizontally
* **Fit contents -** The Video’s width changes to fit the contents it contains
* **Relative size -** The Video fills the specified percentage of the screen
* **Absolute -** Sizes the Video to a specified number of pixels

## Set to Auto-Play

To set a video to play automatically, just toggle the Play property to `true` 

![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LsOIL84DRg5aIDhKw6J%2F-LsOKT_WKSpt-WdmdWdB%2FScreen%20Shot%202019-10-29%20at%202.03.22%20PM.png?alt=media\&token=3fc4f22a-26ea-4d4f-afce-b18a02e6697f)

## Blocks

### Set Video

![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXm21QrwCS13oN08cJE%2F-MXm2_cAxIiFI4W4BQ7U%2FScreen%20Shot%202021-04-08%20at%204.16.23%20PM.png?alt=media\&token=221fd05c-636d-4c42-8de9-3864e23ed926)

### Get Video

See what video is currently set as the Video component's source

![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXm21QrwCS13oN08cJE%2F-MXm2qb2VJ_iy-lQFy7j%2FScreen%20Shot%202021-04-08%20at%204.17.34%20PM.png?alt=media\&token=1fb22d62-a930-4613-8d8c-541f7675b8c7)