Home / Programmazione / HTML - CSS / Inserire video di Youtube in pagine web con gli iframe
Mattepuffo

Inserire video di Youtube in pagine web con gli iframe

Inserire video di Youtube in pagine web con gli iframe

In un articolo precedente avevo spiegato come inserire i video di Youtube nelle nostre pagine web.

Avevo però usato i <object> e <embed> che con HTML5 sono sconsigliati.

Le soluzioni sono due: il tag <video> o gli <iframe>.

La prima soluzione sarebbe la migliore, con il problema però che le vecchie veriosni dei browser non supportano il tag.

La seconda soluzione risulta quindi la migliore in quanto a flessibilità (almeno per ora).

Vediamo quindi come fare:

<iframe class="youtube-player" type="text/html" width="700" height="450"
            src="http://www.youtube.com/embed/BlCQuviO9zU" frameborder="0">
</iframe>

Molto semplicemente così.

Usiamo il tag <iframe> e impostiamo l'url del video come sorgente.

Se volessimo avviare il video in automatico:

<iframe class="youtube-player" type="text/html" width="700" height="450"
            src="http://www.youtube.com/embed/BlCQuviO9zU?autoplay=1" frameborder="0">
</iframe>

Alla fine del link abbiamo aggiunto ?autoplay=1.

Per chi usa ancora <object> ed <embed> consiglio vivamente di passare almeno a questa soluzione, se non si vuole implementare l'HMTL5 in pieno.