Atributo de largura HTML <vídeo>

❮ Tag HTML <vídeo>

Exemplo

Um player de vídeo com largura e altura especificadas:

<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>

Definição e uso

O widthatributo especifica a largura de um player de vídeo, em pixels.

Dica: sempre especifique os atributos heighte para vídeos. widthSe esses atributos forem definidos, o espaço necessário para o vídeo será reservado quando a página for carregada. No entanto, sem esses atributos, o navegador não sabe o tamanho do vídeo e não pode reservar o espaço apropriado para ele. O efeito será que o layout da página mudará durante o carregamento (enquanto o vídeo é carregado).

Nota: Não redimensione o vídeo com os atributos heighte ! widthReduzir o tamanho de um vídeo grande com esses atributos força o usuário a baixar o vídeo original (mesmo que pareça pequeno na página). A maneira correta de redimensionar um vídeo é com um programa, antes de usá-lo em uma página da web.


Suporte ao navegador

Attribute
width 4.0 9.0 3.5 3.1 11.5

Sintaxe

<video width="pixels">

Valores de atributo

Value Description
pixels The width of the video, in pixels (i.e. width="100")

❮ Tag HTML <vídeo>