> 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/es/transmision-y-comparticion-de-video/embed-a-cameras-live-stream-on-a-website.md).

# Incrustar la 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 creada una incrustación, se puede revocar el acceso en cualquier momento.
{% endhint %}

***

## Crear un enlace de incrustación

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

{% step %}
**Navegue hasta la transmisión de cámara que desea incrustar en su sitio web.**
{% endstep %}

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

* Lea los términos y condiciones para compartir video. Si está de acuerdo, haga clic en **Acepto.**
* En la parte inferior izquierda, haga clic en **Más opciones > Código de incrustación.**
* Ingrese el/los dominio(s) donde desea autorizar la reproducción del video.
* Haga 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 su dominio es *yourdomain.com*, no necesita el comodín anterior y puede usar simplemente *yourdomain.com*. Sin embargo, si su dominio es *yoursubdomain.yourdomain.com*, puede usar el comodín para especificar el subdominio.
{% endhint %}

***

## Administrar enlaces de incrustación existentes

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

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

{% step %}
**Seleccione la pestaña Incrustado.**
{% endstep %}

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

* Haga clic en <i class="fa-code">:code:</i> para copiar el código de incrustación.
* Haga 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 su página web ajustando los atributos de ancho, alto y pantalla ancha.

{% hint style="warning" %}
Cuando cambie el tamaño de una incrustación, asegúrese de mantener la misma relación ancho-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 que la incrustación aparezca en pantalla ancha, use 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 **`widescreen=1`** parámetro de consulta:

<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 se cargan

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

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

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

### Encuentre el sitio web de referencia

{% stepper %}
{% step %}
**En la página web donde colocó la incrustación, haga clic con el botón derecho en su navegador y seleccione Inspeccionar. Esto mostrará una pantalla negra porque la incrustación no se cargará.**
{% endstep %}

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

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

{% step %}
**Haga 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, busque la URL de referencia. Esta es la URL/dominio que necesita introducir en Verkada Command. (Solo necesita 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 ve de inmediato el **embed.html**, haga clic en **Actualizar** para volver a cargar la página.
{% endhint %}

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

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

{% step %}
**Seleccione la cámara y haga clic en Compartir.**
{% endstep %}

{% step %}
**Seleccione Más opciones > haga clic en Código de incrustación e introduzca su dominio de referencia.**
{% endstep %}

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

### Coloque la nueva incrustación en su sitio web

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

{% step %}
**Vaya al portal de administración de su sitio.**
{% endstep %}

{% step %}
**Pegue el iframe HTML de incrustación donde quiera alojar la incrustación en su sitio.**
{% endstep %}

{% step %}
**Guarde y abra el sitio y asegúrese de que funcione.**

<div align="left" data-with-frame="true"><img src="/files/84e288141d9eb32844f8b2d72a0690e1cbd37a33" 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/es/transmision-y-comparticion-de-video/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.
