browser lang:en
Le nuove YouTube Data API ci permettono di ottenere dati JSON riguardanti il nostro canale (o un'altro canale) e integrarli nel nostro sito tramite Javascript. Grazie ad esse infatti possiamo scaricare i una serie di dati come playlists, video preferiti o anche fare ricerche cross-domain.
Tutto fatto in javascript, senza l'ausilio di frameworks AJAX o diavolerie del genere, puro e semplice HTML.
Esempio (in questo caso ho richiamato i dati del canale video dell'amico CLAUS):
Listato:
<script type="text/javascript" src="http://swfobject.googlecode.com/svn/trunk/swfobject/swfobject.js"></script>
<script type="text/javascript">
function loadVideo(playerUrl, autoplay) {
swfobject.embedSWF(
playerUrl + '&rel=1&border=0&fs=1&autoplay=' +
(autoplay?1:0), 'player', '600', '286', '8.0.0', false,
false, {allowfullscreen: 'true'});
}
function showMyVideos(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 thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
var playerUrl = entries[i].media$group.media$content[0].url;
var playerDuration = entries[i].media$group.yt$duration.seconds;
var playerDescription = entries[i].media$group.media$description.$t.substr(0, 80);
//var playerStats = entries[i].yt$statistics.viewCount;
//var playerStats = 'aaa';
html.push('<div onclick="loadVideo(\'', playerUrl, '\', true)"><div class="ContenidoHolderBoxInside_video"><div class="ContenidoBoxInside_video_130"><img src="', thumbnailUrl, '" width="130" height="97"/></div><div class="ContenidoBoxInside_right_video">','<strong>', title,'</strong>', '<br />Duration: ',playerDuration,'<br /> Description: ',playerDescription,'<br /> </div></div></div><br>');
}
html.push('');
document.getElementById('videos').innerHTML = html.join('');
if (entries.length > 0) {
loadVideo(entries[0].media$group.media$content[0].url, false);
}
}
</script>
<div id="playerContainer" style="width: 320px; height: 200px;">
<object id="player">
</object>
</div>
<div id="videos"></div>
<script type="text/javascript" src="http://gdata.youtube.com/feeds/users/micrositesmelia/uploads?alt=json-in-script&format=5&max-results=30&callback=showMyVideos">
</script>
Per i piú smemorati, una lista di comandi principali usati con linux cd : cambia la directory corrente. ls : mostra il…
in:Scripts e tutorials (0 commenti)Con l'avvento di caffeine molti webmaster si sono trovati a dover rivedere tutte le strategie SEO per i…
in:Scripts e tutorials (0 commenti)Questo è un widget di jQuery per il nuovo social network di Google-Buzz-che è possibile incorporare ovunque per…
in:Scripts e tutorials (0 commenti)Questo é un pratico codificatore/decodificatore/decriptatore (chiamatelo come volete) di password inserite nei file di configurazione .ste su dreamweaver function…
in:Scripts e tutorials (0 commenti)Il PageRank è un algoritmo che usa Google per valutare la credibilità e l'autorevolezza delle pagine Web. Il…
in:Scripts e tutorials (8 commenti)Con questo script possiamo limitare il download di un file dal nostro server php; il limite di velocitá…
in:Scripts e tutorials (0 commenti)Alcuni host hanno disabilitati nei settaggi del.ini i comandi allow_url_fopen. Questo significa anche non poter usare i vantaggi…
in:Scripts e tutorials (2 commenti)Gli SHORT URLS fanno ormai parte di quelle cose di internet che ci suonono terribilmente familiari; per capirci…
in:Scripts e tutorials (0 commenti)
