Integrare YouTube nel nostro progetto Web

di: Daniele Cerra     13 Luglio 2009

Uno dei segreti del successo planetario di YouTube consiste nella facilità con la quale a chiunque, anche ai meno esperti di utilizzo di sistemi informatici e supporti digitali, può caricare video online, guardarli ed integrarli in altri siti, blog o social network. La stessa attenzione che gli sviluppatori di YouTube hanno dedicato al caricamento e alla visualizzazione dei video è stata riservata a una serie di funzionalità avanzate che consentono a chi realizza siti o progetti Web, seguendo strade diverse secondo le proprie capacità tecniche, di utilizzare numerose funzionalità avanzate di YouTube.

Oltre a essere il social media più noto e utilizzato, YouTube costituisce infatti una potente piattaforma di accesso a contenuti video che, con gli strumenti corretti, è possibile gestire in maniera totalmente personalizzata.

Le quattro strade dell'integrazione

Inserire un video dentro una pagina web è semplicissimo: basta copiare il codice "embed" collocato a lato del video visualizzato e incollarlo dentro una sorgente HTML. Questo primo livello di integrazione tra contenuti video è alla portata di chiunque, ma consente, in sintesi, soltanto di inserire un particolare video statico pubblicato su YouTube dentro una pagina Web.

Figura 1: Le API e le utility di Youtube

Le API e le utility di Youtube

Oltre a questa opzione, Google offre quattro diverse soluzioni più specifiche per l'integrazione dei video e delle funzionalità di YouTube su siti esterni. Opzioni che sono ampiamente descritte e documentate nel sito ufficiale delle API di YouTube.

Il Custom Player, ovvero il player personalizzato attraverso un sistema guidato online, è un player "copia e incolla" che può essere personalizzato graficamente e nella scelta dei contenuti da chi è si è iscritto e ha un account personale. Tale player può essere parzialmente configurato cliccando su Account, selezionando la voce di configurazione Panoramica, cliccando su Video Player personalizzati (custom Player) e seguendo le istruzioni che compaiono a schermo.

I Widget, non sono altro che degli applicazioni pre-configurate che svolgono una specifica funzione e possono essere parzialmente rimodulati anche da i non esperti, grazie a un pratico sistema guidato di modifica delle impostazioni, o riprogrammati in profondità utilizzando le istruzioni per ricompilare il codice Ajax che permette di visualizzarli all'interno delle nostre pagine. I widget attualmente disponibili sono la Video Bar (che consiste in uno strumento per visualizzare una strisciata di filmati) e il riquadro Video Search control, che permette di ricercare video in pagina e visualizzarne anteprime cliccabili.

Figura 2: La creazione di una video search

La creazione di una video search

La configurazione guidata (attivabile cliccando sul tasto Start with the Wizard delle pagine di dettaglio dei singoli gadget) richiede l'aver attivato un Google Account e si conclude cliccando su Generate Code con la compilazione del codice HTML da copiare e incollare dentro le nostre sorgenti HMTL. Per la semplicità d'uso, i widget sono espressamente consigliati a chi non è in grado di cimentarsi nella programmazione Javascript o Actionscript.

Guide Applicazioni Web

Guida Friendfeed

Più di un blog: un aggregatore della propria vita digitale. Il...

Guida privacy su Facebook

Le regole a cui prestare attenzione e le azioni da evitare per...

Guida Facebook

Conoscere ed utilizzare il più diffuso social network del mondo:...

Altre guide

Newsletter @WebApp

Ogni lunedì, direttamente nella tua casella e-mail, i nuovi articoli, le nuove guide e le recensioni delle migliori applicazioni web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti