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.
html html5 video youtube iframe object embed
Commentami!