Com o HTML 5, pela primeira vez, há um padrão definido para reproduzir conteúdo de vídeo e áudio diretamente do navegador, sem a necessidade de um plugin externo. Dessa forma, para colocar vídeo em uma página é preciso do link do arquivo de vídeo (ou streaming) a ser utilizado, como: “http://culturadigital.br/teste.ogg”. O endereço será utilizado no parâmetro src do código HTML. A seguir temos um exemplo:

<video src="http://culturadigital.br/teste.ogg" autoplay="autoplay"
autobuffer="autobuffer" controls="controls" loop="loop"></video>

src=”http://culturadigital.br/teste.ogg” indica que o vídeo a ser exibido está em http://culturadigital.br/teste.ogg

autoplay=”autoplay” diz ao navegador para tocar o vídeo imediatamente

autobuffer=”autobuffer” diz ao navegador para começar o download do vídeo imediatamente (nesse caso, não vai funcionar pois esse parâmetro é ignorado quando está com autoplay)

controls=”controls” diz para mostrar os controles (como o play)

loop=”loop” diz para voltar ao início do vídeo assim quando chegar ao final, infinitamente.

Além dessas, há as tags width e height que definem, respectivamente, a largura e altura do player, em pixels.

Todos os parâmetros colocados entre as tags de abertura e fechamento (<video> e </video>) serão apresentados se o navegador não tiver suporte a HTML 5. Então, é possível inserir mensagens como “Esse recurso só funciona com navegadores compatíveis ao HTML 5. Recomendamos utilizar o Firefox 3.5 ou versão mais nova”, para orientar os usuários. Saiba como está o atual suporte dos navegadores ao HTML 5, clique em suporte a vídeo em navegadores na página wiki da Open Video Alliance.

Atributos Padrão

Atributos servem para definir uma propriedade de um elemento HTML. Atributos padrão são atributos suportados por quase todas as tags do HTML.

A tag <video > é compatível com a seguinte lista de atributos padrão do HTML 5:

class
contenteditable
contextmenu
dir
draggable
id
irrelevant
lang
ref
registrationmark
tabindex
template
title

Atributos de evento

Atributos de eventos definem ações de evento.

A tag também é compatível com a seguinte lista de atributos de evento do HTML 5:

onabort
onbeforeunload
onblur
onchange
onclick
oncontextmenu
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
onerror
onfocus
onkeydown
onkeypress
onkeyup
onload
onmessage
onmousedown
onmousemove
onmouseover
onmouseout
onmouseup
onmousewheel
onresize
onscroll
onselect
onsubmit
onunload

Tags: ,