Come inserire un video Youtube senza logo e controlli

Cominciamo con l'andare su Youtube per ottenere il codice (embedded) per inserire, incorporare, il video che ci interessa.

Io utilizzerò il video del mio gatto: il filo di Romeo. Una volta su Youtube, nella pagina del video scelto, clicchiamo su Condividi, poi "Codice da incorporare". 

Io scelgo anche nell'elenco delle dimensioni del video, dimensioni personalizzate, e scelgo la larghezza giusta per le mie esigenze, l'altezza  viene determinata in automatico come pure il codice da copiare.

In questo articolo userò soltanto il nuovo codice basato su IFRAME 

Copiamo il codice, che a questo punto è il seguente:

<iframe width="266" height="200" src="https://www.youtube.com/embed/W4gcKIjmh8I?rel=0" frameborder="0" ></iframe>

Il video sulla sinistra è il classico video incorporato di Youtube con controlli e logo. Non vengono mostrati alla fine i video suggeriti (per questo, prima di copiare il codice, basta togliere il segno di spunta prima di Mostra i video suggeriti quando termina il video , sempre nella sezione "codice da incorporare"
Nel codice visualizzato, questa opzione corrisponde alla stringa di caratteri ?rel=0. (?rel=1) è ovviamente l'alternativa opposta, ossia mostrare i video suggeriti.

Torniamo all'oggetto di questo post.
Aggiungiamo al codice la seguente opzione

Controls=0

In questo caso il video sulla destra non presenta più la fascia dei controlli in basso, e in alto, oltre al titolo c'è  la piccola scritta Youtube 


Il codice è il seguente 

<iframe width="266" height="200" src="https://www.youtube.com/embed/W4gcKIjmh8I?rel=0&controls=0" frameborder="0" ></iframe>

Notare che le opzioni vengono accodate alla stringa di comando tramite una "e commerciale" o amperstand
(&)
A questo punto aggiungiamo l'opzione showinfo=0 che elimina la riga di informazioni in alto (titolo e scritta Youtube). Quello che notiamo è che riappare il logo in basso a destra

ed il relativo codice è:

<iframe  width="400" height="300" src="https://www.youtube.com/embed/W4gcKIjmh8I?rel=0&controls=0&showinfo=0" frameborder="0"></iframe>

Fra i vari parametri che si possono aggiungere troviamo anche  modestbranding=1 che determina l'eliminazione del logo dalla barra dei controlli

Ma se lo aggiungiamo al codice precedente non ha nessun effetto.

Se togliamo dal codice controls=0 e aggiungiamo contemporaneamente le due opzioni  modestbranding=1 e   showinfo=0 scopriremmo che anche in questo caso il logo in basso viene visualizzato.


Brian Glick  (YouTube Product Manager) ha spiegato che il player deve essere comunque riconosciuto come appartenente a Youtube:

Il motivo per cui il logo "YouTube" logo appare è perché l'opzione modestbranding normalmente, di per sé, mostrerebbe ancora il marchio sotto forma di una piccola scritta di testo "YouTube" sovrapposta in alto a destra del video, quando si passa su di esso mentre il video è in pausa. Ma dal momento che esplicitamente si chiede di non mostrare informazioni sul video con showinfo = 0, non potrebbe nemmeno venir mostrato il testo Youtube. Non rimane quindi che comunicare che si tratta di un video player di YouTube tramite la sovrapposizione video. [libera traduzione dal testo originale inglese]

Fonti / Link:
https://developers.google.com/youtube/player_parameters?hl=it
http://www.labnol.org/internet/embed-youtube-videos-logoless/19532/