In questo articolo vedremo come inserire un video di YouTube all’interno di una pagina web. Nello specifico, ci concentreremo su come includere il codice HTML del player multimediale di YouTube per uno specifico video, senza ricorrere a CMS o software di alcun tipo, ma utilizzando un semplice editor di testo, con cui potremo agire direttamente sul codice sorgente HTML. Questa guida è particolarmente utile per chi desidera personalizzare i contenuti del proprio sito senza dover utilizzare strumenti complessi.
Ottenere il codice HTML di un video su YouTube
La prima cosa da fare, ovviamente, è visualizzare su YouTube il video che desideriamo incorporare nella nostra pagina HTML. Una volta aperto il video su YouTube, clicchiamo sul pulsante Condividi.
A questo punto, si aprirà un box con le diverse opzioni di condivisione. Clicchiamo su Codice da Incorporare:
Copiamo il codice HTML oppure personalizziamolo cliccando su MOSTRA ALTRO, che aprirà una serie di opzioni per personalizzare sia le dimensioni che le funzionalità del player multimediale di YouTube, che verrà mostrato all’interno delle pagine del nostro sito.
Se abbiamo deciso di applicare delle personalizzazioni, dovremocopiare il codice HTML dopo aver completato le nostre scelte. È importante ricordare che le personalizzazioni possono migliorare l’esperienza utente e adattare il player al design del nostro sito.
Incorporare il codice di YouTube nell’HTML delle nostre pagine web
Una volta ottenuto il codice HTML del video di nostro interesse, possiamo procedere alla sua inclusione all’interno del sorgente della pagina web in cui vogliamo che venga incorporato.
Per effettuare questa operazione su un sito statico (cioè realizzato in puro HTML senza l’ausilio di CMS), non abbiamo bisogno di altro che di un semplice editor di testo come, ad esempio, Notepad++ o il Blocco Note di Windows. Per aprire un documento HTML con il Blocco Note, è sufficiente cliccare sul file HTML col tasto destro e selezionare Apri con…, dopo di che selezionare Blocco Note.
A questo punto verrà mostrato il codice sorgente del documento selezionato. Avendo un minimo di dimestichezza col codice HTML, dovrebbe essere facile identificare il punto in cui si desidera incorporare il video. Per farlo, sarà sufficiente incollare il codice HTML ottenuto da YouTube (ad esempio facendo Control+V). Non resta che salvare il documento HTML e caricarlo, attraverso il nostro client FTP preferito, nel nostro spazio web.
Ora apriamo la nostra pagina web per vedere il risultato ottenuto. Se non abbiamo commesso errori, il video di YouTube dovrebbe trovarsi esattamente nel punto della pagina in cui abbiamo incollato il codice HTML fornito. Se il video non appare, controlliamo di aver copiato l’intero codice senza errori e che il file sia stato caricato correttamente.
Considerazioni finali
Incorporare un video YouTube in una pagina HTML è un processo relativamente semplice, ma richiede di prestare attenzione ai dettagli, come le dimensioni del player e le opzioni di personalizzazione. Seguire queste istruzioni ci permette di migliorare l’interattività del nostro sito e di fornire contenuti multimediali ai nostri visitatori.
