Propriedade width do vídeo

Objeto Video do HTML DOM

Definição e uso

width Propriedade que define ou retorna o Propriedade width do valor.

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

Dicas:Sempre especifique as propriedades height e width do vídeo. Se definidas, essas propriedades mantêm o espaço necessário para o vídeo durante a carga da página. No entanto, se não houver essas propriedades, o navegador não saberá o tamanho do vídeo e não poderá reservar espaço apropriado. A layout da página mudará durante a carga (ao carregar o vídeo).

Notas:Não use as propriedades height e width para redimensionar o vídeo! Redimensionar um vídeo grande com propriedades height e width força o usuário a baixar o vídeo original (mesmo que ele pareça pequeno na página). O método correto para redimensionar o vídeo é usar o programa e, em seguida, usá-lo na página.

Exemplo

Exemplo 1

Altere a largura do player de vídeo:

document.getElementById("myVideo").width = "500";

Experimente pessoalmente

Exemplo 2

Obtenha a largura do vídeo:

var x = document.getElementById("myVideo").width;

Experimente pessoalmente

Sintaxe

Retorna a propriedade width:

videoObject.width

Definir a propriedade width:

videoObject.width = pixels

Valor do atributo

Valor Descrição
pixels Define a largura do player de vídeo em pixels.

Detalhes técnicos

Retorno: Número, que representa a largura do vídeo em pixels.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 9.0 Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML:Propriedade width do <video> do HTML

Objeto Video do HTML DOM