# 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FGxdllubD043F1EcO8SYD%2Fsdn_interface_embedcode-playoutmanagement.png?alt=media&#x26;token=004ca905-80f6-4fee-9713-d1d132150794" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2F80qqGejONVetsAZvD88h%2Fsdn_interface_embed-code_ausgabe.png?alt=media&#x26;token=d509af17-ad81-422b-9a36-13e840c65df0" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2F6AFcj96asKha4GeZmG84%2Fsdn_interface_embedcode_neue%20playout%20ID%20hinzufu%CC%88gen.png?alt=media&#x26;token=2d8be5c8-83af-4a9e-aaea-56ff2360b13d" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FWOT0PTXC4Bf7vvTUGspt%2Fsdn_interface_live_embedcode_playoutmanagement_zweiter%20Player.png?alt=media&#x26;token=d1076885-7125-4890-bb70-0875891a8dfa" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2Foq9f126jn2RSPIFYaYIU%2Fsdn_interface_live_embed%20code_playout%20bearbeiten.png?alt=media&#x26;token=e81e0eb7-3e59-4455-b3f5-a7fd6c515ace" alt=""><figcaption></figcaption></figure>