LaREPAWEB » Recuperar los últimos videos de un canal de YouTube

Programación, tecnología y mucho más.

Recuperar los últimos videos de un canal de YouTube

octubre 5th, 2011. Publicado en General, Programación. Sin Comentarios. 404 Lecturas

He buscado mucho widgets para páginas web que promocionen un canal de YouTube pero los pocos que he encontrado no me convencían del todo. Aquí les comparto este código javascript recupera los últimos videos subidos a un canal de YouTube desde un feed usando la API GData.

Para adaptarlo a tus necesidades deberás cambiar las opciones de ancho, alto, título, donde dice “username” reemplazarlo por el nombre del canal y ajustar el parámetro max-results que es la cantidad de videos a recuperar.

<script type="text/javascript">
	function youtube_videos(data) {
    	var feed = data.feed;
    	var entries = feed.entry || [];
    	var html = [];
    	for (var i = 0; i < entries.length; i++) {    		
    		var entry = entries[i];
    		var title = entry.title.$t;
    		var width = "280";
    		var height = "220";
    		var showtitle = "Yes";
    		var titledisplay = '';
    		if(showtitle == "Yes") {
				titledisplay = '<h4>' + title + '</h4>';
			} else {
				titledisplay = '';
			}
    		var playerUrl = entries[i].media$group.media$content[0].url;
    		html.push( "<div class=\"youtube_videos\">", titledisplay ,"\n",
    		           "<object width='" , width , "' height='" , height ,
					   "'><param name='movie' value='" , playerUrl ,
					   "&hl=en&fx=1&'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='" , playerUrl ,
					   "&hl=en&fs=1&' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='" , width ,
					   "' height='" , height , "'></embed></object></div><p></p>" );
    	}
		document.getElementById('videos').innerHTML = html.join('');
	} 
</script>
<div id="videos">
</div>
<script type="text/javascript" src="http://gdata.youtube.com/feeds/users/username/uploads?alt=json-in-script&max-results=2&callback=youtube_videos">
</script>
<div><a href="http://gdata.youtube.com/feeds/api/users/username/uploads">Suscribe</a></div>