Atributo width do <video> HTML

Definição e uso

largura A propriedade define a largura do reprodutor de vídeo em pixels.

Dica:Sempre especifique simultaneamente as propriedades altura e largura propriedades. Se essas propriedades forem definidas, o espaço necessário para o vídeo será mantido durante o carregamento da página. No entanto, se essas propriedades não forem definidas, o navegador não saberá o tamanho do vídeo e não será capaz de reservar espaço apropriado para ele. O efeito é que a disposição da página mudará durante o carregamento (ao carregar o vídeo).

Atenção:Por favor, não use altura e largura Ajuste novamente o tamanho do vídeo! Usar essas propriedades para diminuir vídeos grandes forçará o usuário a baixar o vídeo original (mesmo que pareça pequeno na página). O método correto é redimensionar o vídeo usando um programa antes de usá-lo em uma página da web.

Exemplo

Player de vídeo com altura e largura definidas:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Seu navegador não suporta a tag de vídeo.
</video>

Experimente você mesmo

Sintaxe

<video width="pixels">

Valor do atributo

Valor Descrição
pixels Largura do vídeo, em pixels (por exemplo, width="100").

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou o atributo pela primeira vez.

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