Tag video
A tag video permite adicionar vídeo a uma página HTML.
Com ela também é possível controlar esse vídeo.
O caminho para o arquivo de vídeo é definido pelo
atributo src ou pela tag aninhada source.
Se você deseja ver o player para controlar a reprodução
do vídeo - deve adicionar o atributo controls.
Sem ele, você não verá nada - não haverá som nem imagem.
Às vezes, hospedar vídeos no próprio site não é
muito conveniente (por exemplo, se sua hospedagem tem
limitação de tamanho para o site). Nesse caso,
o vídeo pode ser enviado para o YouTube e incorporado
usando a tag iframe.
Atributos
| Atributo | Descrição |
|---|---|
src |
Especifica o caminho para o arquivo de vídeo.
Mas é melhor usar a tag source para isso
(neste caso, será possível definir o vídeo em diferentes formatos).
|
preload |
Usado para carregar o arquivo de vídeo simultaneamente com o carregamento da página do site.
Valores aceitos: none (não carregar o arquivo, padrão),
metadata (carregar apenas informações de serviço: duração, etc.),
auto (carregar o vídeo completamente ao carregar a página HTML).
|
autoplay |
O som começa a tocar imediatamente após o carregamento da página,
neste caso, a presença do atributo preload será ignorada.
Atributo sem valor. |
controls |
Adiciona um painel de controle ao vídeo.
Atributo sem valor. Por padrão (se o atributo não estiver presente) o painel não é adicionado. |
loop |
Repete a gravação de áudio em "loop":
após o término, ela começará a tocar novamente.
Atributo sem valor. Por padrão (se o atributo não estiver presente) a gravação tocará apenas 1 vez.
|
poster |
Caminho para a imagem que será exibida enquanto o vídeo não estiver disponível ou não estiver sendo reproduzido.
Se o atributo poster não for especificado, o navegador tentará exibir o primeiro quadro do vídeo.
|
height |
O atributo height define a altura da área de reprodução do vídeo (em pixels
ou porcentagem).
O próprio vídeo altera seu tamanho para maior ou menor, ajustando-se à altura fornecida,
mas suas proporções não são alteradas.
Valor padrão: a altura é obtida dos parâmetros do vídeo, se este valor não estiver disponível, então o valor do atributo height
é considerado igual à altura da imagem do atributo poster.
Se poster também não for definido - a altura
é definida como 150 pixels.
|
width |
O atributo width define a largura da área de reprodução do vídeo (em pixels
ou porcentagem).
O próprio vídeo altera seu tamanho para maior ou menor, ajustando-se à largura fornecida,
mas suas proporções não são alteradas.
Valor padrão: a largura é obtida dos parâmetros do vídeo, se este valor não estiver disponível, então o valor do atributo width
é considerado igual à largura da imagem do atributo poster.
Se poster também não for definido - a largura
é definida como 150 pixels.
|
Exemplo . Player em uma página do site
Vamos adicionar um player com vídeo à página.
Para os navegadores que não suportam
a tag video, uma mensagem especial
foi deixada sobre isso:
<video src="moovie.mp4" controls>
Seu navegador não suporta video em HTML5.
</video>
Exemplo .
Vamos adicionar a tag source
para a tag video:
<video>
<source src="moovie.mp4" controls>
Seu navegador não suporta video em HTML5.
</video>
