Propriedade height do HTML <video>
Definição e uso
altura
A propriedade define a altura do reprodutor de vídeo, em pixels.
Dica:Sempre especifique ao mesmo tempo as propriedades do vídeo altura
e propriedade largura. Se essas propriedades forem configuradas, o espaço necessário para o vídeo será mantido ao carregar a página. No entanto, se essas propriedades não forem configuradas, o navegador não saberá o tamanho do vídeo e não poderá reservar o espaço apropriado para ele. O efeito é que a layout 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 é usar um programa para redimensioná-lo antes de usá-lo no site.
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 height="pixels">
Valor do atributo
Valor | Descrição |
---|---|
pixels | Altura do vídeo, em pixels (por exemplo, height="100"). |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou primeiro essa propriedade.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.5 | 3.1 | 11.5 |