RSS

 

Incluye videos de YouTube en alta calidad y mayor tamaño, sin códigos engorrosos (Greasemonkey)

Thu, Nov 13, 2008

Descarga del dia, add-ons

Etiquetas: , , ,

Leyendo Alt1040, por fin encontré una opción que estuve buscando por buen tiempo, la posibilidad de incluir videos en el blog en alta calidad. Esto funciona genial, sobre todo porque a veces, con algunos videotutoriales que hago, la calidad “por defecto” de YouTube es tan mala, que resulta imposible colgarlos ahí (por ello he estado recurriendo a Vimeo últimamente).

Sin embargo, la manera propuesta para añadir mejor calidad a los videos de YouTube, resulta realmente un fastidio. Tenemos que copiar el código de embed y ponerle: &ap=%2526fmt%3D18 en dos lugares (mas info)

Lamentablemente, no encontré mejor solución disponible, así que decidí hacer una: Un script de Greasemonkey que automáticamente le añadiese lo necesario para todos los videos que veamos en YouTube, sin que tengamos que modificar nada.

El script que edité, está basado en Improved YouTube Embed Code, y básicamente modifica el código de Embed de YouTube, por uno que:

  • Hará que el video que pongamos en nuestro blog, esté en Alta Calidad.
  • Si no encuentra el video en Alta Calidad, lo reproducirá en la calidad standard
  • Aumenta el ancho por defecto, de 433, a 530
  • Funciona con cualquier versión regional de YouTube
  • Además de todos los beneficios que Improve Youtube Embed Code ya traía (títulos, video centrado, etc).

Picture 4 

Qué hacer?

  • Necesitan Firefox y Greasemonkey (Qué es Greasemonkey?).
  • Una vez instalados ambos, descarguen el script e instálenlo.
  • Ahora, vayan a cualquier video de YouTube, y verán que el código de “Embed” ha cambiado por otro. Basta con copiarlo, y utilizarlo

YouTube - Firefox 3_ Copiar y Pegar

Aquí un ejemplo:

Sin el Script

Con el Script

Firefox 3: Copiar y Pegar

 

 
Pixar’s Up Trailer #2 in HD

Lo he probado solo un par de veces, así que cualquier error o problema, déjenlo en los comentarios.

Link

Si lo unico que deseaban era un código de embed “más limpio”, no se olviden de darle un vistazo al script original, Improve Youtube Embed Code

 

Etiquetas:

, , ,

 

 

 

Contenido relacionado

Este post fue escrito por:

arturogoga - que ha escrito 4555 posts.

Hey! Mi nombre es Arturo Goga. Si el artículo te agrada, no olvides suscribirte a la página. Puedes leer más en Sobre el autor, o bien ponerte en contacto conmigo

Contacta al autor /

Un dia como hoy en arturogoga.com

Deja un comentario!

 

 

15 Comentarios para este Post

  1. Linwind Says:

    Muchísimas gracias me va ser de gran utilidad , aunque asta ahora no estaba colgando los vídeos en el blog con alta calidad.

  2. Perujin Says:

    se ve bien… peroooo… no se ven los videos en el google reader :(

  3. xangua Says:

    Genial pero no se ve en google reader, voy a probar en otro lector

  4. xangua Says:

    Si los puedo ver en Liferea!!!

    No puedo esperar a que la próxima versión se integre a google reader.

  5. Ferran Says:

    Podeis usar http://www.dailymotion.com , ofrece calidad HQ i HD para videos creativos a través de su Programa Motionmaker…
    Ilimitación en la duración de los videos Craetive Content, etc…

  6. Juan Says:

    Hey! Arturo, buena idea. Quería hacerte una consulta. En el correo hotmail ahora han añadido la opción de editar Html y estuve tratando de incrustar un video en el mensaje, para que pueda visualizarse en el mismo e-mail, pensé que se podría pero a pesar de que el video en un primer momento carga (antes de mandarlo) una vez que lo envío es invisible :S no sé si podrías encontrar una forma de hacerlo. Saludos

  7. Gamer Peruano Says:

    Aunque en realidad prefieron el diseño de Vimeo, y es el que uso en casi todos mis sitios, no caé mal este tip ^^

  8. Renato Says:

    Hola me parece muy interesante tu página y siempre sigo los artículos que escribes, yo tengo una pregunta y a ver si me puedes ayudar. tu sabes si a las carpetas en windows se les puede poner contraseña o necesito un programa en especial para hacer eso.
    gracias de antemano
    Renato V.

  9. Ever Says:

    Lo instalé correctamente pero no parece funcionarme, los videos se siguen viendo en baja calidad, si agrego “&fmt=18″ si que mejora la calidad pero con el script sigue igual

  10. d@rWiN Says:

    Para wordpress existen plugins como el Smart Youtube que hacen lo mismo y con un plus de funcionalidades

  11. diseñador web Says:

    La verdad no sabia que se podia hacer esto.

  12. mit Says:

    NO HAY UNA FORMA MEJOR DICHO UN AJUSTE AL MOMENTO DE COMPRIMIR EL VIDEO Y LUEGO SUBIRLO A YOUTUBE?, yo veo mejor opcion x VIMEO comparo subiendo un video a vimeo y luego a youtube y vimeo esta mucho mejor, alguien sabe algun metodo mas real lejops de estar poniendole script's?

  13. Arturo Goga Says:

    lamentablemente, así subamos un video con óptima calidad, YouTube lo terminará comprimiendo, ya que su filosofía es accesibilidad, antes que calidad. Es decir, mientras mas personas puedan verlo, mejor. Y dada la popularidad de YouTube, funciona :)

  14. Elias Says:

    Y para poner los videos en WideScreen, tal y como se ven ahora en Youtube? Te tocará actualizar el Script :p

  15. Inerxia Says:

    Funciona perfecto.

    El problema es que ahora hay que modificar manualmente las dimensiones del reproductor a 16×9 (+25 pixeles de alto para el campo de los controles). Hice la prueba con un mismo video en vimeo y youTube y es lamentable el tiempo de carga en youTube.

    Mientras en vimeo se reproduce casi en tiempo real (con conexion de 1k) en youTube va cargando paquetes de 3 segundos y se demora una eternidad.

    Muchas gracias.

8 Trackbacks para el post

  1. Videos en alta calidad de Youtube en tu Blog « Ubuntu Life Says:

    [...] Probando lo de video en alta calidad para tu blog. [...]

  2. PyR:Videos de Alta Calidad en YouTube | arturogoga Says:

    [...] del artículo sobre cómo embeber videos en alta calidad en YouTube, me llegaron varios emails preguntándome exactamente qué significaba alta calidad en YouTube. [...]

  3. Videos en alta calidad de Youtube con GreaseMonkey « Un Bioinformatiquillo Says:

    [...] información: Arturogoga No Comments Leave a Commenttrackback addressThere was an error with your comment, please try [...]

  4. Cómo insertar videos (de youtube y vimeo) y audio audio de odeo (en tu blog en wordpress) - Facilísimo « Arukard’s Weblog Says:

    [...] También está esta otra opción. [...]

  5. Cómo insertar vídeos de Alta Calidad de YouTube en tu Blog: Mundología Says:

    [...] Goga nos ha facilitado la tarea de ver vídeos en Alta Calidad de YouTube; en vez de agregar &ap=%2526fmt%3D18 dos veces en el codigo del vídeo y estarlo haciendo cada [...]

  6. Por Fin! WideScreen en YouTube | arturogoga Says:

    [...] El código para embeberlos, sin embargo, permanece idéntico, pero hasta que YouTube lo actualice (y ojalá no tarden tanto como con la implementación Widescreen en la página principal), pueden desde ya embeber videos en alta calidad y con mayor tamaño, usando este script. [...]

  7. Linux Los Angeles » YouTube WS ahora :P Says:

    [...] espacios negros. El código para embebidos tampoco ha sido actualizado, aunque se pueden utilizar script como este hasta que Google realice los [...]

  8. Linux Los Angeles » YouTube WS ahora :P Says:

    [...] espacios negros. El código para embebidos tampoco ha sido actualizado, aunque se pueden utilizar script como este hasta que Google realice los [...]