# Autoplay Video

## 👉 **The Tag** <a href="#the-tag" id="the-tag"></a>

Autoplays an audio-less video when the user is on that app page. The video will replace the content of a rectangle shape. Supports URL ending in **.mp4**. [More options to add videos](https://docs.bravostudio.app/bravo-tags/mobile-actions/how-to-use-video-components-in-your-apps)**.**

**📍 Where to add the tag:** A rectangle layer

```
//The tag:

[component:video:URL]

//Sample tag to try:

[component:video:https://storage.googleapis.com/coverr-main/mp4%2Fcoverr-sandboarding-in-desert-1585557594519.mp4]
```

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXpqEanvOhm8vMtIH8i%2F-MhmNuMoTcoIwmdkX3v1%2F-MhmPBJSVv5P5xlsfBmI%2Fautoplay.gif?alt=media\&token=d997c421-15db-41af-a042-691704d55b8a)

{% hint style="info" %}
**What if I have a video file?** You will need to upload the video to an online storage that generates an .mp4 URL. Some suggestions: [AWS S3](https://aws.amazon.com/s3/) or [Airtable](https://docs.bravostudio.app/learn-and-create/bravo-best-practices#database-setup) .
{% endhint %}

## 🏷️ **How to add the tag** <a href="#how-to-add-the-tag" id="how-to-add-the-tag"></a>

1. **Copy** the tag.

&#x20;   2\. **Paste** the tag into the layer name of a **rectangle shape**.

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXpqEanvOhm8vMtIH8i%2F-MhmNuMoTcoIwmdkX3v1%2F-Mhm_wpo5JVc5j9Y_QT8%2Fstep2.gif?alt=media\&token=fbf060fd-e592-4e66-8b24-789db63ae45a)

&#x20;    3\. Replace the placeholder URL with your own (or try our sample tag).

&#x20;   4\. Import to **Bravo Studio** & preview on **Bravo Vision** 🚀 (If you imported the app before, you just need to press the button Update in ***Bravo Studio*** to see the changes)

## 💾 Example files <a href="#example-files" id="example-files"></a>

Duplicate the files below to see how to set it up!

{% embed url="<https://www.figma.com/community/file/973892292868502990>" %}