--- title: "¿Cómo insertar un vídeo de Youtube en tu página web?" description: "¡Hola ensalzeros, senderistas, aventureros, excursionistas y domingueros! Que saludo más peculiar, ¿verdad? Sí, así soy yo, el aventurero por excelencia del equipo de Ensalza, tu ageencia de desarroll..." url: https://www.ensalza.com/blog/como-insertar-un-video-de-youtube-en-tu-pagina-web/ date: 2013-11-07 modified: 2026-04-08 author: "Alex" image: https://www.ensalza.com/blog/wp-content/uploads/Youtube.jpg categories: ["Diseño Web"] tags: ["web vídeo", "youtube"] type: post lang: es --- # ¿Cómo insertar un vídeo de Youtube en tu página web? ¡Hola ensalzeros, senderistas, aventureros, excursionistas y domingueros! Que saludo más peculiar, ¿verdad? Sí, así soy yo, el aventurero por excelencia del equipo de Ensalza, tu [ageencia de desarrollo y diseño web en Madrid](https://www.ensalza.com/). Soy muy amante de la naturaleza y de las rutas por la montaña, tanto que lo cuento en forma de vídeo [en mi canal de Youtube](https://www.youtube.com/channel/UCG9qzP4B860yuGgRqMRRdpA). Esta red es ahora un canal muy interesante en el que crear contenido: es fácil de consumir por el usuario y, si te lo montas bien, puede convertirse hasta en un modo de ganar algunos eurillos. Por cierto, si quieres iniciarte en este mundo solo tienes que saber **como poner vídeos en Youtube** y… ¡a grabarse! Un aspecto fantástico de Youtube no es solo que puedes ver vídeos en su plataforma. También puedes elegir el vídeo que te gusta e incrustrarlo en tu web para que se muestre en tus contenidos. Como imaginas, esto es una opción increíble para enriquecer tus artículos. En este artículo te cuento, paso a paso, cómo insertar un vídeo de Youtube en tu página web. Esta es también una forma interesante de promocionar tu canal y tus vídeos en tu página web y conseguir más visualizaciones. ¿Empezamos? ## Cómo insertar un vídeo de Youtube ¿Qué pasos debo seguir para insertar un vídeo de Youtube en mi sitio web? ### #1. Busca el vídeo en **Youtube** que quieres poner en tu página Esta no es una tarea fácil, sobre todo por la cantidad de vídeos que hay. De hecho, fíjate si hay vídeos, que tardaríamos más de 3.000 años en ver todo el contenido que hay subido. ¡Increíble! Después de navegar un ratito por Youtube, elige qué vídeo se ajusta más a lo que estás buscando y es el que quieres insertar en tu página. ### #2. Debajo del mismo hay un menú en el que pone “compartir” En la siguiete captura vemos que al llegar a cualquier vídeo, en este caso a uno de mi canal de Rutas de Álex, hay debajo un pequeño botón en color gris que pone ‘Compartir’ acompañado de una flecha. Púlsalo ![insertar un video de youtube 2 650x609 jpg](https://www.ensalza.com/blog/wp-content/uploads/insertar-un-video-de-youtube-2-650x609.jpg)   ### #3. Elegir la opción correcta para insertar Al hacer clic en la flecha anterior aparecerá un ‘cuadrito’ como este: ![insertar un video de youtube 3 jpg](https://www.ensalza.com/blog/wp-content/uploads/insertar-un-video-de-youtube-3.jpg) Vemos que hay muchas opciones para compartir el vídeo en diferentes redes sociales. Además, también te permite elegir a partir de qué minuto o segundo quieres que empiece el vídeo. Sin embargo, esta no es la opción que estamos buscando. El botón que nos interesa es el primero donde vemos estos símbolos < > y el concepto ‘Insertar’. ¡Haz clic! ### #4. Opciones para insertar y código Después de clicar en Insertar verás una pantalla como la imagen de abajo. En el menú derecho puedes elegir las opciones que más te gusten o te convengan: mostrar sugerencias al finalizar el vídeo, mostrar los controles de reproducción… Cuando hayas terminado, haz clic en el botón inferior derecho «Copiar». Verás que el texto coge un fondo azul. ¡Genial! Ya está copiado en nuestro portapapeles. ![insertar un video de youtube 1 1024x393 jpg](https://www.ensalza.com/blog/wp-content/uploads/insertar-un-video-de-youtube-1-1024x393.jpg)   ### #5. Último paso: embeber el vídeo en la página Ve hasta la página o artículo de tu blog donde quieras añadir el vídeo. En caso de que utilices WordPress, como este blog, en el editor de texto verás que tienes dos pestañas: visual y HTML. Ve a la pestaña de HTML y pega ahí el código. Y ¡voilà! Cuando vuelvas a la parte visual verás el vídeo con la configuración que hayas elegido. Como verás, es un proceso sencillo. De todas formas, por si ha quedado alguna duda añado propio vídeo donde Youtube explica cómo insertar un vídeo de Youtube.   **Actualización 31/08/2017: después de un comentario de Jordi, uno de nuestros lectores, vamos a añadir algo más de información** ## Cómo eliminar los vídeos sugeridos en Youtube cuando lo insertas en tu web Muchas veces, cuando vamos a insertar un vídeo en nuestra web no queremos que youtube muestra sugerencias de otros vídeos al terminar. Puede que ahí salgan vídeos de la competencia o directamente no queremos que el usuario se nos distraiga con otras cosas. Para que Youtube no muestre estas sugerencias, simplemente cuando lleguemos al paso 4 tendremos que desmarcar la casilla que pone «Mostrar sugerencias de vídeos cuando finalice la reproducción». Fácil, rápido e indoloro 😉 ![No mostrar sugerencias en videos de youtube](https://www.ensalza.com/blog/wp-content/uploads/no-mostrar-sugerencias-video-youtube.jpg) ###### **Actualización diciembre/2020: Las opciones de inserción avanzadas parecen no estar disponibles. ** ## Cómo reproducir un vídeo de Youtube en bucle dentro de tu página web Otra cosa más complicada que nos preguntabais en los comentarios es cómo reproducir en bucle un vídeo de Youtube insertado en nuestra web. Sinceramente, pensábamos que no se podía hacer de manera «natural» sin utilizar ningún plugin extra; pero trasteando un poco en Youtube hemos visto que sí. Para conseguirlo, necesitamos tener 2 datos a mano: - El código de inserción: si has seguido el tutorial, ya deberías tenerlo a mano - El ID del video de Youtube: esto lo puedes sacar de la URL de youtube, que seguramente tenga una pinta parecida a esta *https://www.youtube.com/watch?v=r2BTLrNMWY0 *. Bien, pues lo que te marco en rojo es el ID del video. Ahora toca ponernos en modo hacker y modificar el código de inserción. El código tendrá una pinta como esta: ![Código insertar video de Youtube](https://www.ensalza.com/blog/wp-content/uploads/codigo-insertar-video-youtube.png)*El código tendrá una pinta como esta* Y donde está la url tendremos que añadir lo siguiente *&loop=1&playlist=ID_DEL_VIDEO* para dejar el código como te pongo en la imagen (te marco en amarillo lo nuevo): ![Mostrar vídeo youtube en bucle](https://blog.ensalza.com/wp-content/uploads/insertar-video-youtube-en-bucle.png)*Y aquí está el código para mostrar el vídeo en bucle* Este código «engaña» a Youtube creando una lista de reproducción de nuestro vídeo y nuestro vídeo otra vez en reproducción continua. Con esto, ya solo queda seguir el tutorial para insertar el vídeo de Youtube donde queramos dentro de nuestra web y se reproducirá en bucle. ## El autoplay en los vídeos: ¿funciona? Como no sabemos qué día es hoy, en el que estás leyendo este artículo… No sabemos si funciona o no el autoplay.  A principios de 2018 Chrome bloqueó el autoplay de vídeos por considerarlo un poco agresivo para el usuario. Sin embargo, dadas las malas críticas que recibieron al tiempo [desactivaron el bloqueo de reproducción automática de vídeos](https://www.adslzone.net/2018/05/16/chrome-desactiva-bloqueo-video-audio-automatico/). Ahora bien, octubre de 2018, a nosotros nos sigue sin funcionar el autoplay aunque algunas fuentes comenten que desapareció el bloqueo… Escríbemos un comentario si te estás volviendo loco con tu vídeo ¡a ver si podemos echarte una mano! ###### **Actualización:** Autoplay sigue sin estar activo por defecto, pero puedes activarlo (te recomendamos que sin sonido si no quieres que los usuarios se espanten), añadiendo este código *rel=0&autoplay=1* al final del código de inserción de Youtube en tu editor web (Por ejemplo, el editor html de WordPress). ¡Esperamos que te sirva!