Cómo insertar vídeos de YouTube usando HTML5 en lugar de Flash

6 comentarios Carlos Leopoldo Por On 25 de julio de 2010

El popular sitio de hospedaje de vídeos, YouTube ha estado ofreciendo una beta limitada de visualización de vídeos con HTML5 desde hace un tiempo. Esta posibilidad de ver vídeos en HTML5 estaba limitada a poder verse solamente en Chrome y Safari, y solamente después de suscribirse al la beta.

Los usuarios que querían insertar (embed) vídeos en sus sitios o blogs no tenían lo opción de insertarlos usando su reproductor de HTML5, pero esto ha cambiado ya que Youtube ha creado la opción de insertar vídeos con HTML5.

El código actualmente no se encuentra disponible como opción en el sitio de YouTube, pero lo puedes hacer fácilmente con el siguiente código:

<iframe type=”text/html” width=”640″ height=”385″ src=”http://www.youtube.com/embed/VIDEO_ID” frameborder=”0″></iframe>

Aquí solamente tienes que reemplazar el parámetro VIDEO_ID por el ID del video de YouTube, ese ID lo encuentras en la URL, como por ejemplo la siguiente: http://www.youtube.com/watch?v=OBgFoac0M8s donde el Id es: OBgFoac0M8s el código para ese video es el siguiente:

<iframe type=”text/html” width=”640″ height=”385″ src=”http://www.youtube.com/embed/OBgFoac0M8s” frameborder=”0″></iframe>

Insertar vídeos con HTML5 tiene varias ventajas, una es que vas a usar estándares y si tu navegador no soporta videos en HTML5 se va a mostrar el video con el reproductor de Flash.

(Vía API Blog de YouTube).

3 comentarios

  1. Fantasy
    28 de julio de 2010 at 12:31 PM #

    Esto sí que no lo sabía, vamos a probarlo a ver que tal.

  2. JUAN ARAYA H.
    15 de diciembre de 2011 at 6:00 PM #

    QUISIERA SABER PORQUE CUANDO SUBO MUSICA QUE DURA 30 O MAS MINUTOS , SOLO QUEDA REGISTRADO A LO MAS 15 MINUTOS , SERA QUE HAY LIMITE DE TIEMPO ? , GRACIAS .

  3. Miguel
    15 de enero de 2012 at 6:44 PM #

    Buen artículo

    Si quieres saber más de html5, te aconsejo que te pases por http://www.foroshtml5.com, es un foro hispano de Html5,

    Un saludo!

3 trackbacks

  1. [...] Techtastico Compártelo Posts RelacionadosOSMP – Reproductor de video HTML5 que detecta si es [...]

  2. [...] Vía | Vía [...]

  3. [...] el paso del tiempo Youtube ha mejorado mucho de lo que solía ser, ahora hay mucho HTML5 incluido en la web para poder usarlo en dispositivos como iOS que no soportan flash. Y esta es [...]

Deja un comentario

Tu dirección de correo electrónico nunca será compartida.

*