¡Hola ensalzeros, senderistas, aventureros, excursionistas y domingueros!

Que saludo más peculiar, ¿verdad? Sí, así soy yo. 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. 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 siguiente imagen he rodeado con color rojo el botón que sirve para compartir el vídeo, que es el mismo que usaremos para insertar un vídeo en nuestra web.

 

#3. Elegir la opción correcta para insertar

Al hacer clic en la flecha anterior aparecerá un ‘cuadrito’ como este:

Vemos que hay hasta 11 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. En la parte inferior derecha verás que un texto que dice “Insertar”.

#4. Opciones para insertar y código <embed>

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 <iframe width…> coge un fondo azul. ¡Genial! Ya está copiado en nuestro portapapeles.

 

#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

 

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

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

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.

CEO y socio fundador de Ensalza. Papá y enamorado de las rutas por la montaña. Es el que va a coger el teléfono si nos llamas y actualmente se encarga de todo el papeleo y millones de historias más en Ensalza.

Ha recorrido más de medio mundo con su cámara de fotos buscando las mejores imágenes para su página web. ¿Su otra gran pasión? Lleva grabando cortometrajes desde 1996.

[Total:8    Promedio:4.4/5]

Share This

Si continuas utilizando este sitio, aceptas el uso de las cookies. Más información

Las opciones de cookie en este sitio web están configuradas para "permitir cookies" para ofrecerte una mejor experiéncia de navegación. Si sigues utilizando este sitio web sin cambiar tus opciones o haces clic en "Aceptar" estarás consintiendo las cookies de este sitio.

Cerrar