# Incrustar una transmisión en vivo de una cámara en un sitio web

Las cámaras Verkada te permiten incrustar una transmisión en vivo de una cámara en tu sitio web. La incrustación es un fragmento de código de marco en línea (iframe) compatible con cualquier página web.

{% hint style="warning" %}
Una vez que se crea una incrustación, el acceso puede revocarse en cualquier momento.
{% endhint %}

***

## Crear un enlace de incrustación

{% stepper %}
{% step %}
**En Verkada Command, ve a Todos los productos > Cámaras.**
{% endstep %}

{% step %}
**Navega hasta la transmisión de cámara que quieres incrustar en tu sitio web.**
{% endstep %}

{% step %}
**En el lado derecho del marco, haz clic en Compartir.**

* Lee los términos y condiciones para compartir video. Si estás de acuerdo, haz clic en **Acepto.** 
* En la parte inferior izquierda, haz clic en **Más opciones > Código de incrustación.**
* Ingresa el/los dominio(s) en los que quieres autorizar la reproducción del video.
* Haz clic en **Enlace de incrustación > Listo.**

{% hint style="warning" %}
El enlace se agrega automáticamente al portapapeles.
{% endhint %}
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Se aceptan comodines (por ejemplo, *\*.yourdomain.com*). Si tu dominio es *yourdomain.com*, no necesitas el comodín precedente y puedes simplemente usar *yourdomain.com*. Sin embargo, si tu dominio es *yoursubdomain.yourdomain.com*, puedes usar el comodín para especificar el subdominio.
{% endhint %}

***

## Administrar enlaces de incrustación existentes

{% stepper %}
{% step %}
**En Verkada Command, ve a Todos los productos > Administrador.**
{% endstep %}

{% step %}
**Selecciona Inicio de sesión y acceso > Administrar enlaces compartidos.**
{% endstep %}

{% step %}
**Selecciona la pestaña Incrustados.**
{% endstep %}

{% step %}
**En el lado derecho de tu enlace:**

* Haz clic en <i class="fa-code">:code:</i> para codificar el código de incrustación.
* Haz clic en <i class="fa-trash-can" style="color:red;">:trash-can:</i> para revocar la incrustación.

{% endstep %}
{% endstepper %}

***

## Cambiar el tamaño de las transmisiones de video incrustadas

Las transmisiones de cámara incrustadas se pueden redimensionar en tu página web ajustando los atributos de ancho, alto y pantalla ancha.

{% hint style="warning" %}
Cuando redimensiones una incrustación, asegúrate de mantener la misma proporción entre ancho y alto, como se muestra a continuación.
{% endhint %}

<div align="left"><img src="/files/724ace8768d29182252e759877bb16695c8f2db8" alt=""> <img src="/files/1eacfd6485f94c89d6c63d87515ee3a21b659e77" alt=""></div>

***

## Mostrar la incrustación en pantalla ancha

Para hacer que la incrustación aparezca en pantalla ancha, usa el **`?widescreen=1`** parámetro en la URL, como se muestra:

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

La incrustación de la izquierda es estándar, mientras que la incrustación de la derecha tiene el parámetro de consulta **`widescreen=1`** :

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

***

Cuando un usuario carga una página web que contiene una transmisión en vivo incrustada de Verkada, la página carga la URL de la incrustación en un iframe.

{% hint style="warning" %}
El marco en línea (iframe) aparece como una pantalla negra si el sitio web de referencia no coincide con el nombre de dominio especificado cuando se creó la incrustación.
{% endhint %}

***

## Resolver incrustaciones que no cargan

{% stepper %}
{% step %}
[**Encuentra el sitio web de referencia**](#find-the-referring-website) **para que puedas especificar un nombre de dominio que coincida al crear la incrustación.**
{% endstep %}

{% step %}
[**Vuelve a crear la incrustación usando el nombre de dominio correcto**](#recreate-the-embed-using-the-correct-domain-name)**.**
{% endstep %}

{% step %}
**Coloca la nueva incrustación en tu sitio web.**
{% endstep %}
{% endstepper %}

### Encuentra el sitio web de referencia

{% stepper %}
{% step %}
**En la página web donde colocaste la incrustación, haz clic derecho en tu navegador y selecciona Inspeccionar. Esto será una pantalla negra porque la incrustación no cargará.**
{% endstep %}

{% step %}
**En la parte superior, haz clic en Red.**
{% endstep %}

{% step %}
**En la barra de búsqueda/filtro, escribe "embed" ( para filtrar las solicitudes relacionadas con la incrustación.**
{% endstep %}

{% step %}
**Haz clic en la solicitud con el ID alfanumérico, que debería tener un formato similar al del ejemplo que se muestra a continuación.**
{% endstep %}

{% step %}
**En la sección Encabezados de solicitud, busca la URL de referencia. Esta es la URL/dominio que debes ingresar en Verkada Command. (Solo necesitas hasta el dominio de nivel superior, como .com. En el ejemplo, el dominio de referencia es verkadasupport.com.)**

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

{% hint style="warning" %}
Si no ves inmediatamente el **embed.html**, haz clic en **Actualizar** para volver a cargar la página.
{% endhint %}

### Vuelve a crear la incrustación usando el nombre de dominio correcto

{% stepper %}
{% step %}
**En Verkada Command, ve a Todos los productos > Cámaras.**
{% endstep %}

{% step %}
**Selecciona la cámara y haz clic en Compartir.**
{% endstep %}

{% step %}
**Selecciona Más opciones > haz clic en Código de incrustación e ingresa tu dominio de referencia.**
{% endstep %}

{% step %}
**Haz clic en Enlace de incrustación.**
{% endstep %}
{% endstepper %}

### Colocar la nueva incrustación en tu sitio web

{% stepper %}
{% step %}
**Copia el nuevo enlace de incrustación que acabas de crear en el procedimiento anterior.**
{% endstep %}

{% step %}
**Ve al portal de administración de tu sitio.**
{% endstep %}

{% step %}
**Pega el iframe HTML de incrustación donde quieras que la incrustación esté en tu sitio.**
{% endstep %}

{% step %}
**Guarda y abre el sitio y asegúrate de que funcione.**

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


---

# Agent Instructions: 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:

```
GET https://help.verkada.com/verkada-cameras/es/transmision-y-comparticion-de-video/embed-a-cameras-live-stream-on-a-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.