# Workshop - Iframe Code und Player Link verarbeiten

**Im folgenden Artikel zeigen wir Ihnen, wie Sie den Player-Code für Ihren Account abrufen und verwenden.**

#### 1. Wir senden den Player-Code per E-Mail

Sie erhalten von uns eine E-Mail, die den vollständigen iFrame-Code für Ihren Player direkt im Text enthält.   
Es wird **keine ZIP-Datei** mehr versendet und es müssen keine Dateien entpackt oder gespeichert werden.

<p class="callout info">**Sie können sich auch in unsere [Verwaltungsoberfläche](https://verwaltung.video-stream-hosting.de/login) einloggen. Dort generieren Sie per Knopfdruck einfach Ihren Player inkl. Codes und Zugangsdaten.**</p>

Öffnen Sie die E-Mail und kopieren Sie den enthaltenen iFrame-Code vollständig in die Zwischenablage.

#### 2. Player-Code verwenden

Der zugesendete Code ist reines HTML und kann direkt in den Quelltext Ihrer Website eingefügt werden, z. B. in ein CMS, einen HTML-Block oder eine Template-Datei.

#### 3. HTML-Code verstehen

Der iFrame-Code besteht aus einfachem, standardkonformem HTML. Jeder Webdesigner kann diesen bei Bedarf anpassen.

```HTML

<iframe width="845" height="475" style="border: none" allowfullscreen src="XXXX"></iframe>

```

Der iFrame enthält aktuell folgende Attribute:

width="845"  
height="475"  
style="border: none"  
src="XXXX"

Anstelle von **XXXX** steht die vollständige URL zu Ihrem Live- oder Dateistream. Diese URL wird von uns bereits korrekt gesetzt und muss in der Regel nicht verändert werden.

Weitere Informationen zu iFrames finden Sie auch bei [ w3schools – HTML iFrame ](https://www.w3schools.com/html/html_iframe.asp).

<p class="callout info">Wenn Sie einen responsiven Player verwenden möchten (optimiert für Mobilgeräte), müssen Breite und Höhe angepasst bzw. per CSS gesteuert werden.   
Mehr dazu unter  **[ Responsive Player für Mobilgeräte ](https://docs.video-stream-hosting.de/books/player-erweiterungen/page/responsive-player-f%C3%BCr-mobilger%C3%A4te "Responsive Player für Mobilgeräte")** </p>

 **Den per E-Mail erhaltenen iFrame-Code können Sie direkt in Ihre Website einfügen und bei Bedarf anpassen (z. B. Größe oder Darstellungsoptionen).**