Responsive Web Design - Video (Video)

Utilizzare l'attributo width

Se l'attributo width è impostato al 100%, il lettore video viene regolata automaticamente in proporzione alle dimensioni dello schermo:

Si noti che nell'esempio di cui sopra, il lettore video viene regolata automaticamente in proporzione alle dimensioni dello schermo e può essere maggiore della dimensione originale. Più spesso si può utilizzare invece la proprietà max-width.

Utilizzando max-width proprietà

Se la proprietà max-width è impostato al 100%, il lettore video viene regolata automaticamente in proporzione allo schermo, ma non più di sua dimensione originale:

Aggiunta pagina dei video

Possiamo aggiungere un video in una pagina web. I seguenti esempi e video viene regolato automaticamente in base alla regione occupa l'intera dimensione div zona div: