X
    Categories: JAVASCRIPTYoutube

Parsear url de youtube con javascript

Hace unos dias estaba haciendo un mantenimiento donde ingresaba un video de youtube  donde solo tenian que ingresar la URL del video y tenia que mostrar una imagen previa del video cosa que no es nada dificil aqui la estructura de url de la imagen

http://i1.ytimg.com/vi/ID_VIDEO/default.jpg

entonces la idea es que coloque y al sacar el focus del input muestre al lado la imagen y esta funcion javascript nos ayudara

function youtube_parser(url){
var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
var match = url.match(regExp);
if (match&&match[7].length==11)
{
return match[7];
}
else
{
alert("Url incorrecta");
}
}

Ahora asumiendo que estamos usando Jquery va el sigueinte codigo

$(document).ready(function(){
$("input").blur(function(){
$("img").attr("src","http://i1.ytimg.com/vi/"+youtube_parser(this.value)+"/default.jpg")
})
})

Espero que esta funcion les ayude.

Luis Rodriguez: Hola, Soy Luis Rodriguez, radico en Lima – Perú, formado en una carrera informática, desempeñando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi interés en la Analítica Web me ayudó mucho entender el funcionamiento interno de las herramientas de analítica, con las que vengo trabajo activamente desde 2017. Linkedin