HTML: <video> attributo width

Esempio online

Video con altezza specificata di 380px e larghezza di 280px:

<video width="380" height="280" controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Il tuo browser non supporta il tag video.
</video>

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo width.

Attenzione: Internet Explorer 8 e versioni precedenti non supportano l'etichetta <video>.

Definizione e uso

La proprietà width specifica la larghezza del riproduttore video in pixel.
Suggerimento: specificare sempre altezza e larghezza delle proprietà del video. Se impostate altezza e larghezza, viene mantenuta la spazio necessario per il video durante il caricamento della pagina. Tuttavia, se non ci sono queste proprietà, il browser non sa la dimensione del video e non può riservare lo spazio adeguato. L'effetto è che la layout della pagina cambia durante il caricamento (quando il video viene caricato).
Attenzione: non utilizzare le proprietà height e width per ridimensionare di nuovo i video! L'uso delle proprietà height e width per ridurre la dimensione di un video grande costringerà l'utente a scaricare il video originale (anche se sulla pagina sembra piccolo). Il metodo corretto per ridimensionare i video è utilizzare un programma e poi utilizzarlo nella pagina.

Differenze tra HTML 4.01 e HTML5

L'etichetta <video> è una nuova etichetta HTML5.

Sintassi

<video width="pixels">

Valore dell'attributo