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