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.