Tutoriales gratuitos para el aprendizaje de la programacion informatica! Recuerda que si lo puedes imaginar... lo puedes programar!

Insertar Video YouTube en HTML

Para iniciar debes ir a YouTube y seleccionar tu video!

Luego hacer clic en compartir:

 Aparecerá una pestaña que te indica elegir el modo que se desea compartir, escoje Insertar


Te dará el código HTML listo para ser insertado en tu proyecto
 

 Sería algo asi:

<iframe width="560" height="315" src="https://www.youtube.com/embed/gzyYZmL-0L8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Puedes cambiar el ancho y el largo solo cambiando width / height directamente desde el HTML

Si quieres Autoplay en la inserción del video: Simplemente sumándole al código el “autoplay=1”

Para que se inicie en un momento distinto al de inicio inserta “start=100” (el tiempo es en segundos)

Puedes hacer que desaparezcan los controles de la parte de abajo con el código “controls=1”

Para evitar los molestos videos relacionados al final del video debes de poner “rel=0”

Si no quieres que aparezca la información del video en la parte superior del reproductor “showinfo=0”

El  frameborder="0" : el valor 1 dibuja un borde alrededor del marco. El valor 0 (predeterminado) elimina el borde

 

No hay comentarios:

Publicar un comentario