> For the complete documentation index, see [llms.txt](https://sdn.docs.3q.video/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sdn.docs.3q.video/interface/projekte/livestream-projekt/ein-livestream-projekt-einrichten/embed-code-kopieren.md).

# Embed-Code kopieren

Zur Einbettung des 3Q Players in Webseiten und Blogs verwenden Sie einen Embed-Code. Dieser wird als JavaScript- und als IFrame-Version ausgegeben.

Rufen Sie über das Projektmenü den Bereich Embed-Code auf.

*Abbildung: Menüpunkt "Embed Code" - Playoutmanagement*

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

In der Übersicht Playoutmanagement werden alle Playouts mit aktivem Player bzw. und der Playout ID angezeigt. Wenn das Projekt neu angelegt wurde, ist nur der automatisch angelegte Default Player vorhanden.&#x20;

## Embed-Code kopieren

Gehen Sie in der Übersicht **Playoutmanagement** zum **Icon Menü** rechts in der Zeile des Playouts bzw.  Players und klicken Sie hier auf das **Code Icon.**

Im Fenster **Embed-Code** wählen Sie jetzt den Reiter mit der Code-Version, die Sie verwenden möchten.

*Abbildung: Formular "Embed-Code"*

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

Sie können den Embed-Code direkt aus der Ansicht kopieren oder die Funktion **In die Zwischenablage kopieren** nutzen.

{% hint style="info" %}
Die Verwendung des JavaScript-Codes wird empfohlen. Über die Player API können Sie dann umfangreiche Anpassungen am Player vornehmen. Siehe dazu das Kapitel **Player Dokumentation.**
{% endhint %}

Zusätzlich zu den zwei Embed-Codes erhalten Sie hier

* die **direkte Player URL,** um den Player direkt in einem Browser aufzurufen,
* die **Playout ID.**

## Alternativen Player verwenden

Es gibt zwei Wege, um alternative Player zu verwenden:

1. über das Anlegen weiterer Playout IDs
2. über die Zuweisung einer bestehenden Playout ID an einen neuen Player

Wenn Sie mit mehreren Playout-URLs arbeiten, können alle Embed-Code-Versionen parallel verwendet werden. Wird einer Playout-URL ein neuer Player zugewiesen, arbeitet nur der neue Player.

### Playout ID mit alternativem Player hinzufügen

Gehen Sie in der Übersicht **Playoutmanagement** auf **+ Neue Playout Id hinzufügen.**

*Abbildung: Formular " Neue Playout Id hinzufügen"*

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

In der Eingabemaske hinterlegen Sie im Feld **Label** einen Namen für die Playout ID und wählen im Dropdown-Menü **Player** den gewünschten Player. Zum Abschluss **speichern** Sie die Einstellung.

Das neue Playout mit dem alternativen Player wird nun im Playoutmanagement angezeigt.

*Abbildung: Menüpunkt "Embed Code" - Playoutmanagement -Icon Menü*

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

Sie können jetzt im **Icon Menü,** rechts in der Zeile, über das **Code Icon** (Embed Code) die Ausgabe für den Embed-Code öffnen (siehe Beschreibung oben).

### Einer Playout ID einen neuen Player zuweisen

Gehen Sie im **Icon Menü,** rechts in der Zeile, auf das **Stift Icon** (Playout bearbeiten). In der Eingabemaske wählen Sie unter Player den neuen Player.

*Abbildung: Formular "Playout bearbeiten"*

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