Embutir HTML5 do Youtube
- 2010/julho/29
- Comentar
Apesar de eu não ser muito fã do Youtube (na verdade, o que não me agrada é a forma como o Google negocia com a Viacom e outros copyright trolls), segue aqui uma dica que tirei do WebUpd8.
Resumidamente, funciona da seguinte forma:
<iframe class="youtube-player" type="text/html" width="480" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>
Onde VIDEO_ID é o hash composto por números e letras após “watch?v=”.
Exemplo:
http://www.youtube.com/watch?v=gL-_MO4Fx1Q
hash -- gL-_MO4Fx1Q
<iframe class="youtube-player" type="text/html" width="480" height="385" src="http://www.youtube.com/embed/gL-_MO4Fx1Q" frameborder="0">
</iframe>
E finalmente o resultado:
Convém salientar que as dimensões podem variar de vídeo para vídeo, então é bom verificar copiando o código original usado para embutir vídeos. Para ver os vídeos em HTML5, é necessário especificar no Youtube, através da URL http://www.youtube.com/html5
