tutoriais mais recente desenvolvimento web
 

HTML <video> width Attribute

<HTML <video> tag

Exemplo

Um player de vídeo com uma 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>
Tente você mesmo "

Definição e Uso

A width atributo especifica a largura de um leitor de vídeo, em pixels.

Dica: Sempre especificar atributos de altura e largura para vídeos.Se a altura e a largura estiverem definidos, o espaço necessário para o vídeo é reservado quando a página é carregada. No entanto, sem estes 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 vai mudar durante o carregamento (durante o carregamento do vídeo).

Nota: Não redimensionar vídeo com atributos de altura e largura!Redução de um grande vídeo com atributos de altura e largura força um usuário baixar o vídeo original (mesmo que parece pequeno na página). A maneira correta de redimensionar um vídeo é com um programa, antes de usá-lo em uma página.


Suporte a navegadores

Atributo
width sim sim sim sim sim

Nota: Internet Explorer 8 e versões anteriores, não suportam a <video> tag.


Diferenças entre HTML 4.01 e HTML5

O <video> tag é novo em HTML5.


Sintaxe

<video width="pixels">

Os valores dos atributos

Valor Descrição
pixels A largura do vídeo, em pixels (ou seja, width="100" )

<HTML <video> tag