# How to add a video to your email?

## 1. Create the block <a href="#h_c943d8a166" id="h_c943d8a166"></a>

Once you have finished the structure of your email, you can add **Blocks** to define the content of each part of your email. On the left, select **Video** and add it to your email:

<figure><img src="https://509463063-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfiAYaWDWqtFZeXxyg67F%2Fuploads%2FQtxMK1M8ol2VcYMYrz28%2FCleanShot%202026-02-13%20at%2015.20.58.gif?alt=media&#x26;token=e0ea7be2-ac12-4222-be81-2077004a793e" alt=""><figcaption></figcaption></figure>

## 2. Link the video <a href="#h_e294499593" id="h_e294499593"></a>

You can choose between **2 ways** to include videos in your emails.

### Add the URL link to the video <a href="#h_7352159b8e" id="h_7352159b8e"></a>

It is the safest way to broadcast videos because it works perfectly with all email clients and on all devices.

{% hint style="info" %}
The video is not in the email, your users will be redirected following the URL link in their web browser.
{% endhint %}

Click on the **Video** block to open the settings panel on the right side of the screen and there, paste the link to your video. Our system will automatically fill in the **Alternate text** field but you can change it as you want:

<figure><img src="https://509463063-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfiAYaWDWqtFZeXxyg67F%2Fuploads%2FPyDiRRqMKXUIkXIu1Bbm%2FCleanShot%202026-02-13%20at%2015.26.22%402x.png?alt=media&#x26;token=81d4de27-af25-4d55-9983-1255c787c655" alt=""><figcaption></figcaption></figure>

You can now custom some parts such as:

* The color of the **Play button**
* The **thumbnail** image (the preview image of the video) through the **Custom Thumbnail** button
* The **alignment** and the **size** of the preview

### Embed video

The embedded video is played directly in e-mails. Recipients don't have to access another website to view it.

{% hint style="danger" %}
Embedded videos are **only supported by Apple Mail** (native iOS messaging), **Thunderbird**, and **Outlook for Mac**.
{% endhint %}

You need to change the **Video** block to the **HTML** one to custom the code of the video:

<figure><img src="https://509463063-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfiAYaWDWqtFZeXxyg67F%2Fuploads%2Fy4a3nT9fgml0EZVJTn9k%2FCleanShot%202026-02-13%20at%2015.31.27%402x.png?alt=media&#x26;token=2e4f3b93-e103-4d9b-85f6-5a1c3de31f3a" alt=""><figcaption></figcaption></figure>

Once the HTML block is in place, click on **Insert elements with custom code** to open the code editor screen:

<figure><img src="https://509463063-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfiAYaWDWqtFZeXxyg67F%2Fuploads%2FpYUOOrVCbIOq0BhViGDl%2FCleanShot%202026-02-13%20at%2015.33.12%402x.png?alt=media&#x26;token=fc8a4a41-9f22-411f-af20-5a20099719b8" alt=""><figcaption></figcaption></figure>

Here, you can use the following piece of code and customize it as you please:&#x20;

```
<video class="adapt-img" controls="controls" poster="https://tlr.stripocdn.e-mail/content/guids/CABINET_0bd21bea47f1cfb916fb84d59a107495/images/92621531318217276.jpg" width="100%" height="313">

                                <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">

                                <source src="http://www.w3schools.com/html/mov_bbb.webm" type="video/webm">

                        <!-- fallback -->

                        <a href="https://www.youtube.com/watch?v=ryqOEPk51Lg/" class="esd-frame-element esd-hover-element esdev-disable-select"><img class="adapt-img" src="https://tlr.stripocdn.e-mail/content/guids/CABINET_0bd21bea47f1cfb916fb84d59a107495/images/48461531318273724.jpg" alt="" width="100%" height="313"></a>

                       </video>Show more

```

{% hint style="info" %}
The part of the code after "**fallback**" is intended for recipients whose devices and email clients do not support this interactivity. They are redirected to YouTube, Vimeo, or any other video hosting site.
{% endhint %}

That's it! You now know everything about video in our Email Composer :sparkles:
