Customizando player de video com HTML 5

[Gustavo Pessatte Azzolino 0]

Recentemente lendo o livro HTML 5 do nosso grande Dinossauro da Web (Maujor), me chamou muita atencao o capitulo 3 que aborda assuntos de customizacao de player de audio e video utilizando a linguagem de marcacao do HTML5 que junto com CSS3 e Jquery transforma o player mais atrativo, criei esse topico para voces me ajudarem a ir modificando o player que eu acabei de comecar, seria interessante ter no player links ou icones que aparecam durante o video para ter mais interatividade com o usuario.

 

HTML

<video poster="http://www.rgarte.com.br/wp-content/uploads/2010/08/cmyk-print1.jpg" controls audio="muted">
<source src="video.ogv" type="video/ogg">
<source src="" type="video/mp4">
<source src="video.webm" type="video/webm">
<!-- Código (X)HTML para inserção de video com Flash -->
<p>Seu navegador não suporta o elemento video da HTML5.<br>Faça <a href="video.mp4">download do video</a></p>
</video>

 

 

OBS: Em breve estarei disponibilizando o codigo do CSS3 e Jquery

[André do Vale 76]

http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/ :thumbsup:

[Gustavo Pessatte Azzolino 0]

Obrigado Andre Campos, era o que eu estava procurando.

[Vitor Ribeiro 0]

OLÁ ESTOU EM UMA DUVIDA, COMO FAÇO PARA O USUARIO SELECIONAR A QUALIDADE QUE ELE DESEJA ASSISTIR. TIPO O YOUTUBE OU RELACIONADO ?