2 de jan. de 2009

Embed de vídeos HQ do YouTube

NOTA: Tempos depois de eu escrever este post, o YouTube começou a disponibilizar a opção de alta qualidade ou ainda a opção de alta definição no próprio player, bastando acessar o menu. Manterei esse post apenas por trazer alguns detalhes mais técnicos e também para ser útil a alguém que queira forçar o vídeo a tocar direto na versão HQ ou HD.

Primeiro post do ano, vamos começar bem: com um post útil.
Sempre quis embedar/embebedar/embutir (WHATEVER!) vídeos do YouTube em alta qualidade mas quando colava o código e ia ver era aquela caca? Seus problemas acabaram! Aqui irei instruí-los sobre como *insira o verbo aqui* seus vídeos favoritos em alta qualidade ou ainda em alta definição (HD = 1280x720).

Usarei como exemplo um vídeo com a abertura de Toradora! Se você tá aqui, creio que pelo menos já sabe copiar e colar o código de embed dos vídeos:

Pois bem, customize seu player no YouTube como quiser, isso não vai atrapalhar em nada quando for ver o player no seu site/blog/whatever.
Cole o código onde vai querer o player. Aqui, um exemplo do código, do jeito que saiu da página do YouTube:


Agora vamos ao ponto principal deste post. Nos vídeos do Youtube você pode usar alguns códigos relativos à qualidade do vídeo nos links. Eles são:
&fmt=6: Alta qualidade padrão;
&fmt=18: Alta qualidade, mas: vídeo H.264 com maior bitrate de vídeo e AAC a 128kbps em estéreo;
&fmt=22: Alta definição: vídeo H.264 em 1280x720 a 2 mbps com áudio AAC estéreo a 232kbps.
Nova opção: &fmt=37: Alta definição padrão 1080p (Full HD): vídeo H.264 em 1920x1080 - bitrate eu desconheço, mas o áudio é AAC.
E é possível aplicar esses códigos no meio do código do vídeo, mas com os caracteres & e = "traduzidos". No caso: &ap=%2526fmt%3D18 para vídeos de alta qualidade e &ap=%2526fmt%3D22 para vídeos de alta definição. O que você tem que fazer é enfiar esses códigos estranhos em dois lugares no meio do código de embed: no final do endereço contido no primeiro param value (ignore o name="movie") e no endereço do embed src.
No vídeo de Toradora! que usei como exemplo:


É só adicionar esses códigos nesses dois lugares, sempre entre as aspas depois de &rel=0 (caso tenha optado por não aparecer vídeos relacionados) ou depois de &fs=1.
Note que no código acima eu coloquei o código de alta qualidade. Para os que tem versão em alta-definição, apenas o final muda de 18 para 22.
Exemplo:


Resultado final, em alta-definição (adicionado o &ap=%2526fmt%3D22):


2 comentários:

  1. Anônimo2/1/09 19:00

    começando o ano em alta resolução :D

    ResponderExcluir
  2. Anônimo4/1/09 20:38

    Não sei se é o Wordpress ou o Windows Live Writer, mas sempre que tento adicionar qualquer tipo de formatação de vídeo, quando subo o post toda a formatação é removida.

    Mas é um excelente tuto. Parabéns. :joinha:

    ResponderExcluir

Escreve que eu te leio. Tens o privilégio do anonimato, mas seu comentário está sujeito ao modo Médici de moderação.