Saltar al contenido

¿Cómo obtener una miniatura de YouTube de un iframe de YouTube?

Solución:

Miniaturas de YouTube

Las miniaturas de YouTube se pueden encontrar en esta ruta estándar:

http://img.youtube.com/vi/[video-id]/[thumbnail-number].jpg
  • [video-id] es la identificación del video de YouTube, p. ej. 1sIWez9HAbA.
  • [thumbnail-number] es el número de la miniatura de los 4 que suele tener cada vídeo, p. ej. 0.

Obtener la miniatura de un iframe

Entonces, basado en el iframe‘s src atributo puede construir la URL de la miniatura directamente.

Por ejemplo, usando jQuery:

var iframe           = $('iframe:first');
var iframe_src       = iframe.attr('src');
var youtube_video_id = iframe_src.match(/youtube.com.*(?v=|/embed/)(.{11})/).pop();

if (youtube_video_id.length == 11) {
    var video_thumbnail = $('<img src="https://img.youtube.com/vi/'+youtube_video_id+'/0.jpg">');
    $(body).append(video_thumbnail);
}

Tenga en cuenta que este ejemplo comprueba la URL del iframe para un ID de video de YouTube válido y se supone que tiene 11 caracteres, que es el estándar de facto.

Ver demostración de jsFiddle

Obtenga imágenes en miniatura de Youtube usando las siguientes URL

Baja calidad

 https://img.youtube.com/vi/[video-id]/sddefault.jpg

calidad media

 https://img.youtube.com/vi/[video-id]/mqdefault.jpg

Alta calidad

http://img.youtube.com/vi/[video-id]/hqdefault.jpg

Resolución Máxima

http://img.youtube.com/vi/[video-id]/maxresdefault.jpg

ejemplo: https://img.youtube.com/vi/OYr-KPboPDw/hqdefault.jpg

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *