Pubblicato il 23/04/15e aggiornato il

Come personalizzare player e riproduzione dei video di Youtube incorporati nel blog.

Come personalizzare la riproduzione e l'aspetto del player dei video di Youtube con lo strumento della Demo del Player.
Youtube mette a disposizione degli utenti delle API per rendere la riproduzione dei video di Youtube incorporati nelle pagine web in linea con le diverse aspettative degli amministratori. Per questo scopo c'è una robusta Guida con una gran quantità di documentazione che illustra tutti i parametri aggiuntivi che possono essere utilizzati.

I più geek possono anche consultare tutti questi parametri per integrare il codice per incorporare i video ma Youtube è venuto incontro anche ai meno tecnologici dei suoi utenti con la pagina Demo del Player di Youtube in cui si può configurare la modalità di implementazione di un determinato video o playlist. Ricordo che per incorporare un video con la modalità normale si apre il player quindi si clicca su Condividi  > Codice da incorporare quindi si copia il codice dell'iframe

codice-youtube

Se si va su Mostra Altro si possono comunque aggiungere diverse personalizzazioni.

personalizzazioni-video-youtube

In Dimensioni video agendo sul menù a tendina si possono selezionare le dimensioni disponibili del player oppure andare su Dimensioni personalizzate per impostarle da soli nei due campi sulla destra. Si possono poi inserire o meno delle spunte su delle impostazioni opzionali:
  1. Mostra i video suggeriti quando termina il video
  2. Mostra i controlli del player
  3. Mostra il titolo del video e le azioni del player
  4. Abilita la modalità di privacy avanzata per non memorizzare le informazioni dei visitatori della pagina web a meno che non riproducano il video.
Quando si toglie la spunta alle prime tre opzioni o quando si mette all'ultima modifichiamo le impostazioni di default con una aggiunta di una stringa al codice di implementazione. Per esempio se si toglie la spunta a Mostra i video suggeriti viene aggiunto all'ID del video la stringa ?rel=0 mentre se si toglie la spunta a Mostra i controlli verrà aggiunta all'ID la stringa ?controls=0. Se si scelgono entrambe queste opzioni la stringa aggiunta diventerà rel=0&controls=0.

L'ID di un video può essere desunto dal codice ma si può trovare più semplicemente dall'indirizzo della pagina del player all'atto della sua riproduzione

id-video


L'ID del filmato di Youtube è la stringa alfanumerica dopo ?v= nell'URL del browser. Anche la playlist hanno il loro ID che si può ricavare con lo stesso sistema e che è la stringa dopo ?list=

id-playlist-youtube


COME UTILIZZARE LA DEMO DEL PLAYER DI YOUTUBE


Dopo aver effettuato l'accesso alla pagina della Demo del Player si configura l'incorporamento cominciando con l'incollare l'ID del video o della Playlist da incorporare

demo-player-youtube
Tutte le volte che si modifica una qualche impostazione si deve andare su Aggiorna il player con le opzioni selezionate per controllare la riproduzione del video. Su Tipo si può scegliere se optare per implementare l'iFrame o il Flash mentre su Contenuti si sceglie la tipologia del contenuto

contenuti-video

Oltre alla playlist si possono caricare i video di in Canale, i video Preferiti di un Canale, i Risultati di ricerca per una query. Poi si possono mettere in coda i video il che significa che alla fine della riproduzione si può decidere se far riprodurre anche quello posizionato subito dopo. Nel campo successivo possiamo impostare l'Ora di inizio vale a dire il numero di secondi da cui parta la riproduzione del filmato tralasciando la parte precedente

ora-inizio-youtube-video

In Qualità suggerita si può impostare la risoluzione tra quelle disponibili. Nei controlli si può inserire un particolare momento del video in secondi nel campo Vai a per farlo iniziare da lì. Su Volume possiamo impostare il volume della riproduzione tra 0 e 100. Utile quando il volume sia o troppo basso o troppo alto. Andando più in basso possiamo impostare la velocità di riproduzione

velocità-riproduzuione-dimensioni-player

e scorrendo ancora la pagina si possono impostare le proporzioni del player su 16:9 o su 4:3 e le sue dimensioni che possono essere personalizzate. Quando abbiamo terminato si torna in alto e si clicca sul bottone Mostra i parametri del player che diventerà Mostra i Controlli del Player

mostra-controlli-player

Sulla destra si visualizzerà il codice che abbiamo creato con le nostre personalizzazioni. In basso ci saranno altre opzioni che possiamo modificare ulteriormente come l'autoplay o il tema

personalizzare-player-youtube

In sostanza si può personalizzare il player e la riproduzione sia mediante i Controlli sia mediante i Parametri. In definitiva sulla destra si visualizzerà il codice da copiare e incollare. Se volete vedere un'altra Anteprima del video potete incollare il codice nella pagina Real Time HTML .





Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.