Atributo de largura 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 width
atributo especifica a largura de um player de vídeo, em pixels.
Dica: sempre especifique os
atributos height
e para vídeos.
width
Se 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 height
e !
width
Reduzir 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>