Esta es una de las preguntas que en las últimas semanas se ha repetido varias veces y que hemos decidido contestar a través del blog con un breve post.
¿Cómo podemos centrar un vídeo de YouTube en WordPress?
Cuando en YouTube seleccionamos compartir un vídeo (COMPARTIR / INSERTAR debajo del vídeo), obtenemos un código similar a este:
<iframe src="//www.youtube-nocookie.com/embed/QgQ2V-iUMTw?rel=0" height="169" width="300" allowfullscreen="" frameborder="0"></iframe>
Que si lo insertamos en la vista de TEXTO de WordPress nos inserta el vídeo de la siguiente forma:
Para centrar el contenido de un IFRAME con un vídeo de YouTube, lo más sencillo es añadirle a ese código del IFRAME el siguiente estilo:
style="display:block; margin: 0 auto;"
Quedándose el código de inserción similar a este:
<iframe src="//www.youtube-nocookie.com/embed/QgQ2V-iUMTw?rel=0" height="169" width="300" allowfullscreen="" frameborder="0" style="display:block; margin: 0 auto;"></iframe>
Con lo que obtenemos el siguiente resultado:
Esperamos que os haya servido.
Excelente aportación!!! Solucionó mi problema!!Gracias
No me ha funcionado.
Hola Tony, ¿Qué es lo que no te ha funcionado? Si has copiado el código puede ser que te haya cambiado las comillas. Si has copiado y pegado, elimina las comillas y añádelas de nuevo para que no tengan ningún formato.
Un saludo.
Muchas gracias!!! enormemente agradecido.
A mi lo que me pasa es que copio el código. Me voy a la zona visual para ver como queda y está igual. Cuando vuelvo al código ha desaparecido….
Hola Paloma. Lo que nos indicas puede pasar debido a las comillas. Hay que cuidar que las comillas sean
"Por ejemplo:
Es un tema que nos pasa de vez en cuando, si las comillas no son las correctas, WordPress piensa que es código erróneo y lo elimina. Hemos visto que en la entrada había algún problema con las comillas, pero debería de estar solucionado.
Muchísimas gracias, me funcionó.
Sugerencia yo, después del título pondría en grande y en rojo ATENCIÓN CON LAS COMILLAS!!!!
Pues mí no me funciona, he intentado lo de las comillas y tampoco, igual es que no lo he entendido bien, por lo que pido mayor aclaración.
Hola Ana. El tema de las comillas ya lo solucionamos con un nuevo plugin para mostrar el código. Debería funcionarte aplicando los pasos descritos. Nosotros lo usamos a diario. Un saludo. Sino comparte un ejemplo del código que usas para que podamos ver el problema. Un saludo.
Excelente aporte!!! estoy haciendo una web y tenia ese problema pero con ese codigo me solucionaste la vida saludos