Youtube

Parsear url de youtube con javascript

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

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.

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+
Read more