# 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2Fvzz6SWeSVuajdvrOyaCo%2FBildschirmfoto%202024-10-05%20um%2022.14.40.png?alt=media&#x26;token=f2e5d09a-18cc-47fa-8445-6e92dc27970f" alt=""><figcaption></figcaption></figure>

### Video - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FkK67KNtJiUab1Qco7zYO%2FBildschirmfoto%202024-10-05%20um%2022.16.01.png?alt=media&#x26;token=9db21e5f-25e0-4718-a8ee-c5f11a33df62" 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F1N4FZH9CGZKDUGNcVTrm%2FBildschirmfoto%202024-10-05%20um%2022.18.01.png?alt=media&#x26;token=d64fefad-c452-4133-bb03-31414c3ea393" 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FqBIb1NPJjNP2FcQhbaZR%2FBildschirmfoto%202024-10-05%20um%2022.23.21.png?alt=media&#x26;token=f8507f6a-d3cc-42e9-832c-b8ab1f33b54e" 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>