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

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

The question should be specific, self-contained, and written in natural language.
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.