Gli ultimi tutorial di sviluppo web
 

HTML <video> width Attribute

<HTML <video> tag

Esempio

Un giocatore video con una larghezza e altezza specificati:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
Prova tu stesso "

Definizione e utilizzo

La width attributo specifica la larghezza di un lettore video, espressa in pixel.

Suggerimento: Specificare sempre sia l'altezza e la larghezza attributi per i video.Se l'altezza e la larghezza sono impostati, lo spazio richiesto per il video è riservato quando la pagina viene caricata. Tuttavia, senza questi attributi, il browser non conosce la dimensione del video, e non può riservare lo spazio adeguato ad esso. L'effetto sarà che il layout della pagina cambierà durante il caricamento (durante il caricamento di video).

Nota: non ridimensionare il video con l'altezza e la larghezza attributi!Riduzione di un video di grandi dimensioni con l'altezza e la larghezza attributi forza un utente a scaricare il video originale (anche se sembra piccola sulla pagina). Il modo corretto per ridimensionare un video è con un programma, prima di utilizzarlo in una pagina.


Supporto per il browser

Attributo
width

Nota: Internet Explorer 8 e versioni precedenti, non supportano il <video> tag.


Differenze tra HTML 4.01 e HTML5

La <video> tag è nuovo in HTML5.


Sintassi

<video width="pixels">

I valori degli attributi

Valore Descrizione
pixels La larghezza del video, in pixel (cioè width="100" )

<HTML <video> tag