> 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/library/oepn_sidebar/tap_dis.md).

# Pestaña Displayer

## Cambiar el título del vídeo <a href="#undefined" id="undefined"></a>

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

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

1. En \[Biblioteca] > \[Pestaña Vídeos], haz clic en el vídeo que quieras editar.
2. Cuando se abra el \[Panel lateral], ve a \[Pestaña Displayer] > \[Título del vídeo] y escribe el título que quieras.
3. Haz clic en **\[Guardar y actualizar]**. El nuevo título aparecerá en la lista de vídeos.

## Cambiar los ajustes del reproductor

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

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]**. El reproductor se actualizará automáticamente en todas las páginas que usen la URL de este vídeo.

{% hint style="danger" %} <mark style="color:red;">**Si cambias el ajuste automático, tienes que sustituir el código o el enlace del reproductor.**</mark>\ <mark style="color:red;">**\[Panel lateral] > \[Guardar y actualizar] > Botón \[Enlace] > \[Copiar el código o el enlace del Displayer] > \[Pegarlo en el editor de tu página web]**</mark>
{% endhint %}

### Barra de control

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

* Barra de control activada: la barra de control, con el botón de reproducir, el control de volumen y más, aparece sobre el vídeo.
* Barra de control desactivada: no aparecen controles de reproducción ni de volumen sobre el vídeo. Desactívala cuando no necesites controlar el vídeo y quieras que se vea tan limpio como una imagen.

### Reproducción automática

{% hint style="danger" %} <mark style="color:red;">**Con la reproducción automática activada, el vídeo se reproduce sin sonido.**</mark>
{% endhint %}

* Reproducción automática activada: el vídeo empieza en cuanto se carga la página, sin que el espectador pulse el botón de reproducir. Se reproduce sin sonido.
* Reproducción automática desactivada: el vídeo solo se reproduce cuando el espectador pulsa el botón de reproducir.

### Bucle

* Bucle activado: cuando el vídeo termina, vuelve a empezar desde el principio sin detenerse.
* Bucle desactivado: el vídeo se detiene al terminar. El espectador tiene que pulsar el botón de reproducir para volver a verlo desde el principio.

### Ajuste automático

{% hint style="danger" %} <mark style="color:red;">**Si cambias el ajuste automático, tienes que sustituir el enlace del reproductor.**</mark>\ <mark style="color:red;">**\[Panel lateral] > Botón \[Enlace] > \[Copiar el código o el enlace del Displayer] > \[Pegarlo en el editor de tu página web]**</mark>
{% endhint %}

### Ajuste automático desactivado <a href="#videofit" id="videofit"></a>

El ajuste automático está desactivado de forma predeterminada.

{% tabs %}
{% tab title="Cambiar el tamaño" %}

* Puedes definir el tamaño del vídeo introduciendo un número.
* Con el botón **\[Vista previa del tamaño]**, debajo del vídeo de la izquierda, puedes ver cómo queda el tamaño que has introducido.
* Si no introduces ningún tamaño, se usa el tamaño original del vídeo.
* Puedes introducir un ancho de entre 200 px y 1920 px.

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

Desactiva el ajuste automático ➡️ cambia el ancho ➡️ haz clic en Guardar y actualizar ➡️ haz clic en **\[Copiar código]** en la parte superior, y listo.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2Fuqal3QLlOozvEzIIcJCG%2Ftap_dis-6-es.jpg?alt=media" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Alineación centrada" %}
**✅ Alineación centrada marcada**

* El reproductor de Charlla se coloca automáticamente en el centro de la página del editor HTML.
* Sin embargo, la opción de **centrar texto** de tu editor HTML no se aplica.

**Alineación centrada desmarcada**

* Si desmarcas Alineación centrada, el reproductor de Charlla se coloca a la izquierda.
* En cambio, puedes usar la opción de **centrar texto** de tu editor HTML.

El resultado puede variar según la plantilla de tu tienda y tu plataforma de comercio electrónico.\
Haz una prueba y guarda el ajuste que mejor funcione en tu tienda.
{% endtab %}
{% endtabs %}

### Ajuste automático activado

Activa el ajuste automático para que el vídeo ocupe un área concreta.

* Úsalo cuando tu plantilla o tu web hecha a medida ya tenga definida un área para el vídeo.
* El vídeo se ajusta exactamente al ancho de esa área.
* El tamaño del área se calcula automáticamente.
* No hace falta definir ningún tamaño en los ajustes del reproductor de Charlla.

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

Activa el ajuste automático ➡️ haz clic en Guardar y actualizar ➡️ copia el código, y listo.


---

# 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/library/oepn_sidebar/tap_dis.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.