Cómo centrar vídeos en HTML

Para centrar vídeos en html sólo tienes que seguir los siguientes pasos:

  1. Copia el código de inserción del vídeo
  2. Por ejemplo, si el video que quieres incrustar, supongamos que en una entrada de tu blog, se encuentra en Youtube, dirígete a Youtube, haz clic con el botón derecho sobre el vídeo y clickea Copiar código de inserción.

    De esta forma obtendrán un iframe.

     

  3. Coloca el iframe en la posición de la página en la que quieras que el video se muestre y para centrar el vídeo en html, sólo tienes que añadir antes del iframe:
  4. < div style="text-align:center;" >
    

    Imagina que queremos centrar este vídeo, nuestro código HTML quedaría así:

    < div style="text-align:center;" >
    < iframe width="560" height="315" ...;" >
    < /div >
    

    (Después del iframe tan sólo tendras cerrar el <div>)

(También puedes insertar tus vídeos en WordPress mediante los shortcodes de forma muy fácil y sencilla, con tan sólo un plugin. En este artículo encontrarás cómo hacerlo.)

 

Y éste es el resultado final:

 

Periodista y SEO. Autora de éste blog donde comparto mis conocimientos y curiosidades sobre SEO y Márketing Digital. Actualmente, entrepeneur en The Conservas.



Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *