¿Tu video en WordPress se ve muy grande, pequeño o con franjas negras? Aprender a insertarlo correctamente y adaptarlo al diseño de tu web es más fácil de lo que parece. Aquí te explicamos paso a paso cómo lograrlo.
1. Inserta el video en tu entrada o página
Puedes pegar directamente la URL del video o de YouTube o Vimeo en el editor de bloques de WordPress. WordPress lo convertirá automáticamente en un bloque de video.
2. Usa el bloque “Video” o “Incrustar”
- Si el video está alojado en tu servidor, usa el bloque “Video”.
- Si es de YouTube, elige “Incrustar > YouTube” y pega la URL.
3. Ajusta el tamaño del video
Por defecto, WordPress ajusta el video al ancho del contenedor. Pero puedes:
- Usar columnas o bloques de grupo para limitar su tamaño.
- Aplicar clases CSS personalizadas si tienes experiencia o usas un maquetador como Elementor.
4. Evita las franjas negras
Estas franjas aparecen cuando la relación de aspecto no coincide. Usa la relación 16:9 y aplica este CSS:
video, iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
5. Usa plugins si necesitas más control
Plugins como “WP Video Popup” o “Responsive Video Embeds” permiten mostrar videos con efectos de lightbox o adaptarlos mejor a dispositivos móviles.
.png)
