> For the complete documentation index, see [llms.txt](https://help.verkada.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.verkada.com/verkada-cameras/de/video-streaming-and-freigabe/embed-a-cameras-live-stream-on-a-website.md).

# Einen Live-Stream einer Kamera in eine Website einbetten

Mit Verkada-Kameras können Sie einen Live-Stream einer Kamera auf Ihrer Website einbetten. Das Einbettungs-Snippet ist ein Inline-Frame-(iframe)-Codeausschnitt, der mit jeder Webseite kompatibel ist.

{% hint style="warning" %}
Sobald eine Einbettung erstellt wurde, kann der Zugriff jederzeit widerrufen werden.
{% endhint %}

***

## Einen Einbettungslink erstellen

{% stepper %}
{% step %}
**Gehen Sie in Verkada Command zu Alle Produkte > Kameras.**
{% endstep %}

{% step %}
**Navigieren Sie zu dem Kamerafeed, den Sie auf Ihrer Website einbetten möchten.**
{% endstep %}

{% step %}
**Klicken Sie auf der rechten Seite des Frames auf Teilen.**

* Lesen Sie die Nutzungsbedingungen für die Videofreigabe. Wenn Sie zustimmen, klicken Sie auf **Ich stimme zu.**
* Klicken Sie unten links auf **Weitere Optionen > Einbettungscode.**
* Geben Sie die Domain(s) ein, auf denen Sie die Videowiedergabe autorisieren möchten.
* Klicken Sie auf **Einbettungslink > Fertig.**

{% hint style="warning" %}
Der Link wird automatisch in die Zwischenablage kopiert.
{% endhint %}
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Wildcard-Zeichen werden akzeptiert (zum Beispiel, *\*.ihredomain.com*). Wenn Ihre Domain *ihredomain.com*, benötigen Sie das vorherige Wildcard-Zeichen nicht und können einfach *ihredomain.com*. Wenn Ihre Domain jedoch *ihreunterdomain.ihredomain.com*, können Sie das Wildcard-Zeichen verwenden, um die Unterdomain anzugeben.
{% endhint %}

***

## Vorhandene Einbettungslinks verwalten

{% stepper %}
{% step %}
**Gehen Sie in Verkada Command zu Alle Produkte > Admin.**
{% endstep %}

{% step %}
**Wählen Sie Anmeldung & Zugriff > Freigegebene Links verwalten.**
{% endstep %}

{% step %}
**Wählen Sie die Registerkarte Eingebettet aus.**
{% endstep %}

{% step %}
**Auf der rechten Seite Ihres Links:**

* Klicken Sie auf <i class="fa-code">:code:</i> um den Einbettungscode zu kopieren.
* Klicken Sie auf <i class="fa-trash-can" style="color:red;">:trash-can:</i> um die Einbettung zu widerrufen.
  {% endstep %}
  {% endstepper %}

***

## Eingebettete Video-Streams in der Größe ändern

Eingebettete Kamerafeeds können auf Ihrer Webseite durch Anpassen der Breite, Höhe und Breitbild-Attribute in der Größe geändert werden.

{% hint style="warning" %}
Wenn Sie eine Einbettung in der Größe ändern, achten Sie darauf, das Breiten-Höhen-Verhältnis beizubehalten, wie unten gezeigt.
{% endhint %}

<div align="left"><img src="/files/6e27a1a782f7950b694a64b9ecde4d516d9fea3f" alt=""> <img src="/files/e840dfe81171390bcf75832553a68fc3a1fbcea4" alt=""></div>

***

## Die Einbettung im Breitbildformat anzeigen

Damit die Einbettung im Breitbildformat angezeigt wird, verwenden Sie den **`?widescreen=1`** Parameter in der URL, wie gezeigt:

<div align="left" data-with-frame="true"><img src="/files/8e0df8e6eb0fdc87a46ae6f95f5378c8eedd7f37" alt=""></div>

Die Einbettung links ist standardmäßig, während die Einbettung rechts den **`widescreen=1`** Abfrageparameter hat:

<div align="left" data-with-frame="true"><img src="/files/7e5dc0a41e82ebed77895b64409bcbbbb80d4047" alt=""></div>

***

Wenn ein Benutzer eine Webseite lädt, die einen von Verkada eingebetteten Livestream enthält, lädt die Seite die URL der Einbettung in einem iframe.

{% hint style="warning" %}
Der Inline-Frame (iframe) wird als schwarzer Bildschirm angezeigt, wenn die verweisende Website nicht mit dem Domainnamen übereinstimmt, der bei der Erstellung der Einbettung angegeben wurde.
{% endhint %}

***

## Einbettungen beheben, die nicht geladen werden

{% stepper %}
{% step %}
[**Die verweisende Website finden**](#find-the-referring-website) **damit Sie beim Erstellen der Einbettung einen passenden Domainnamen angeben können.**
{% endstep %}

{% step %}
[**Die Einbettung mit dem richtigen Domainnamen neu erstellen**](#recreate-the-embed-using-the-correct-domain-name)**.**
{% endstep %}

{% step %}
**Platzieren Sie die neue Einbettung auf Ihrer Website.**
{% endstep %}
{% endstepper %}

### Die verweisende Website finden

{% stepper %}
{% step %}
**Klicken Sie auf der Webseite, auf der Sie die Einbettung platziert haben, mit der rechten Maustaste in Ihrem Browser und wählen Sie Untersuchen aus. Dies wird ein schwarzer Bildschirm sein, weil die Einbettung nicht geladen wird.**
{% endstep %}

{% step %}
**Klicken Sie oben auf Netzwerk.**
{% endstep %}

{% step %}
**Geben Sie in die Such-/Filterleiste "embed" ein (um nach einbettungsbezogenen Anfragen zu filtern.**
{% endstep %}

{% step %}
**Klicken Sie auf die Anfrage mit der alphanumerischen ID, die ein ähnliches Format wie das unten gezeigte Beispiel haben sollte.**
{% endstep %}

{% step %}
**Suchen Sie im Abschnitt Anfrage-Header die Referrer-URL. Dies ist die URL/Domain, die Sie in Verkada Command eingeben müssen. (Sie benötigen nur bis zur Top-Level-Domain, z. B. .com. Im Beispiel ist die verweisende Domain verkadasupport.com.)**

<div align="left" data-with-frame="true"><figure><img src="/files/5138cef8ff195e86f56976ee8e9bfc0f07b6d47d" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
Wenn Sie das nicht sofort sehen **embed.html**, klicken Sie auf **Aktualisieren** um die Seite neu zu laden.
{% endhint %}

### Die Einbettung mit dem richtigen Domainnamen neu erstellen

{% stepper %}
{% step %}
**Gehen Sie in Verkada Command zu Alle Produkte > Kameras.**
{% endstep %}

{% step %}
**Wählen Sie die Kamera aus und klicken Sie auf Teilen.**
{% endstep %}

{% step %}
**Wählen Sie Weitere Optionen > Einbettungscode und geben Sie Ihre Referrer-Domain ein.**
{% endstep %}

{% step %}
**Klicken Sie auf Einbettungslink.**
{% endstep %}
{% endstepper %}

### Neue Einbettung auf Ihrer Website platzieren

{% stepper %}
{% step %}
**Kopieren Sie den neuen Einbettungslink, den Sie gerade im vorherigen Schritt erstellt haben.**
{% endstep %}

{% step %}
**Gehen Sie zum Admin-Portal Ihrer Website.**
{% endstep %}

{% step %}
**Fügen Sie das HTML-Einbettungs-iframe an der Stelle ein, an der die Einbettung auf Ihrer Website angezeigt werden soll.**
{% endstep %}

{% step %}
**Speichern Sie die Website, öffnen Sie sie und stellen Sie sicher, dass sie funktioniert.**

<div align="left" data-with-frame="true"><img src="/files/62b289aeb3380fe93d50779b47c6b775b768c812" alt=""></div>
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.verkada.com/verkada-cameras/de/video-streaming-and-freigabe/embed-a-cameras-live-stream-on-a-website.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
