Ir directamente al contenido de esta página

El iframe de YouTube y la desaparición de contenidos en iPhone: cómo evitarlo

El día 16 del pasado mes se anunció la X edición del concurso de cortos de Notodofilmfest, y para la ocasión La Fábrica nos encargó la versión web para smartphones de su sitio.

La web móvil la desarrollamos en HTML5, y para incrustar los vídeos de su canal de YouTube, decidimos emplear la opción del iframe para, en la medida de lo posible, no depender del plugin de Flash —en Android; en iOS es la aplicación nativa de YouTube la que se encarga de la reproducción del vídeo.

Como se ve en la página indicada, incluir el iframe tan sencillo como esto:


<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> 
</iframe>
 

No obstante, el resultado no era el esperado: por algún motivo, los contenidos bajo el iframe desaparecían:

A la izquierda, la interfaz como debería aparecer; a la derecha, como aparecía [iPhone 4]

Tras muchas pruebas, hallamos la solución, y ya de paso revisamos la especificación de iframe de HTML5 para emplear un código válido —tanto el atributo type como frameborder se han descartado:


<iframe width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID"><br></iframe> 
 

Como hemos indicado, con el salto de línea incluido entre las etiquetas se solventa el problema. ¿Por qué? Bueno, eso no lo hemos hemos llegado a entender; pero funciona.

Esta entrada se publicó el 2 de diciembre de 2011, se archivó en , y fue etiquetada como , . Autor: Saúl González Fernández. Hay 1 comentario ›.

Comentarios

  1. Armando Herrera dice:

    Muchísimas gracias, realmente me sacaron de un apuro, ¡tengo ya como 2 horas con el problema! Saludos.

¿Algún comentario?

* Los campos con un asterisco son necesarios

Últimos proyectos

© Digital Icon, S.L., 2007 – 2017