# Lista de reproducción

### **Listas de reproducción de video: Organiza y optimiza tu contenido**

Presentamos **Listas de reproducción de video**, una función diseñada para facilitar la organización de videos. Ya sea que estés seleccionando módulos de aprendizaje, series de entretenimiento o colecciones temáticas, las listas de reproducción te permiten **agrupar videos relacionados** para una experiencia de visualización sin interrupciones.

**¿Por qué usar listas de reproducción?**

* **Contenido estructurado** – Mantén los videos categorizados para un acceso fácil.
* **Reproducción continua** – Garantiza transiciones fluidas entre videos.
* **Mayor interacción** – Crea experiencias seleccionadas a la medida de las necesidades de los espectadores.

Con las listas de reproducción, tus videos se vuelven más **accesibles, intuitivos y agradables** de navegar.

¿Aún no has subido ningún video?&#x20;

{% content-ref url="administrador-de-videos" %}
[administrador-de-videos](https://buildersupport.gitbook.io/help-docs/es/video/primeros-pasos/administrador-de-videos)
{% endcontent-ref %}

Para agregar tu **Lista de reproducción de video**, siga estos pasos:

1. **Selecciona el widget "Lista de reproducción de video"** desde la **barra de tareas izquierda**.
2. **Arrastra y suelta** en la sección que desees, ya sea una **página, blog, embudo o espacio comunitario**.

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FCYCjaiNMjD8mpogQWQoD%2FPlaylist%20add%20widget.png?alt=media&#x26;token=cf8a25a2-804a-4f3b-9f35-fa56f48937c2" alt=""><figcaption><p>Configuración del widget de lista de reproducción</p></figcaption></figure>

### Agregar videos a la lista de reproducción

Para llenar tu lista de reproducción con videos, sigue estos pasos:

1. **Haz clic en el botón "Agregar videos"** en la parte superior del editor de la lista de reproducción.
2. **Abre el Gestor de videos**, donde puedes:
   * **Subir nuevos videos** directamente.
   * **Editar videos existentes** para refinar sus detalles.
   * **Seleccionar varios videos** para organizarlos dentro de la lista de reproducción.

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FZR1OiFxznEjydmDle4Na%2Fplaylist%20first%20manager%20tab%20folders.png?alt=media&#x26;token=49357e73-a590-4de5-9acb-d4c84a708064" alt=""><figcaption><p>Carpetas del Gestor de videos</p></figcaption></figure>

Para agregar videos a tu lista de reproducción de manera eficiente, sigue estos pasos:

* **Seleccionar una carpeta completa** – Pasa el cursor sobre la carpeta y haz clic en el **botón "Seleccionar"** para agregar todos los videos a la vez.
* **Elegir videos individuales** – Haz clic en el **título de la carpeta** para abrirla y luego selecciona manualmente los videos específicos a agregar.

{% hint style="success" %}
**Nota**: Al seleccionar videos para tu lista de reproducción, puedes **actualizar configuraciones individuales** directamente desde la ventana de selección, incluyendo:

* **Gestión de comentarios** – Ajusta la visibilidad y la configuración de interacción.
* **Capítulos** – Agrega o modifica momentos clave para una navegación estructurada.
* **Miniatura** – Sustituye la miniatura actual por una imagen personalizada.

Esto garantiza **personalización sin interrupciones** para que todo esté optimizado en un solo lugar antes de finalizar tu lista de reproducción.
{% endhint %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FVlTUf6ZTwl2JiqGDFlGE%2Fplaylist%20video%20arrangement.png?alt=media&#x26;token=cbd59bb3-a586-4c9f-976a-0a0c9aac1e72" alt=""><figcaption><p>Organización de la lista de reproducción de video</p></figcaption></figure>

Después de seleccionar tus videos, aparecerán en tu **carpeta de Organización de videos**, donde puedes:

* **Ordenar el orden** – Reorganiza los videos para que coincidan con tu secuencia preferida.
* **Ajustar el flujo de la lista de reproducción** – Asegura una experiencia de visualización lógica para tu audiencia.

### Visualización de la lista de reproducción

Tu lista de reproducción se puede mostrar en dos formatos principales:

1. **Video con barra lateral** – Este diseño presenta un **video principal** con una barra lateral que enumera el resto de la lista de reproducción, facilitando a los espectadores la navegación por el contenido.
2. **Cuadrícula de videos** – Este formato muestra todos los videos en una cuadrícula estructurada, ideal para **navegación visual** y selección rápida.

Comencemos configurando el **Video con barra lateral** diseño.

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FB6ZPK9hYRpwwv0djV8FO%2Fplaylist%20video%20display.png?alt=media&#x26;token=f33f5366-3f6f-40c9-aba6-77d84552258d" alt=""><figcaption></figcaption></figure>

## Video con barra lateral

Al mostrar tu **video con una barra lateral**, puedes elegir entre **tres opciones de estilo diferentes** para ajustarlo a tu preferencia de diseño:

1. **Miniatura compacta** – Muestra **miniaturas de video pequeñas** para cada entrada, facilitando que los espectadores identifiquen el contenido visualmente.
2. **Miniatura escalada** – Muestra **previsualizaciones de miniaturas más grandes** para cada entrada, facilitando que los espectadores identifiquen el contenido visualmente.
3. **Vista detallada** – Muestra una **lista optimizada** de videos junto al reproductor principal, manteniendo el diseño limpio y minimalista.

Esta flexibilidad te permite **adaptar la interfaz de la lista de reproducción** para ajustarse a la experiencia de usuario que deseas ofrecer.

{% tabs %}
{% tab title="Compacta" %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FDpgYeGs7rcZhdhlLdSl6%2Fplaylist%20sidebar%20small.PNG?alt=media&#x26;token=552c3b6a-2abd-4413-97f1-bada30123171" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Escalada" %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2Fqexk1c18gpT2XpJ4b9OY%2Fplaylist%20sidebar%20large.PNG?alt=media&#x26;token=f9f81ed6-1b9e-4655-b87e-d8e3658c1628" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Detallada" %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FHcHbRvGrE0qofVpzLkon%2Fplaylist%20sidebar%20compact.PNG?alt=media&#x26;token=999a748f-371c-4e6c-9787-d264606d0f0d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="success" %}
Cuando la **barra lateral está visible**, el video se reproducirá **en su tamaño predeterminado**, manteniendo un acceso fácil a la navegación de la lista de reproducción.

Para **maximizar el video a pantalla completa**, simplemente:

* **Haz clic en el ícono del menú** ubicado en la **esquina superior derecha** de la barra lateral.
* La barra lateral se **minimizará**, ampliando el video para una experiencia de visualización **sin distracciones**  .

Esto garantiza un control sin interrupciones sobre las preferencias de diseño, permitiendo a los usuarios alternar entre **navegación cómoda** revisores **visualización inmersiva** sin esfuerzo.
{% endhint %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2F6gAABNonikrsiRx6dUra%2Fplaylist%20collapse%20side%20bar.png?alt=media&#x26;token=ae784e57-c534-43a0-afbd-0dc99dbc8930" alt=""><figcaption></figcaption></figure>

### Video en foco

Cuando se selecciona un video dentro de una lista de reproducción, se convierte en el **enfoque principal**, garantizando una experiencia de visualización inmersiva. La barra lateral permanece accesible para una navegación fácil, pero los espectadores pueden:

* **Quitar controles** – Elimina los controles de la barra de reproducción del video.
* **Reproducción automática del video** – Cada video se reproducirá automáticamente al abrirse.
* **Pausar al perder el enfoque** – El video se pausa automáticamente al cambiar de ventana o sección.

Esta función mejora la usabilidad, haciendo el consumo de video **fluido, atractivo y sin distracciones**

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FcUzzeOWGs9kZYDWvOepA%2Fplaylist%20video%20on%20focus.png?alt=media&#x26;token=9cb9d95a-9ca8-4aeb-bc3f-c11e6e52b35a" alt=""><figcaption></figcaption></figure>

### Mostrar índices en la lista de reproducción

Con **listas de reproducción indexadas**, a cada video se le asigna un **número secuencial**, lo que facilita a los espectadores seguir y navegar por el contenido.

**antes de que se publiquen nuevas reseñas.**

* Si tu lista de reproducción tiene **cuatro videos**, se etiquetarán como **1-4** en orden.
* Esta numeración garantiza **progresión clara**, ayudando a los usuarios a seguir series o lecciones estructuradas sin esfuerzo.
* Funciona perfectamente para **contenido educativo, videos episódicos o presentaciones organizadas**.

<div align="left"><figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2F0noagqVZVQTcEEVgxfOa%2Fplaylist%20video%20indexing.PNG?alt=media&#x26;token=9f1c18ac-3e28-41e7-a84f-f28960c9a9cf" alt=""><figcaption></figcaption></figure></div>

### Reproducción automática del siguiente video

Con **Con la reproducción automática habilitada**, el siguiente video en tu lista de reproducción comenzará **automáticamente** una vez que termine el actual.

**Beneficios clave:**

* **Visualización sin interrupciones** – No se necesita selección manual, manteniendo la experiencia fluida.
* **Reproducción continua** – Ideal para maratones, cursos o aprendizaje guiado.

### Mostrar como colección

En la **Vista de colección**, todos los videos de la lista de reproducción se agrupan bajo **una visualización principal de video**. En lugar de mostrar múltiples miniaturas, la lista de reproducción se presenta como una **entrada única**.

**antes de que se publiquen nuevas reseñas.**

* **Visualización de video principal** – Toda la lista de reproducción aparece bajo un video destacado.
* **Clic para abrir la lista de reproducción** – Cuando los usuarios seleccionan el video principal, se expande para mostrar la lista completa de videos.
* **Navegación optimizada** – Mantiene tu diseño limpio y aun así permite acceso a todo el contenido de la lista de reproducción.

Esta configuración es excelente para una **presentación organizada y minimalista**

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2Fnd5gkuFxpiCBr5cxu4jm%2Fplaylist%20as%20collection.png?alt=media&#x26;token=f54201dd-f4f6-4390-9290-bc18f7cd964c" alt=""><figcaption></figcaption></figure>

Configuraciones de visualización adicionales

La interfaz de gestión de videos ofrece **opciones de visualización personalizables** para mejorar la interacción del espectador y optimizar la organización del contenido. Aquí tienes un breve resumen de las funciones clave:

1. Mostrar visualizaciones del video (video en reproducción)
2. Mostrar visualizaciones del video (Lista/cuadrícula)
3. Mostrar título del video
4. Mostrar reacciones del video
5. Mostrar comentarios del video

Lee más sobre la gestión de comentarios a continuación:

{% content-ref url="../../widgets-de-la-comunidad/area-de-comentarios" %}
[area-de-comentarios](https://buildersupport.gitbook.io/help-docs/es/widgets-de-la-comunidad/area-de-comentarios)
{% endcontent-ref %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FcosQniAjQnE3fdDirDtN%2Fplaylist%20additional%20settings%20comments%20etc.png?alt=media&#x26;token=b2210db6-4658-4699-bfee-388f5f61e6b5" alt=""><figcaption></figcaption></figure>

### Marcar como visto

Esta función permite a los espectadores **marcar manualmente** un video como **visto**, dándoles mayor control sobre su experiencia de visualización.

**antes de que se publiquen nuevas reseñas.**

* **Ícono de marca verde** – Una vez marcado como visto, una **marca verde** aparece junto al video, indicando su finalización.
* **Activa flujos de automatización** – Si se configuraron acciones automatizadas en tu **flujo de trabajo**, marcar un video como visto **activará esas automatizaciones** en consecuencia.
* **Seguimiento de progreso optimizado** – Ayuda a los espectadores a **llevar un registro** del contenido completado, haciendo que las listas de reproducción y los cursos sean más fáciles de usar.

Una excelente manera de **aumentar la interacción** mientras garantizas un flujo de contenido sin interrupciones.

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FeMr8J9vbSaPqwBIFhV7o%2FPLAYLIST%20ALLOW%20MARK%20AS%20WATCHED.png?alt=media&#x26;token=7b4ad072-d8d1-4f0c-8af1-ffa640071c09" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Si la opción **"Marcar como visto"** no está habilitada **no está habilitada**, los videos se **marcarán automáticamente como vistos** cuando lleguen al final.

**Detalles clave:**

* **No se requiere acción manual** – El sistema detecta la finalización y aplica una **marca verde** para indicar que el video ha sido visto.
* **Activa automatizaciones** – Cualquier **automatización de flujo de trabajo** vinculada a la finalización del video se activará una vez que el video termine.
* **Seguimiento del progreso** – Garantiza que los espectadores puedan llevar un registro del contenido visto sin necesidad de marcarlo ellos mismos.
  {% endhint %}

## Cuadrícula de videos

El **La opción de visualización en cuadrícula** organiza los videos en un **formato de galería**, creando una **experiencia de navegación visual** similar a Netflix.

**Beneficios clave:**

* **Diseño limpio y organizado** – Los videos se muestran en filas o columnas estructuradas.
* **Selección rápida** – Los espectadores pueden escanear y elegir videos de un vistazo.
* **Experiencia inmersiva** – Imita las plataformas de streaming modernas para un diseño familiar y atractivo.

Esta configuración es perfecta para **cursos, contenido de entretenimiento y colecciones con múltiples videos**, facilitando el descubrimiento de videos.

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FxIpn6U8tfZefkGoWAqsB%2Fplaylist%20-%20grid%20of%20videos.png?alt=media&#x26;token=ac0e22f3-5cad-457a-8961-9234d5303332" alt=""><figcaption><p>Cuadrícula de videos</p></figcaption></figure>

### Número de videos a mostrar por fila

Tienes control total sobre **cuántos videos** aparecen por fila en la **visualización de cuadrícula**.

* Elige entre **2 a 6 videos por fila** según tu diseño preferido.
* Optimiza para **claridad visual** revisores **espaciado** para ajustarse a tus necesidades de diseño.
* Crea una **experiencia de navegación estructurada** similar a las plataformas de streaming modernas.

### Estilo de cuadrícula

Al mostrar tus videos en un **formato de cuadrícula**, tienes dos opciones de estilo:

1. **Simple** – Un diseño limpio y minimalista que garantiza una experiencia de navegación **optimizada y sin distracciones** .
2. **Con borde (efecto mosaico)** – Agrega bordes definidos alrededor de cada video, creando una apariencia **estructurada y visualmente distintiva** de mosaico.

{% tabs %}
{% tab title="Simple" %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FGTlNPx28SMty4wqCxpHe%2Fplaylist%20grid%20simple.png?alt=media&#x26;token=473a7478-1ad7-44bd-aebb-6e7f93858118" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Con borde" %}

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FyfmpAYS0bmZSbdX6C6tH%2Fplaylist%20grid%20bordered.png?alt=media&#x26;token=62d998a9-9a62-40c8-aba5-0b5d20faa6bf" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Ventana emergente de video al hacer clic

Cuando un espectador selecciona un video desde la **visualización de cuadrícula**, se abre en una **ventana emergente a pantalla completa**, garantizando una experiencia inmersiva.

**Características clave:**

* **Opciones de visibilidad de comentarios** – Elige mostrar los comentarios **junto al video o debajo**, permitiendo una interacción sencilla.
* **Interacción enfocada** – Mantiene las discusiones vinculadas directamente al video específico, evitando confusión de comentarios entre videos.
* **Navegación optimizada** – Los espectadores pueden disfrutar de la reproducción a pantalla completa mientras mantienen acceso a las discusiones relevantes.

Esta configuración crea una **experiencia de usuario limpia y estructurada**, equilibrando la interacción y la reproducción optimizada.

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FtIDOOSiwPbv1UtOonfhE%2Fplaylist%20comments%20on%20popup%20grid.png?alt=media&#x26;token=2a5395b9-62f6-43d0-926a-cfe76d71550c" alt=""><figcaption></figcaption></figure>

### Filtrar por categoría

Con **con el filtrado por categoría**, los espectadores pueden **ordenar** entre múltiples categorías de video usando **botones limpios y accesibles** mostrados encima de la cuadrícula.

**antes de que se publiquen nuevas reseñas.**

* **Botones de categoría** – Organizados en la parte superior de la cuadrícula para una navegación rápida.
* **Filtrado sin esfuerzo** – Al seleccionar una categoría, se refinan al instante los videos mostrados, garantizando una búsqueda más rápida.
* **Ideal para listas de reproducción grandes** – Mantiene el contenido estructurado, facilitando encontrar videos relevantes en colecciones de múltiples categorías.

si es necesario. **experiencia de usuario**, permitiendo una forma más intuitiva de explorar e interactuar con el contenido de la lista de reproducción.

[#categories](https://buildersupport.gitbook.io/help-docs/es/video/administrador-de-videos#categories "mention") Obtén más información sobre las categorías

<figure><img src="https://2608777910-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FjNhZA1ChfHsAZkLC8TmJ%2Fplaylist%20grid%20filter%20by%20category.png?alt=media&#x26;token=9f221858-bb1a-48f0-97ab-46131cc9cb18" alt=""><figcaption></figcaption></figure>
