> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# Videos

> Embed your own videos with poster image, autoplay, loop, and device-specific display.

The content type **Videos** embeds your own video file, with an optional poster image, playback controls, and responsive display options. For YouTube videos, there is a dedicated content type [Youtube Content](/docs/en/dynamic-content/user-guide/inhaltsarten/youtube-inhalte).

## Selecting the content type

In the editor of a page, shopping world, or building block, click **+ New**, then in the **Content** tab click **Videos**. The **"New video"** dialog opens.

## Fields

### General

| Field                     | Meaning                                                                                               |
| ------------------------- | ----------------------------------------------------------------------------------------------------- |
| **Description**           | Internal name of the content (max. 255 characters)                                                    |
| **Poster**                | Preview image before playback (opens the [File Manager](/docs/en/dynamic-content/user-guide/dateien)) |
| **File**                  | Select the video file                                                                                 |
| **Show in all languages** | Makes the content available across all languages                                                      |

### Settings

| Field            | Meaning                                                        |
| ---------------- | -------------------------------------------------------------- |
| **Width (px)**   | Fixed video width in pixels. `0` = full container width (100%) |
| **Link**         | External URL that the video links to                           |
| **Target page**  | Internal page as link target (alternative to Link)             |
| **Autoplay**     | Video starts automatically on load                             |
| **Loop**         | Video plays in an endless loop                                 |
| **Mute**         | Video is played without sound                                  |
| **Show buttons** | Display player controls (play, pause, volume, etc.)            |

### Display

For each device type, you can define how the video is displayed. Available levels: **Mobile**, **Tablet portrait**, **Tablet landscape**, **Desktop**, **Desktop Large** (default everywhere: **As video**, adopts the original display).

### Publication

| Field           | Meaning                                                               |
| --------------- | --------------------------------------------------------------------- |
| **Layout area** | Area of the page layout in which the video appears (default: Content) |
| **Active**      | Makes the video visible                                               |

## Tips

<Tip>
  A **poster** improves the experience before playback and avoids a black area while loading.
</Tip>

<Tip>
  For **background videos** on landing pages: turn on autoplay + loop + mute, turn off buttons. Browsers only block autoplay if the video would have sound.
</Tip>

## Related topics

<CardGroup cols={2}>
  <Card title="Youtube Content" icon="youtube" href="/docs/en/dynamic-content/user-guide/inhaltsarten/youtube-inhalte">
    Embed YouTube videos instead of your own files.
  </Card>

  <Card title="Files" icon="folder-open" href="/docs/en/dynamic-content/user-guide/dateien">
    Upload videos and posters centrally.
  </Card>

  <Card title="Content Types" icon="shapes" href="/docs/en/dynamic-content/user-guide/inhaltsarten">
    All available content types.
  </Card>
</CardGroup>
