Personalizzare embed di un video youtube per il vostro blog

Oggi vediamo come personalizzare il codice embed di un video Youtube per poterlo adattare al meglio sul nostro blog o sito internet.

La prima personalizzazione avviene già dagli strumenti offerti da Youtube che offre la possibilità di cambiare agevolmente larghezza, altezza  del player. Oltre alle dimensioni “standard” Youtube permette anche di impostare misure personalizzate a seconda delle proprie esigenze.

Fra le altre feature impostabili da youtube troviamo: connessione sicura SSL, possibilità di far apparire i video suggeriti al termine del video, e la possibilità di impostare la privacy avanzata con un controllo sui cookie che youtube passa al visitatore. Per maggiori info su quest’ultima feature ti invito a leggere qui.

Ma come personalizzare a fondo il player?

Esistono altri parametri di personalizzazione che non vengono offerti “comodamente” da youtube ma che sono tuttavia facilmente impostabili. Eccone alcuni:

[lightgrey_box]  NOTA: tutti i parametri vanno impostati alla fine del link embed di youtube. [/lightgrey_box]

Esempio:

<iframe [...] src="http://www.youtube.com/embed/codicevideo?PARAMETRIQUI" [...]></iframe>

Ovviamente solo il primo parametro va indicato con il punto interrogativo prima del codice, gli altri vanno inseriti con &. 

http://www.youtube.com/embed/codicevideo?PrimoParametro&SecondoParametro&TerzoParametro

Codici utili per la personalizzazione del video

Ecco alcuni codici presi direttamente dalle API DI YOUTUBE (che ti consiglio di leggere).

fs=1 –> Possibilità di Fullscreen (default = 1);

rel=1 –> Mostra/Nascondi video suggeriti a fine video (default = 1);

autoplay=0 –> Abilita la riproduzione automatica del video al caricamento della pagina ( default = 0);

border=0 –> Abilita il bordo del player ( default = 0 / consentito:1);

hd=0 –> Abilita (se disponibile) la versione HD del video  ( default = 0);

loop=0 –> Numero di cicli da fare seguire al video ( default = 0 / consentiti solo numeri interi);

showinfo=1 –> Visualizza le informazioni sul video  ( default = 1);

start=X –> Permette di partire da un determinato secondo del video (secondi).

end=X –> Permette di terminare il video a un determinato secondo  (secondi).

cc_load_policy=0 –> mostra i sottotitoli come impostazione ( default = 0);

autohide –> I controlli del video spariscono automaticamente quando il video è in esecuzione.  ( default = 0);

theme –> Permette di stabilire un set di colori chiari (light) o scuro (dark). (permessi: light/dark).

Conclusioni e documentazione ufficiale

[button link=”https://developers.google.com/youtube/player_parameters” color=”blue” target=”blank”]Api Youtube[/button]

Oggi abbiamo visto come personalizzare un video youtube in modo molto semplice e veloce. A fine lettura vi invito a leggere le api ufficiali di Youtube che oltre a queste informazioni contengono anche altre feature molto interessanti. Se ti è piaciuto l’articolo condividilo sui tuoi social network preferiti!

  1. Salve,
    Volevo sapere se c’era anche un codice da inserire nell’embed per vedere solo la barra di comando del player e uno per usare il video come pubblicità cioè togliendo la barra di comando. Grazie in anticipo

  2. Ottimo e utile riassunto!
    Spesso capita di inserire questi video, ma non tutti conoscono i parametri!!!!!
    Come per le mappe di google…Maledetto “iwloc=0” !!!!! 🙂 🙂 🙂

    Enrico Tamburini

  3. Salve, ottimo articolo, volevo sapere se esiste qualche funzione per fare in modo che al termine del video di youtube viene caricata una nuova pagina… grazie

  4. salve volevo sapere se esiste una sorta di Redirect url ad una precisa pagina quando il video youtube termina. Grazie e complimenti per l’articolo!

  5. Non sempre il codice iframe può essere utilizzato, a volte bisogna usare il vecchio io ho usato questo e ho ridotto le dimensioni, ma non vedo colori da nessuna parte.
    Grazie e saluti.

  6. volevo chiedere come poter eliminare il banner adsense dai video di youtube. esiste un parametro per nn far vedere la pubblicità?

  7. Buongiorno, ho notato che se tento di fare un live con youtube tramite il mio canale, dopo aver messo il link nella mia pagina web dove altri posso vederlo, ora mi accorgo che se interrompo la trasmissione e poi la rincomincio, youtube mi cambia il codice embed e mi tocca tutte le volte modificare la mia pagina web altrimenti nessuono riesce a vedere niente. si puo a vere qualcosa che una volta messo , appena trasmetto non mi modifichi il codice embed ???? Grazie.

  8. Ciao. Ho incorporato il video streaming in diretta di you tube in un’area privata del mio sito a cui si accede con password. La cosa funziona, vede solo chi ha la passw..ma rimane sul video la possibilità di condividere, e casca il palco. Posso fare una modifica in modo che l’opzione sparisca? Grazie. Mauro

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Up Next:

Invio di checkboxes multiple a un file PHP con jQuery ajax

Invio di checkboxes multiple a un file PHP con jQuery ajax