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

Puedes hacer para continuar leyendo o ¡Puedes dejar un comentario en respuesta al artículo aquí!


Descargar audio de los videos de Youtube.
Descargar audio de los videos de Youtube.
HTML5 Rocks, la guía de HTML5 de Google
HTML5 Rocks, la guía de HTML5 de Google
Descargar y convertir vídeos de Youtube
Descargar y convertir vídeos de Youtube


Artículos relacionados

Chuleta de HTML5 (Cheat Sheet)
Chuleta de HTML5 (Cheat Sheet)
Tutorial de diseño web con HTML5 y CSS3
Tutorial de diseño web con HTML5 y CSS3
Con HTML5 los vídeos se verán de muchas formas
Con HTML5 los vídeos se verán de muchas formas
Podrás convertir vídeos de 2D a 3D con Youtube
Podrás convertir vídeos de 2D a 3D con Youtube