HTML5 video

HTML5 video é um elemento introduzido na nova especificação HTML5 para o processamento e a reprodução de vídeos ou filmes, que substitui parcialmente o elemento objeto. O HTML5 video foi concebido pelos seus criadores para se tornar a nova forma normalizada de apresentar vídeo em linha,^[^{carece de fontes?]}1 mas tem sido dificultado pela falta de acordo quanto aos formatos de vídeo que devem ser suportados pelo elemento vídeo.^[1]

Exemplos de elementos[editar | editar código-fonte]

O código a seguir incorpora um vídeo do codec de vídeo WebM em uma página da Web.

<video src=“movie.webm” poster=“movie.jpg” controls>
	Desculpe, o seu navegador não suporta o elemento de vídeo html5.
</video>

Múltiplos Formatos[editar | editar código-fonte]

Pode ser utilizado qualquer número de elementos de fonte de vídeo, como mostrado abaixo, para permitir que o browser escolha automaticamente o ficheiro a transferir. Em alternativa, a função “canPlay()” do JavaScript pode ser utilizada para iniciar a reprodução. O atributo “type” especifica o tipo MIME e possivelmente uma lista de codecs, o que ajuda o navegador a determinar se pode descodificar o ficheiro. Mesmo com apenas uma opção, as sugestões deste atributo podem ser necessárias para que alguns navegadores consultem a sua hipotética estrutura multimédia em busca de codecs de terceiros. Devido à inexistência de um formato de vídeo comum, o multi-source é uma caraterística importante para evitar a necessidade de um browser sniffing propenso a erros: dado que o conhecimento dos browsers por parte de qualquer programador Web será inevitavelmente incompleto, o browser em questão sabe melhor...

Esta tabela mostra os formatos de vídeo que são “provavelmente” suportados por um agente do utilizador.

<video poster=“movie.jpg” controlos>
	<source src=“movie.webm” type=“video/webm” codecs=“vp8.0, vorbis” />
	<source src=“movie.ogv” type=“video/ogg” codecs=“theora, vorbis” />
	<source src=“movie.mp4” type=“video/mp4” codecs=“avc1.4D401E, mp4a.40.2” />
	<p>Este é um conteúdo de reserva</p>
</vídeo>

Referências

↑ «HTML Standard». html.spec.whatwg.org. Consultado em 9 de junho de 2024. Cópia arquivada em 13 de agosto de 2010

Ligações externas[editar | editar código-fonte]

[1] «HTML Standard». html.spec.whatwg.org. Consultado em 9 de junho de 2024. Cópia arquivada em 13 de agosto de 2010

[1]