¿Cómo hacer un video embed de youtube y alinear al centro

Sube tus vídeos a YouTube en lugar de que un desperdicio de espacio y ancho de banda en su propio servidor web.

Sube tus vídeos a YouTube en lugar de que un desperdicio de espacio y ancho de banda en su propio servidor web.

Mientras que YouTube le proporciona el código tiene que compartir un video de forma gratuita, que no ayudan con el proceso de poner hacia fuera en su sitio web o blog. Afortunadamente, código de inserción de vídeo de YouTube es sólo un iframe HTML ordinario. Si esta encapsular

etiqueta, se puede utilizar el CSS o Cascading Style Sheet propiedad text-align para mostrar el vídeo en el centro de la entrada de blog o una página Web.
1

Lance un editor de texto como el Bloc de notas y escriba el código HTML div para centrar el video de YouTube iframe. Por ejemplo, escriba el siguiente código en su editor:

Incluir un espacio antes "

" para contener el código de inserción del video más tarde. Esta div contiene el código CSS que le dirá navegador del espectador para centrar el vídeo.
2

Hacer clic "Compartir" en el vídeo de YouTube que desea compartir y haga clic "Empotrar."

3

Seleccione el código iframe en el cuadro de texto y pulse "Ctrl-C" para copiarlo en el portapapeles.

4

Seleccione la ventana del editor, haga clic en el espacio vacío antes de la "

" código y, a continuación, pulse "Ctrl-V" pegar el código de inserción. Su código debe parecerse a lo siguiente:

5

Seleccionar todo el código en el editor de texto, copiarlo y pegarlo en la página Web o entrada de blog que desea que se muestre en su interior.

Advertencia

  • cerca Por razones de seguridad, algunos sistemas de gestión de contenido de blogs y no son compatibles con iframes. Es posible, sin embargo, ser capaz de utilizar la etiqueta HTML más para visualizar el vídeo. Hacer clic "Compartir," Empotrar," y luego seleccione la casilla de verificación "Utilizar código de inserción de edad."

referencias

  • enlazar W3schools.org: HTML Etiqueta
  • enlazar Google.com: incrustar vídeos y listas de reproducción
  • enlazar Thesitewizard.com: Cómo centrar un DIV CSS bloque usando

Sobre el Autor

Allen Bethea ha escrito artículos sobre la programación, diseño web, sistemas operativos y hardware del equipo desde 2002. Es licenciado en Ciencias de grados UNC-Chapel Hill y AAS en tecnología de oficina, ingeniería mecánica / redacción y la tecnología de Internet. Allen tiene una amplia experiencia con el escritorio y el software del sistema para los sistemas operativos Windows y Linux.

Artículos Relacionados