Articolo

Incorporare un video YouTube in modo responsive

Molto spesso capita di dover incorporare un video caricato su YouTube o Vimeo ma con molto traffico web proveniente da dispositivi mobili come spartphone e tablets è fondamentale che questi elementi incorporati siano responsive.

#Analizziamo il problema

Se noi vogliamo incorporare il seguente video caricato su YouTube sul nostro sito web:

Questo è il codice che YouTube ci fornice:

<iframe width="1903" height="768" src="https://www.youtube.com/embed/62uKFlNVZ1w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen</iframe

Osservando questo frammento di codice notiamo subito che …