> For the complete documentation index, see [llms.txt](https://support.charlla.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.charlla.io/es/userguide/player/displayer.md).

# Displayer

Un reproductor pensado para mostrar productos y contenidos. Añade vídeos cortos a tus páginas de producto para enseñar lo que una foto no puede. ¡Un buen vídeo vale más que diez fotos!

## Paso 1. Ajustes del reproductor

1. Ve a \[Panel lateral] > \[Pestaña Displayer] > \[Ajustes del reproductor] y activa o desactiva los interruptores según lo que necesites.
2. Cuando cambies los ajustes del Displayer, haz clic en **\[Guardar y actualizar]** para guardarlos.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FqAtt5BgD74bjAsRAYm6O%2Fdisplayer-1-es.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Ajustes recomendados**

* Quiero ocultar los controles de reproducción y mostrar un vídeo limpio, como una foto **→ Barra de control desactivada**
* Quiero que el vídeo empiece en cuanto se abra la página, sin pulsar el botón de reproducir **→ Reproducción automática activada**
* Quiero que el vídeo no se detenga al terminar **→ Bucle activado**
* Quiero definir el ancho del vídeo con un número **→ Ajuste automático desactivado y tamaño introducido a mano**
  {% endhint %}

{% hint style="warning" %} <mark style="color:red;">**¡Algunos ajustes se actualizan solos al guardar y otros no!**</mark>

**Barra de control, Reproducción automática, Bucle** ➡️ Se actualizan automáticamente al guardar. No tienes que sustituir el código.

**Ajuste automático** ➡️ Guarda y, además, sustituye el código.
{% endhint %}

## Paso 2. Copia el código o el enlace

Si ya has guardado los ajustes del reproductor, ¡es hora de probarlo! Puedes usar el Displayer copiando su código o su enlace.

### Copiar desde la lista de la Biblioteca

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FOiAxvlKF3XiHDG0Q1iFJ%2Fdisplayer-2-es.png?alt=media" alt=""><figcaption></figcaption></figure>

### Copiar desde el panel lateral

Haz clic en el vídeo que quieras de la lista. En la parte superior del panel lateral puedes copiar el código y el enlace de cada reproductor.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FiWAOYhAsFSlHFjvwW0GW%2Fdisplayer-3-es.png?alt=media" alt=""><figcaption></figcaption></figure>

## Paso 3. Úsalo en tu tienda <a href="#dis-apply" id="dis-apply"></a>

1. Haz clic en **Copiar código** y pega el código en tu editor HTML.\
   (El editor depende de tu tienda y de tu plataforma).
2. Usa la vista previa del editor para comprobar cómo se ve el Displayer de Charlla.
3. Añade el resto de elementos a la página de tu tienda y guarda los cambios.

[<mark style="color:purple;">**¿El Displayer no se centra bien? Revisa este ajuste -> Más información**</mark>](/es/userguide/library/oepn_sidebar/tap_dis.md#videofit)

[<mark style="color:purple;">**¿Ha desaparecido el código que pegaste? Prueba a usar una etiqueta de vídeo -> Más información**</mark>](/es/userguide/library/copy_url.md#videotag)


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://support.charlla.io/es/userguide/player/displayer.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.