Linwind

Incrustar vídeos en HTML5 de Youtube

La red poco a poco se pasa al nuevo HTML5, como sabéis Youtube fue uno de los primeros en permitir ver los vídeos con esta tecnología pero solo si entras en su página web, si veias un vídeo incrustado no nos quedaba más remedio que utilizar la tecnología Flash, al menos esto era hasta ahora ya que Google ha buscado una solución que viene dada por la etiqueta iframe.

Iframe es una etiqueta HTML que nos permite incrustar un documento HTML dentro de otro documento HTML, en este caso incrustaríamos un HTML de la web de Youtube donde carga el reproductor HTML5 en nuestra propia página web. Al utilizar iframe Youtube se consigue modificar el contenido según el navegador con el que acceda el usuario y así poder ofrecer tanto en Flash como en HTML5.

youtube html5

El código que insertariamos sería <iframe type=»text/html» width=»527″ height=»340″ src=»http://www.youtube.com/embed/IDENTIFICADOR» frameborder=»0″> </iframe> y reemplazaríamos IDENTIFICADOR por el ID del vídeo de Youtube.

Más info en Apiblog Youtube

Publicado el 25 de julio, 2010

Descargar audio de los videos de Youtube.
Publicado el 22 Sep 2008

HTML5 Rocks, la guía de HTML5 de Google
Publicado el 23 Jun 2010

Descargar y convertir vídeos de Youtube
Publicado el 01 Ago 2009

Chuleta de HTML5 (Cheat Sheet)
Publicado el 09 Mar 2011

Dejar un comentario


Actualidad Windows Linux Juegos Redes Sociales Utilidades Telefonía Movil Micropost