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.