Proprietà width di HTML <video>

Tag HTML <video>

Definizione e utilizzo

larghezza La proprietà specifica la larghezza del riproduttore video in pixel.

Suggerimento:Specifica sempre contemporaneamente le proprietà del video altezza e larghezza Le proprietà. Se impostate queste proprietà, lo spazio necessario per il video verrà mantenuto durante il caricamento della pagina. Tuttavia, se non sono impostate queste proprietà, il browser non conosce le dimensioni del video e non può riservare uno spazio adeguato per esso. Di conseguenza, la layout della pagina cambia durante il caricamento (quando il video si carica).

Attenzione:Non utilizzare altezza e larghezza Riorganizza la dimensione del video! Utilizzando queste proprietà per ridurre i video di grandi dimensioni costringerà gli utenti a scaricare il video originale (anche se sembra piccolo sulla pagina). Il metodo corretto è quello di ridimensionare il video con un programma prima di utilizzarlo su una pagina web.

Esempio

Già impostato il riproduttore video con altezza e larghezza definite:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Il tuo browser non supporta il tag video.
</video>

Prova da solo

Sintassi

<video width="pixels">

Valore dell'attributo

Valore Descrizione
pixels Larghezza del video, in pixel (ad esempio width="100").

Supporto del browser

I numeri nella tabella indicano la versione del browser che ha supportato per la prima volta questa proprietà.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

Tag HTML <video>