Utilizzando La larghezza proprietà
Se la width proprietà è impostata su 100%, il lettore video sarà reattivo e scalare su e giù:
Si noti che nell'esempio di cui sopra, il lettore video può essere scalata fino a essere più grande della sua dimensione originale. Una soluzione migliore, in molti casi, sarà quello di utilizzare il max-width proprietà invece.
Utilizzando Il max-width Proprietà
Se il max-width proprietà è impostata su 100%, il lettore video verrà scala verso il basso se deve, ma mai di scalare fino a essere più grande rispetto al suo formato originale:
Aggiungere un video alla pagina Web di esempio
Vogliamo aggiungere un video nella nostra pagina di esempio web. Il video verrà ridimensionata a prendere sempre tutto lo spazio disponibile: