lunes, 26 de julio de 2010

Insertar vídeos de Youtube con HTML5

Y más noticias sobre HTML5. Conocido es por todos que Youtube, el portal de vídeos de Google, basa su soporte en la tecnología Flash. Pero, igualmente, fue uno de los primeros que se puso manos a la obra con la tecnología HTML5 apostando por el futuro y dejando atrás sistemas en ocasiones vulnerables. Hace un par de semanas que existe un modo beta funcionando en HTML5 aunque, para eso, el usuario tiene que disponer de Chrome o Safari (los navegadores que soportan las nuevas etiquetas html) y estar suscrito a dicha versión beta.



A través de Techtástico se informa de una nueva forma de insertar vídeos deYoutube con HTML5, en lugar de Flash.

A día de hoy no está disponible en la web de Youtube un enlace con el que directamente podamos incrustar un vídeo en nuestro sitio pero si que existe una forma de insertar los mismos modificando un pequeño dato:

El código original para incrustar un video en Youtube es el siguiente:

HTML:




  • <iframe type="text/html" width="640" height="385" src="http://www.youtube.com/watch?v=pRpeEdMmmQ0" frameborder="0"></iframe>





Para poder incrustar ese mismo vídeo pero con tecnología HTML5 tan sólo tendremos que modificar esas líneas de códigos por ésta:


HTML:



  • <iframe type="text/html" width="640" height="385" src="http://www.youtube.com/embed/pRpeEdMmmQ0" frameborder="0"></iframe>





Si os fijáis se ha cambiado donde ponía watch?v=ID y se ha puesto embed/

¿Tan fácil? Pues sí. Tanto rollo para esto... Cuando IE9 sea una realidad sólo utilizaremos embed, oiga.

No hay comentarios: