Guías/Crear contenido/Medios/Personalizar el reproductor de VideoPress

Personalizar el reproductor de VideoPress

Puedes personalizar el reproductor de VideoPress para que se ajuste al diseño de tu sitio y controlar cómo se presentan tus vídeos. En esta guía, aprenderás a ajustar el tamaño del reproductor, establecer una imagen de póster personalizada, activar o desactivar las funciones de reproducción y personalizar la barra de progreso.

Tutorial en vídeo

Este vídeo está en inglés.
YouTube ofrece funciones de traducción automática para que puedas verlo en tu idioma:

Para subtítulos automáticos:

  1. Reproduce el vídeo.
  2. Haz clic en ⚙️ Ajustes (abajo a la derecha).
  3. Elige Subtítulos/CCTraducción automática.
  4. Selecciona tu idioma.

Para audio doblado automáticamente (experimental):

  1. Haz clic en ⚙️ Ajustes.
  2. Selecciona Pista de audio.
  3. Selecciona el idioma en el que quieras escuchar el vídeo.

ℹ️ Las traducciones y doblajes son generados por Google, pueden no ser perfectos y aún no están disponibles para todos los idiomas.

Cambiar el tamaño del reproductor

Para cambiar el tamaño del reproductor de VideoPress directamente en el editor de WordPress, sigue estos pasos:

  1. Haz clic en el bloque VideoPress para seleccionarlo.
  2. Busca los controladores de tamaño (pequeños cuadrados) en los bordes o esquinas del reproductor de vídeo.
  3. Haz clic y arrastra un control para ajustar el ancho o la altura del reproductor al tamaño que prefieras.
  4. Suelta el botón del ratón para establecer el tamaño nuevo.
  5. Haz clic en Guardar o Publicar para aplicar los cambios.

Elegir una miniatura

La imagen de póster es la miniatura que se muestra antes de que se reproduzca el vídeo. Puedes elegir un fotograma de tu vídeo o subir una imagen personalizada.

  1. Elige el bloque VideoPress y abre la barra lateral de los ajustes del bloque.
    • Si no ves la barra lateral, haz clic en el icono de Ajustes de la esquina superior derecha.
  2. En la sección Póster y vista previa, elige una de las siguientes opciones:
    • Elige un fotograma de vídeo: desplázate por la línea de tiempo del vídeo para seleccionar un fotograma como imagen de póster.
    • Seleccionar imagen de póster: sube una imagen nueva o selecciona una de tu biblioteca de medios.
  3. También puedes activar o desactivar la opción para mostrar una Vista previa del vídeo al mantener el ratón encima para que los visitantes puedan escanear el contenido de tu vídeo.
  4. Haz clic en Guardar o Publicar para aplicar los cambios.
La opción Póster y vista previa de la barra lateral de ajustes del bloque VideoPress.

💡

Utiliza una imagen de póster que sea al menos tan grande como la resolución de tu vídeo para obtener la mejor calidad (por ejemplo, utiliza una imagen de 1920 x 1080 para un vídeo de 1080p).

Personalizar reproducción

Puedes controlar cómo se reproduce tu vídeo y qué opciones tienen los espectadores.

  1. Elige el bloque VideoPress y abre la barra lateral de los ajustes del bloque.
    • Si no ves la barra lateral, haz clic en el icono de Ajustes de la esquina superior derecha.
  2. En Reproducción, ajusta las siguientes opciones:
    • Reproducción automática: inicia el vídeo automáticamente cuando se cargue la página.
      Recordatorio: algunos navegadores pueden bloquear la reproducción automática a menos que el vídeo esté silenciado.
    • Bucle: reproduce el vídeo repetidamente.
    • Silenciado: inicia el vídeo con el sonido desactivado. Los espectadores pueden reactivar el sonido si lo desean.
    • Mostrar controles: muestra u oculta los controles de reproducción (reproducción, pausa, volumen, etc.).
    • Reproducción integrada: reproduce el vídeo integrado en dispositivos móviles en vez de a pantalla completa.
    • Precarga: elige cuánto vídeo se carga cuando se carga la página (Ninguno, Metadatos o Automático).
  3. Haz clic en Guardar o Publicar para aplicar los cambios.
Las opciones de reproducción en la barra lateral de ajustes del bloque VideoPress.

Cambiar el color de la barra de progreso

Puedes personalizar el color de la barra de progreso para que se ajuste mejor al diseño de tu vídeo o sitio.

  1. Selecciona el bloqueVideoPress y abre la barra lateral de estilos de bloque.
    • Si no ves la barra lateral, haz clic en el icono de Ajustes de la esquina superior derecha.
  2. El color dinámico está activado por defecto, lo que adapta los colores al vídeo mientras se reproduce.
  3. Desactiva la opción para establecer los colores:
    • Principal: el color por defecto de la barra de progreso.
    • Cargado: el color de la barra una vez que se ha cargado el vídeo.
    • Progreso: el color de la barra mientras se carga el vídeo.
  4. Haz clic en Guardar o Publicar para aplicar los cambios.

Ajustar el relleno y los márgenes

Ajusta el relleno y los márgenes alrededor del reproductor de VideoPress a través de los ajustes de dimensiones de la barra lateral de estilos de bloque.

Shortcode de VideoPress

También puedes insertar un vídeo y controlar su tamaño mediante un shortcode siguiendo estos pasos:

  1. En el escritorio, haz clic en Medios.
  2. Haz clic en el vídeo para el que quieres usar el shortcode.
  3. Para copiar el shortcode proporcionado, haz clic en el botón Copiar como se muestra en la siguiente imagen.
    • Un shortcode de VideoPress comenzará con el símbolo [, seguido de wpvideo o videopress, una cadena de caracteres y un símbolo de cierre ].
    • Por ejemplo:

[wpvideo YN4MKhAB]

La sección inferior de la página de detalles de un vídeo en Medios, con el shortcode resaltado.
  1. Edita la entrada o página en la que quieras mostrar este vídeo.
  2. Haz clic en el insertador de bloques + y añade un bloque Shortcode.
  3. Pega el shortcode del paso 3 y escribe w=XXX antes del corchete final para especificar la anchura en píxeles, así:

[wpvideo YN4MKhAB w=400]

Puedes definir la anchura del vídeo en un tamaño mayor o menor, siempre que se ajuste a la anchura de la columna de la entrada del tema.

Atributos del shortcode de VideoPress

El shortcode puede aceptar los atributos siguientes para modificar el comportamiento predeterminado:

  • w=X para la anchura en píxeles, no incluyas unidades.
  • h=Y para la altura en píxeles, no incluyas unidades.
  • hd=true/false para forzar la reproducción en HD.
  • freedom=true/false para forzar únicamente el uso de formatos de vídeo de código abierto.
  • autoplay=true/false para reproducir automáticamente el vídeo cuando se está cargando.
  • loop=true/false para reproducir automáticamente el vídeo una y otra vez.
  • controls=false para ocultar los controles de vídeo predeterminados al mostrar un vídeo.

Puedes usar los atributos que quieras añadiéndolos antes del símbolo de cierre ]: [wpvideo OcobLTqC attribute=value]. Por ejemplo:

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]

Copied to clipboard!