SE GOSTOU DO LIVROCOMPRE!!! E SABERA COMO "INSTRUIR"KK SEU FILHO No post anterior dessa serie sobre HTML5 e a tag video, expliquei a existencia de tocadores de videos embutidos nos navegadores. Vejamos agora como utiliza-los.Se voce tiver video e audio encapsulado em ogg, webm ou ainda mp4. Tente o `markup' abaixo:<video src="/path/para/seu_video.ogg"></video>Feito o teste acima ou se nao possuir nenhum video, salve o seguinte trecho e abra em seu navegador:<video poster="http://video-js.zencoder.com/oceans-clip.png" preload="preload" controls="controls"><source src="http://video-js.zencoder.com/oceans-clip.mp4"><source src="http://video-js.zencoder.com/oceans-clip.webm"><source src="http://video-js.zencoder.com/oceans_clip.ogg"></video>Acho que o primeiro exemplo de `markup' e bem auto explicativo. Ja o segundo e bem mais complexo e cabe explicar em detalhes.Eu defino poster, aquela imagem que fica no fundo do tocador de videos, antes de voce clicar no botao para tocar. Depois eu defino preload como preload mesmo -- somente preload funciona, mas e questao de estilo, me certificando que o video sera carregado antes mesmo do usuario clicar no botao para tocar. Ainda na primeira linha do segundo exemplo, eu garanto com controls="controls" que o navegador ira exibir a barra de controle do seu tocador de videos embutido.E verdade que se voce omitir controls, muitos navegadores irao exibir a barra de controle assim mesmo. Nao conte com isto! Atente para o fato de na 2a, 3a e 4a linha eu definir o mesmo video em diferentes formatos usando uma tag source. Voce pode achar que isto e uma especie de `playlist' e que os videos serao tocados na ordem. Nao, nao e uma `playlist'! E para `fallback', se MP4, nao funcionar tente webm, que se falhar tente ogg. E, ja ta desse jeito a coisa... e eu nem vou falar sobre o quebra pau entre WHATWG e W3C.Como bonus, vindo direto de Cupertino: E preciso definir MP4 primeiro naquela lista ali, ja que o novo messias iPad ignora o resto da lista ate o momento. Em tese. o iOS4 para o iPad corrigira este bug.Nota: A tag video aceita hoje os seguintes atributos: autoplay, controls, height, width, loop, preload, src e poster. A tag source aceita type e codecs, que sao auto explicativos.Vale a pena salientar que se voce quiser tocar uma `playlist', com HTML5 puro e simples, isso e impossivel atualmente (Julho 10'). Para tal e necessario utilizar JavaScript, e como isto e feito e o topico do proximo post. Ainda comigo? Sensacional! No post anterior abordei o estado do suporte a tag video nos navegadores. Agora e hora de falar sobre os tocadores (`players').Eu tenho uma noticia boa e uma ruim: A boa e que tocadores de video sao providos pelos proprios navegadores e voce ainda pode customiza-lo de diversas formas (pense JavaScript e CSS), e a ruim e que nem todos os eventos JavaScript estao sendo disparados de maneira consistente por todos os navegadores.Sim, mais um inferno de problemas de compatibilidade nos aguarda. Um exemplo e o, recentemente introduzido, onError, que nao e disparado pelo Mobile Safari do iPad atual (cof! cof! gimme apps, gimme money) e que ja foi devidamente inserido no Safari 5. A tendencia e que todos se alinhem e o IE9 destrua o nosso sonho de consistencia.