Código XHTML para incrustar vídeos de YouTube compatible con iPod Touch e iPhone

Aunque la versión de Safari que incluyen el iPod Touch y el iPhone es probablemente uno de los mejores navegadores disponibles para cualquier dispositivo móvil una de sus limitaciones más obvias es que no soporta Flash.

Esto hace que algunos sitios no funcionen correctamente, y en especial hace que no se puedan ver vídeos de servicios como YouTube, aunque hay un truco bien fácil para verlos que nos pasó miguel y que probé ayer con la anotación sobre la construcción de un B777 en tres minutos.

La cosa es tan sencilla como incluir en el código XHTML de YouTube un enlace a la página de YouTube con el vídeo en cuestión dentro del object que carga el vídeo:

<object type="application/x-shockwave-flash" style="width:425px;height:350px" data="http://www.youtube.com/v/xxxxxxxxxx"><param name="movie" value="http://www.youtube.com/v/xxxxxxxxxx" />

<a href="http://www.youtube.com/watch?v=xxxxxxxxxx" title="Aquí puedes poner el título del enlace">Ver vídeo</a>

</object>

El atributo title en el enlace es opcional; las líneas en blanco las he incluido para que se vea más claro.

Este código sigue validando, en un navegador que soporte Flash este enlace no se verá, y en cambio en un iPod Touch o en un iPhone se verá el enlace que pone «Ver vídeo» (o el texto que le pongas) y al seleccionarlo se abrirá la aplicación dedicada que incluyen estos gadgets para verlo:

Ejemplo de visualización de vídeo de YouTube en un iPhone con este truco

# Enlace Permanente

Technorati Tags: