> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/medien/html-5-video.md).

# HTML 5 - Video

Das HTML5-Video-Element ermöglicht es dir, Videos in die Erlebniswelten einzubinden, ohne auf externe Video-Plattformen wie YouTube oder Vimeo zurückgreifen zu müssen.

{% hint style="success" %}
**Datenschutz bei externen Video Plattformen**

Videos von externen Video-Plattformen dürfen in der Regel nur dann abgespielt werden, wenn die entsprechenden Cookie-Zustimmungen erfolgen.

Somit kann nicht sichergestellt werden, dass 100% aller Seitenbesucher, auch die dargestellten Videos sehen.

Das HTML 5 - Video Element bezieht die Videos aus deiner Shopware-Mediathek.\
**Demnach ist keine Cookie-Zustimmung notwendig.**
{% endhint %}

<figure><img src="/files/TC4hPtbTl0DtfUyUgE50" alt=""><figcaption></figcaption></figure>

### Video - Einstellungen

<figure><img src="/files/dBxtler45aQVeIbYOKNw" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="232">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Video hochladen (1)</td><td>Hier kannst du die Videodatei aus deiner Shopware Mediathek hochladen / zuweisen</td></tr><tr><td>Vorschaubild (2)</td><td>Wenn das Video nicht automatisch startet, kannst du hier ein Vorschaubild / Thumbnail hochladen</td></tr></tbody></table>

### Allgemeine - Einstellungen

<figure><img src="/files/Zumf72Xv46MtH6cou5Wm" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="258">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Breite (1)</td><td>Hier legst du die Breite des Videos in dem entsprechenden Block fest</td></tr><tr><td>Höhe (2)</td><td><strong>auto</strong> bedeutet, dass sich die Höhe anhand des Formates automatisch bezieht (empfohlen). Hier kannst du selbstverständlich auch eigene Werte setzen.</td></tr><tr><td>Vertikale Ausrichtung (3)</td><td>Die vertikale Ausrichtung macht sich bemerkbar, wenn das Video neben einem höheren Element platziert wird, wie bspw. einer langen Textpassage.</td></tr><tr><td>Horizontale Ausrichtung (4)</td><td>Hier kannst du die horizontale Ausrichtung des Videos innerhalb des Blocks bestimmen.</td></tr></tbody></table>

### Erweiterte - Einstellungen

<figure><img src="/files/IYUP9KigsuiCAMKj1qz4" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="299">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Bei Seitenaufruf abspielen (1)</td><td>Wenn der Ton aktiviert ist, kann das ggf. störend sein. Immer mit Bedacht wählen.</td></tr><tr><td>Video Steuerung aktivieren (2)</td><td>Videos, die vorrangig als Designelement genutzt werden, sollten keine Steuerung haben.</td></tr><tr><td>Ton im Standard ausschalten (3)</td><td>Wenn (1) aktiv ist, sollte diese Funktion ggf. deaktiviert sein.</td></tr><tr><td>Video in Endlosschleife (4)</td><td>Wenn das Video abgelaufen ist, startet es automatisch von neu.</td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/elemente/medien/html-5-video.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.