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)