Usando um player customizado para vídeos do youtube (javascript)
Postado por Tobias em 11.08.2009 10:47 Desenvolvimento web, Internet, javascript
E ae gente, blz…
Como sempre depois de alguns milênios sem postar estou de volta, o título do post já diz tudo, mas de qualquer maneira vai aqui uma introdução do post de hoje. Vamos ver um exemplo de uso da API do youtube, como comandar o vídeo utilizando somente javascript, vale ressaltar que a unica coisa em flash usada no player vai ser justamente o vídeo, todo o resto é javascript, html e css, “conversando” com a api do youtube…
Então vamos ao que interessa.
Antes de mais nada é bom ressaltar que o youtube tem uma API que na minha opinião é excelente e pode ser usada para diversas coisas do site, não só para assistir/usar os vídeos mas também para criar uma busca personalizada e outras coisinhas, para maiores informações clique aqui
Nesse post só quero mostrar o que eles chamam de “chromeless player”, traduzindo ao pé da letra seria o player sem botoões, só a tela do vídeo, etc. Você pode ver um exemplo desse player aqui.
Bom vasculhando o código fonte do exemplo a gente encontra um exemplo do que é possivel fazer com esse player, existem muitas funções que vão desde as mais básicas (como play, pause, stop) até algumas outras mais complexas como controle de volume e tempo do vídeo, no próximo post eu vou mostrar um exemplo utilizando jquery com direito a progress bar e controle de volume…
Como sempre puxões de orelha e correções são bem vindas nos comentários, abraços e até breve.
Tags: css, customizando, javascript, player, videoplayer, youtube
