Micaela 30 de noviembre de 2009 a las 16.00
   Imprimir artículo
elWebmaster.com

Cómo embeber videos en tu sitio con reproductores de código abierto


embebersinyoutube1YouTube ha monopolizado el embebimiento de videos en la web, y eso es muy malo para tu SEO (a menos que quieras volverte viral en ese sitio).

Existe una alternativa a esto: Embeber un reproductor FLV de código abierto en lugar del reproductor de YouTube que todos usan sin pensar en las consecuencias. Aquí te explicamos cómo.

Entre los varios aspectos negativos que podemos encontrar en el embeber videos desde Youtube, debemos tener en cuenta estos factores principales:

  • Google y YouTube pueden (y van a) eliminar los videos en cualquier momento por cualquier raz√≥n. Cualquiera puede pedirles que borren ciertos contenidos.
  • Env√≠as a tus visitantes a otro lugar.
  • Nadie enlazar√° al art√≠culo de tu blog, la gente embeber√° el video y se olvidar√° de la fuente.
  • No puedes personalizar los colores o apariencia de tu reproductor de videos.
  • Si abusas de ello, tu sitio parecer√° poco profesional.

Para colocar los videos en tu propio blog, no se necesita ser un programador o desarrollador web. Sólo son 7 sencillos pasos. Empecemos.

Paso 1: Descarga el video

Lo primero que se necesita es el video. Existen varias aplicaciones o servicios que permiten descargar videos de Youtube u otros sitios. El más conocido es KeepVid. También existe este servicio o el script Greasemonkey.

Paso 2: Descarga el reproductor FLV

Existen varios reproductores de videos tanto gratuitos como pagos. Algunos incluso son software open source. Está por ejemplo el reproductor FLV o aquí hay algunas otras posibilidades:

  1. JW FLV Media Player
  2. FlowPlayer
  3. Kaltura – Open Source Video Platform
  4. Moyea Web Player
  5. FLV Player – Free Flash Video Player
  6. FLV Video Player Flash Application – Allwebco

Paso 3: Carga el video

Utiliza tu uploader de WordPress o un cliente FTP para subir el video, aseg√ļrate de ponerle un nombre significativo antes de subirlo. KeepVid utilizar√° “video.flv” como el nombre por defecto cuando lo descargas. Si utilizas un cliente FTP, Filezilla es recomendable.

Paso 4: Personaliza el reproductor

El reproductor FLV ofrece una gran cantidad de posibilidades de personalizaci√≥n. Al menos, programa la altura y el ancho para que el video se adapte al tama√Īo de tu blog. La forma m√°s f√°cil de personalizar el reproductor FLV es utilizar este Generador ¬Ľ. Para que los cambios tengan efecto debes hacer clic en cualquier parte de la pantalla o presionar Enter¬† luego de cambiar un valor.

Paso 5: Sube el reproductor

El reproductor FLV es un archivo Flash (SWF) que debes subir a tu servidor también. Es mejor cargarlo en el directorio principal en el que se encuentra tu blog de WordPress. De lo contrario, tendrás problemas con las URLs.

En el caso de que desees embeber cientos de videos,¬† no es bueno cargar demasiadas cosas en el directorio principal. En ese caso, crea un subdirectorio y ll√°malo “flv-video”.

Paso 6: Escribe un artículo en tu blog

Si. Necesitar√°s escribir un post o programar una p√°gina HTML. Embeber s√≥lo un video sin ninguna explicaci√≥n, fuente o contexto no es una buena estrategia. De esta forma, la gente no te enlazar√° o si lo hacen, simplemente escribir√°n algo como “buen video”, en lugar de utilizar texto relevante.

Paso 7: Pega el código del reproductor FLV en modo HTML

Este es el paso donde realmente embebes el video. Debes pegar el reproductor en el contenido de tu nuevo post, en modo HTML. Aquí tienes un código para practicar. Es el mismo que usamos en el ejemplo de abajo:

  1. <embed type="application/x-shockwave-flash" width="460" height="340" src="http://flv-player.net/medias/player_flv_maxi.swf" flashvars="flv=http://seoptimise.com/videos/jk-wedding-entrance-dance.flv" title="JK Wedding Entrance Dance"></embed>

Ejemplo

La boda de JK

¬ŅUstedes c√≥mo embeben sus videos? ¬ŅEst√°n limitados a YouTube?

Fuente: SEOptimise


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (24)

  1. Pablo dice:

    Es claro que todos utilicen YouTube para cargar sus videos. Pero una buena opción como dices para que un sitio no carezca de poco profesionalidad es que se puedan subir videos internamente en el sitio.
    Si no se dispone de mucho streaming o hosting, yo creo que sería de mucha utilidad programar junto con la ayuda de curl de php para encontrar la ruta absoluta de un video de YouTube, y luego llamarla desde ahí.

    En mi caso, si ingresan en la página que dejo como sitio web podrán observar que esos videos que ven no están alojados en mi servidor, sino que los llamo desde un servidor gratuito. Realice eso, simplemente porque en su momento cuando ingresaba la ruta de YouTube, luego de un tiempo el video dejaba de funcionar. Eso sucedía porque YouTube había creado una variable mas por get de expiración.

    Me quedo con la solución de elegir alguno de esos ejemplos de videos que dejas (ya los anduve mirando, son muy buenos), y luego buscar su ruta con curl desde php.

    Excelente entrada y sin dudas la agrego a favoritos.

  2. Daniel dice:

    bueno, para hacer conciencia, que lata cuando uno va a una pagina y han borrado el video en toutube y uno queda … :S l√°stima que por defecto en wordpress no dejen subir videos hasta que se paga por ese servicio adicional, porque la gente que empiza con un blog lo hace desde lo que les ofrece wordpress por ejemplo

  3. Morton dice:

    Hola Daniel

    De todas maneras puedes utilizar este tutorial para embeber videos en tu blog de WordPress, sin limitación alguna (aunque debes tener un hosting en donde subir el archivo FLV o el mismo debe estar subido y disponible en la web).

    Saludos!

  4. Erick dice:

    Hey alguien a intentado colocar el reproductor en google sitios? Yo lo subi y el reproductor se logra ver pero no s ve el video

    Saludos

  5. Susana Garcia dice:

    Hola, me parece superinteresate tu post y lo he probado pero no me funciona, algo estoy haciendo mal porque soy completamente novata. Seguí tus pasos, baje el reproductor flv, el JW FLW PLAYER, lo subí a mi hosting por ftp (filezila) a la carpeta de www, donde tengo subido el wordpress, subí la carpeta entera que se llama mediaplayer. en esa misma carpeta, en la de media player subi mi video. Copie tu texto plano y lo pegué en mi página de wordpress y modifique el nombre del archivo y del dominio

    y no funciona. Cuando puse tu ejemplo si que me funciono, donde está el fallo? por favor, llevo días con esto si me contestaras te quedaría eternamente agradecida

  6. Juan Manuel dice:

    @Susana

    Si te ha funcionado el blog y nuestro video quiere decir que el problema est√° en la ruta al video o al player que t√ļ est√°s hosteando y no en la instalaci√≥n de tu blog…. chequea el absolute path (ruta absoluta de tu espacio en el servidor) y que todo apunte a donde est√° subido :)

  7. Turismo Natural dice:

    Hola y feliz a√Īo.

    Antes de nada felicitar por el artículo y por el blog, son muy buenos.
    En mi blog insertamos vídeos, de primeras pensamos en usar Youtube o Blip, pero llegamos a la conclusión de que era mejor subirlos internamente. Ahora me gustaría poder incrustar estos vídeos en otras webs y foros, como youtube, y así difundir más la información. Eso si, que las estadísticas se sumen a mi blog.

    Un saludo.
    Turismo Natural.

  8. TONY dice:

    Hola Micaela, podrías darme una mano? me deidí por FlowPlayer y ya descargué los archivos, uno lo subí a mi ftp el de la extensión SWF, pero no entiendo como realizar el embebed para poner el codigo en el HTML y que luego se reproduzca, no soy muy experto, pero en los items no encontré como obtener el código embebed para poder pegarlo, podrías ayudarme?
    Gracias…

  9. Gorda dice:

    Ejemplo!

  10. Marco Guamàn dice:

    Hola puede ayudarme alguien con lo siguiente:
    Tengo videos en la pagina de inicio de mi blog en wordpress y quisiera saber si hay como poner una opcion o algo de bajar ese video que vaya directamente a descargarse, ¬Ņo no hay como? (El video esta subido en youtube lo que se puede hacer unicamente es verlo en wordpress o te enlaza a youtube) Si puede alguien ayudarme le agradeceria mucho. GRACIAS.

  11. Francisco dice:

    Saludos a todos..

    Quisiera saber como puedo utilizar este reproductor para ponerlo en mi web y reproducir videos que tengo en mi computador, ya que este reproductor es el √ļnico que se puede visualizar en cualquier navegador web…. bueno si alguien sabe de otro por favor hagamelo saber…. de ante mano… muchas gracias.

  12. Alberto Huerta dice:

    Buenas, tengo un problema con el reproductor, parece muy simple pero no consigo resolverlo. La cosa es que aplique la info para embeber videos en una p√°gina creada con wordpress, todo ok, los videos se reproducen sin problemas, pero la pantalla en negro la verdad que queda bastante fea, alguien sabe como conseguir que se cargue la p√°gina en vez de la pantalla en en negro salga el primer (o cualquiera) frame del video para que no se vea la pantalla en negro?, o cual reproductor permite hacerlo. Muchas gracias

  13. Mil gracias por el post super util!!!y funciona genial! dice:

    Funciona bien, y es sencillo de hacer!

  14. Esteban dice:

    ¬ŅComo puedo hacer para agregar diferentes subt√≠tulos externos, por ejemplo en un archivo .srt, a un video flv alojado en mi sitio?

  15. Luis Iriarte dice:

    Estoy muy agradecido de haberlos encontrado, ahora tengo mis videos directamente en mi página y puedo capturar gente a través de un video publicitario en los diferentes canales como youtube, etc. El tutorial muy bueno, funciona perfecto.
    Luis

  16. Ricardo Betancourt dice:

    Pero el reproductor se sube todo el archivo zip o solo una parte de los archivos ?
    el video se sube y se coloca en html para luego vincularlo con el html del reproductor ?

  17. Rafa Morales dice:

    ¬°Muchas gracias por el c√≥digo! Me has salvado, solo una pregunta, ¬ŅQue c√≥digo le puedo poner para que se reproduzca autom√°ticamente?

  18. Victor F. dice:

    Rafael, quiero suponer que el codigo de insercion del video en la web o blog que quieres alojar esta en html, por lo que en donde tienes indicado la url y el nombre del video al igual que los tama√Īos a utilizar para el mismo, agregale autostart=”true” y de esta manera al ingresar al sitio donde se inserto el video se reproducira de manera automatica.

    Saludos

  19. Marcelo dice:

    Antes que nada gracias por lo que compart√≠s. Quer√≠a preguntarte si es posible poner un video en mi sitio pero que el video no est√© alojado en mi servidor donde est√° mi sitio web sino que pueda alojarlo en otro servidor, si es posible gratuito. Creo que el sitio cuevana tiene las pel√≠culas alojadas de esa manera ¬ŅC√≥mo tendr√≠a que hacer? Gracias

  20. Marta dice:

    Hola,

    La verdad que ya no s√© donde buscar… algui√©n me puede ayudar con un c√≥digo en HTML (para blogger) para poder tener y reproducir un reproductor contenido RTMP, osea video en streaming?

    Gracias.

  21. Victor dice:

    Hola, uns vez superado como embeder mi video en mi pagina, me gustaría ir un poco mas haya y crear un reproductor con playlist, que aparezcan debajo cuadritos con los diferentes videos o algo asi y que la clickar se reproduzca en mi reproductor.

    He visto algunos ejemplos pero no se como hacerlo me podeis ayudar.

    gracias

  22. Javier Castillo dice:

    hola, probe el embed y funciono perfectamente, pero quisiera descargar el reproductor que utiliza en el ejemplo(http://flv-player.net/medias/player_flv_maxi.swf) pero al ir a esa url me aparece el reproductor, como hago para descargar el archivo player_flv_maxi.swf ????? GRACIAS

  23. Angelica dice:

    tengo un problema con este codigo:

    es una canción y cuando ingreso al blog automaticamente se reproduce, como hago para que solo se reproduzca cuando hago clic en play??

  24. Angelica dice:

    como puedo colgar el codigo aqui?

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder