> 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>