Insertar un vídeo en una página web HTML puede ser estupendo para tus visitantes. Si estás trabajando en un proyecto que te apasiona, también puede añadir identidad visual al producto final. Quienes trabajen con un proyecto o marca distintos también tendrán la oportunidad de presentarse a través del vídeo.
Al insertar un vídeo en un documento HTML, puedes utilizar tres métodos comunes. Las respuestas a cómo centrar un vídeo en HTML son:
- Incluir una etiqueta HTML
en el documento - Escribiendo un contenedor para incluir un elemento de vídeo en el estilo text-align:center
- Incluyendo un margen con un auto 0px y el estilo display:block con el vídeo
Centrar un vídeo utilizando la etiqueta
Este es uno de los métodos más sencillos a la hora de insertar un vídeo en un documento HTML. La etiqueta
Si quieres seguir este camino, puedes poner una etiqueta HTML
La etiqueta
Centrar un vídeo con la etiqueta , así como con text-align:center
La etiqueta
Si necesitas seguir utilizando
div.center {
alineación del texto: centro;
}
A continuación, puedes encerrar la etiqueta
El vídeo se colocará entonces justo en el centro del elemento
Centrar el vídeo utilizando un margen y un estilo de visualización
Puedes elegir no añadir una envoltura a la etiqueta
El estilo es el siguiente:
video.center {
mostrar: bloque;
margen izquierdo: auto;
margen-derecha: auto;
}
El estilo display:block es necesario. El elemento
Si sustituyes la etiqueta
Si sustituyes la propiedad display por un bloque, la etiqueta
Utilizando el CSS anterior, sólo tienes que incluir la clase centro en la etiqueta
Centrar un vídeo de YouTube con HTML
YouTube y Vimeo se encuentran entre los proveedores de vídeo más comunes. La mayoría de la gente ve contenido de estos sitios. Puede ayudar mucho a tu sitio web que tus vídeos estén alojados en estas plataformas. Estos sitios web tienen una función de suscripción que te permite conectar con una audiencia incorporada.
También puedes enlazar la página web con el canal de YouTube para conseguir una mayor tracción, ya que muchos internautas acuden diariamente a la plataforma.
Si estás incrustando un vídeo de YouTube en tu página web, se te pedirá que incluyas una etiqueta
Lee también Servicios de edición de vídeo de fixthephoto.com y echa un vistazo a lo que pueden hacer para que tu vídeo destaque.
Este es el aspecto que suele tener el código de incrustación de YouTube:
width=»560″
height=»315″
src=»https://www.youtube.com/embed/
title=»Reproductor de vídeo de YouTube»
frameborder=»0″
allowfullscreen
>
Si quieres centrar el vídeo de YouTube, puedes utilizar cualquiera de los métodos mencionados. Vimeo suele utilizar el mismo código de incrustación, con sólo unos pocos parámetros cambiados para reflejar el sitio web. Puede que tengas que comprobar con otros proveedores de vídeo si su código de incrustación es similar al que utiliza YouTube. La mayoría de los sitios web proporcionan el código de incrustación a través de sus enlaces para compartir.
Centrar un vídeo utilizando HTML es una de las tareas más sencillas que puedes hacer con etiquetas, CSS o códigos de incrustación. Una vez que lo domines, podrás incluir tantos vídeos como puedas en la página. ¡Siéntete libre de centrar cualquier vídeo que se ajuste a tu página web!
