Plugin de WordPress para ver videos de YouTube en iPhone y iPod Touch

@ 05 . mayo . 2009

iPhone Youtube app logo Hace años ( XD ) que Aeromental usa un plugin para insertar videos (de cualquier página) en los posts por su facilidad de uso, personalización de opciones, uso de código más limpio que el feo tag de object + un extenso código, uso del script SWFObject y de CSS.

El plugin es:

:PC: WP-SWFObject

Su creador es Jim Peñaloza (unijimpe) un Peruano muy hábil en la programación web, creador de este perfecto plugin.

Si tus visitas no tienen FlashPlayer o el JavaScript del navegador esta desactivado, no se pueden ver los videos insertados pero puedes personalizar un mensaje para estos casos.


Yo inserto vídeos así de fácil:
http://www.youtube.com/watch?v=código

Un día viendo las estadísticas de visitas de Aeromental noté una tendencia de crecimiento en gente que entra desde iPhones y iPods Touch. Como se sabe, estos dispositivos aún no cuentan con FlashPlayer, y quizás nunca lo hagan. Pero para videos de YouTube ambos tienen la opción de abrir el vídeo en un reproductor especial quicktime a partir de la URL del mismo.

Como varios de mis posts tienen vídeo, me parece imperativo ver de mejorar la visión de estos en dispositivos móviles. Decidí proponer mi idea a unijimpe para mejorar su plugin:

Detectar si el visitante llega desde un iPhone y en lugar de que salga un mensaje alternativo de no tienes FlashPlayer, salga la URL del vídeo de YouTube para que este se pueda abrir.

Mi petición fue escuchada y unijimpe sacó una nueva versión con esta y otras mejoras, actualmente disponible solo en el foro en versión beta de prueba. Ya lo estoy usando (si quieren hagan la prueba de abrir un post con YouTube desde un iPhone o iPod Touch).

:celular: Para iPhone: No solo te da la URL al video si no que también pone una imagen de preview del mismo con la URL.

El plugin funciona perfectamente. Lo pueden descargar aquí:

:download: Preview de WP-SWFObject 2.2 – [Descarga Directa]

Esta versión beta trae las siguientes características:

  • Personalizas la versión requerida del Flashplayer.
  • Elijes un color de fondo por defecto para el swf.
  • Elijes un Window mode para la película flash.
  • Activar o desactivar el menú de flash.
  • Seleccionar calidad de la animación.
  • Activar soporte para fullscreen.
  • Alineación de la película flash.
  • Mensaje a mostrarse si no se encuentra el plugin de flash.
  • Corrección de flashvars que mostraban el caracter #038;.
  • Corrección de WMODE que no se mostraba correctamente.
  • Detección de iPhone para mostrar un texto indicando la ubicación del SWF.
  • Facilidad para incluir vídeos de Youtube, ahora soporta incluir vídeos con el URL del video (//www.youtube.com/watch?v=8C7SxYzDNZk).
  • Para vídeos de Youtube en iPhone se muestra la imagen con el enlace para abrirlo directamente en Quicktime de iPhone.
  • Dos nuevos parámetros de configuración: Para el mensaje en iPhone y para los vídeos de Youtube si se desea mostrar la información.

Autor del post: DanielSemper: @aeromental + Facebook

  • edu

    yo debo ser uno de tus estadisticas siempre uso mi iPhone para revisar tus post y siempre me molesto al no poder ver tus videos, pero ahora mi pregunta como lo instalo, es necesario que el iPhone este con jalibreak, salu2

  • Edu:
    Que alegría saber que me visitas desde tu iPhone, ahora la alegría será retribuida para tí porque no necesitas instalar nada, tampoco necesitas ningún jailbreak, todo funciona directo.

    Los que tienen que instalar el plugin son los dueños de blogs, los usuarios de iPhone nada.

    Visita un post con YouTube y veras una imagen en lugar del video a la que le debes dar click para ver el vídeo.

    (si no es de YouTube te saldrá un mensaje de que no tienes FlashPlayer)

  • edu

    oye que bien, graciasm voy a probarlo, salu2

    Recibe los saludos de tu alumno http://edu7.elbruto.es/

  • juanitho

    Hola, justamente yo tambien tengo problemas para visualizar los videos en tu blog, cuando veo los post con videos a traves de Google reader se muestra bien, igual OK cuando lo veo directamente en YouTube pero cuando cargo la pagina directamente no aparece nada, por ejemplo en http://www.aeromental.com/2009/05/05/juguete-de-transformers-de-mickey-mouse-como-optimus-prime/ solo me aparece un espacio en blanco (no aparece el video) y luego las fotos, y tengo instalada OK la versión de Java recomendada (Version 6 Update 13) segun el test de Sun http://www.java.com/es/download/installed.jsp ¿alguna recomendacion?

    Saludos desde Lima, Peru.

    Juanitho.

  • Hola Juanitho, a mi me sale:

    Enhorabuena.
    Tiene instalada la versión de Java recomendada (Version 6 Update 13).

    Y si puedo ver todos los videos del blog.
    Dame más datos de tu caso, que Sistema Operativo tienes y si en todos los navegadores te sucede lo mismo. ¿Que velocidad de Internet tienes? Quizás sea porque tu conexión es muy lenta o sobresaturada (estas bajando vria cosas) porque de entrada te digo que el video es lo último en cargar de la página, y mientras pasa eso sale un área en blanco, lo cual para mi es 1 segundo nomás.

  • vistaero

    ¡Yo también te visito muchas veces desde mi iPod touch!

    El plugin funciona de maravilla, y por si alguien tiene hecho el Jailbreak, le aviso antes de que se desespere por ver que no se vé, eso es porque tienes instalado el User Agent Faker, que es para simular que visitas la web como si estuvieras en Firefox, entonces no te muestra la versión móvil de la web que suele dejar mucho que desear.

    ¡Muy buen plugin para WordPress!

  • Luis

    ¿Saben el nombre de un plugin para abrir imagenes en el centro del monitor?
    está basado en ajax, y no recuerdo bien el nombre.
    Un saludo.

  • Si,

    Ese plugin es Lightbox

  • ONLYMI

    PERDON POR LA PREGUNTA PERO AMI MEGUSTA LA TECNOLOGIA YO TENGO UN IPONE Y VEIA VIDEOS DE YOUTUBE PERO AORA MEAPARESE UN LETRERO K DISE K NO PUEDO CONECTARME A YOUTUBE Y NO SE MUCHO DE IPONES M PUEDEN EXPLICAR COMO PUEDO AREGLARLO

  • para onlymi

    entra aqui asi lo arregle yo http://www.youtube.com/watch?v=tk0cGDgH2Ow