O HTML5 vídeo é um elemento introduzido no projecto de especificação HTML5 com o propósito de criar uma maneira compatível com os padrões, livre da necessidade de utilização de plugins para reprodução de vídeos e filmes, substituindo parcialmente o elemento - object
.
Utilização básica
Podemos incorporar um elemento de vídeo
num documento HTML5 usando o seguinte código:
<video width="320" height="240" controls="controls">
<source src="filme.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<p>O seu navegador não supporta a tag video.</p>
</video>
Atributos
O elemento video
tem os seguintes atributos específicos:
src
indica o endereço de um ficheiro mídia a ser apresentadocrossorigin
são as configurações dos atributos CORSposter
indica o endereço de um arquivo de uma imagem que poderá ser apresentada enquanto ainda não existirem dados disponíveis de vídeo a serem apresentadospreload
define o comportamento do pré-carregamento do vídeo, sendo os valores válidosnone
,metadata
eauto
autoplay
é um atributo booleano. Quando presente, o video começará automaticamente a reproduzir assim que disponível, sem pararmediagroup
pode ser utilizado para interligar vários elementos mídia em conjunto implicitamente criando um MediaControllerloop
é um atributo boleano que, se especificado, indica que o elemento deve procurar por meios de voltar para o início do recurso ao atingir a sua extremidademuted
é um atributo booleano que controla o estado padrão da saída de áudio do recurso mídia, potencialmente substituindo as preferências do usuáriocontrols
é um atributo booleano que define se o conjunto de controles de áudio/vídeo padrão deve ou não ser apresentado no navegadorwidth
eheight
especifica as dimensões do elemento em pixels