# Video

{% hint style="warning" %}
Available only on animated design
{% endhint %}

A video layer allows  video integration within your design, enabling complex multimedia compositions with precise control over video placement and behavior.

#### Available properties

| Property          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`video_url`**   | <p><strong>HTTP(s) URL of the video displayed in the layer</strong></p><p></p><p><em>It must be a public accessible link and have a filesize of 100 mb maximum.</em></p><p></p><p>The video can be trimmed using the following query properties to the video url:</p><ul><li><code>trim\_start</code>: Start of the video in seconds. i.e: <em>?trim\_start=2.5</em>  to start your video at 2.5s</li><li><code>trim\_end</code>: End of the video in seconds. i.e: <em>?trim\_end=10</em> to end your video at 10s</li></ul><p></p><p>Supported files: <strong><code>MP4</code>, <code>WebM</code>, <code>MOV</code></strong></p> |
| **`audio_muted`** | <p>Boolean (<code>true</code>, <code>false</code>)</p><p>Default value: <code>false</code></p><p><strong>If true it video sound is muted</strong></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| **`hidden`**      | <p>Boolean (<code>true</code>, <code>false</code>)</p><p><strong>If true it hides the video.</strong> </p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |

Example Input Video Configuration:

```json
"video_element_name": {
 "video_url": "https://example.com/video.mp4",
 "audio_muted": 0,
 "hidden": false
}
```