Cuando usamos "iframe" para inserta un vídeo, centrarlo no es complicado porque basta con utilizar la sintaxis que usamos con cualquier párrafo, es decir
<p style="text-align: center;"><iframe...></iframe</p>
El problema es cuando usamos el reproductor de medios propio de WordPress. No podemos centrarlo ni tampoco alinearlo a la derecha o la izquierda porque su aspecto está definido en una hoja de estilos propia del sistema. En concreto, wp-mediaelement.css (dentro de wp-includes/js/mediaelement/). No obstante hay una solución:
1.- Editamos la hoja de estilos de nuestra tema (normalmente style.css).
2.- Añadimos las siguientes líneas:
NOTA: para el caso de vídeos subidos a nuestro servidor la regla válida es .videocentrado .wp-video, Para vídeos fuera de nuestro servidor (Yotube, vimeo, etc), es de aplicación .videocentrado .embed-wrap.
.videocentrado .wp-video, .videocentrado .embed-wrap {
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:20px;
}
3.- Ahora, cuando editemos una entrada e incrustemos un vídeo, debemos hacerlo de la siguiente forma:
<div class="videocentrado">Código del vídeo</div>
La "div" la pondremos manualmente en la pestaña "Texto" del editor de texto.
4.- Para alinear a la izquierda o a la derecha:
.videoizquierda .wp-video, .videoizquierda .embed-wrap {
margin-bottom:20px;
margin-top:20px;
margin-right:20px;
float:left;
}
.videoderecha .wp-video, .videoderecha .embed-wrap {
margin-bottom:20px;
margin-top:20px;
margin-left:20px;
float:right;
}
En los dos últimos casos, si insertamos texto dentro de la "div", éste quedará "flotando" a la derecha o izquierda respectivamente.