Taller de Blogs

Los vídeos del primer Encuentro Andaluz de Blogs Educativos (EABE09) celebrado en Almería

Hay varias formas de insertar vídeo en nuestro blog de wordpress.com. Vamos a ver la posibilidad de insertar vídeo a través de la URL con el portal de vídeo Youtube.

• Una vez que hemos encontrado el vídeo que queremos punblicar tomaremos la dirección web del mismo y la copiamos.
• Pinchamos en el icono que se encuentra en la parte superior del editor de texto Añadir vídeo:

• A continuación se nos abre una ventana en la que seleccionaremos la pestaña desde URL:

• Pegamos la URL y a continuación pinchamos en Insertar en entrada y veremos un código así: ["youtube http://www.youtube.com/watch?v=tl-gVZm0hXw]
• Da lo mismo que en medio haya un espacio o con el signo “=”.
• Sin las comillas se ve así:

Con esta posibilidad de insertar URL Podemos trabajar con cualquiera de los portales Google Vídeo y Vimeo. Actuaremos de igual forma con lo que hemos descrito anteriormente.
Tenemos la posibilidad de poner algunas opciones más sólo con YouTube:

• Indicarle el ancho y alto poniendo la URL de esta forma: ["youtube = http://www.youtube.com/watch?v=H2Ncxw1xfck style="font-weight: bold; color: rgb(153, 0, 0);">&w=320&h=240]
• solo el ancho:["youtube = http://www.youtube.com/watch?v=H2Ncxw1xfck style="font-weight: bold; color: rgb(153, 0, 0);">&w=320]
• reproducir el vídeo en alta calidad: ["youtube = http://www.youtube.com/watch?v=H2Ncxw1xfck style="color: rgb(153, 0, 0); font-weight: bold;">&fmt=18]
• reproducir el vídeo de alta calidad con la anchura y la altura: ["youtube = http://www.youtube.com/watch?v=H2Ncxw1xfck style="font-weight: bold; color: rgb(153, 0, 0);">&w=480&h=360&fmt=18]
• para ocultar la aparición de los vídeos relacionados después de que el vídeo se termina: ["youtube = http://www.youtube.com/watch?v=H2Ncxw1xfck style="color: rgb(153, 0, 0); font-weight: bold;">&rel=0]
• para mostrar el cuadro de búsqueda de YouTube: ["youtube = http://www.youtube.com/watch?v=H2Ncxw1xfck style="font-weight: bold; color: rgb(153, 0, 0);">&showsearch=1]

NOTA: le he puesto unas comillas después del corchete para que no se vea el reproductor y poder ver el código que hay que poner.

Una preciosa canción de John Lennon.
Este vídeo está publicado desde el mismo portal de tutv.

Nota: Parece que tutv no publica bien en wordpress.com.

from vids.myspace.com posted with vodpod

Un ejemplo de vídeo de Dailymotion con VodPOd

from www.dailymotion.com posted with vodpod

He estado haciendo pruebas con VodPod, un sistema de alojamiento de vídeos que te permite reunir todos tus vídeos en un sólo sitio, independientemente de que los tengas en Youtube, MySpace, Dailymotion, Google Vídeo o cualquier otro. Puedes capturar cualquier vídeo o infografía y añadirlo a tu “pod” de vídeos.

Para que la operación sea más sencilla se puede incluir un botón en la barra del navegador que dependiendo en que navegador esté, Internet Explorer o Firefox, te da la instalación para uno u otro:

Así cuando encuentras un vídeo que quieras agregar a tu cuenta de VodPod…..

• Pinchas en el botón naranja,
• A continuación saldrá una pantalla donde tendrás que identificarte para entrar en tu cuenta.
• Después tienes dos pestañas:
  • Save to VodPod, rellenas con algún comentario, pinchas en save y el vídeo se añadirá a los que ya tienes en tu sitio.
  • Post to your blog, donde tienes cinco posibilidades:WordPress, Blogger, TypePad, Twiter y tumblr. Eliges y rellenas las contraseñas para poder publicar. Escribes el texto que quieres que aparezca en el artículo, pones las categorías y pinchas en publish.
• Después puedes editar el artículo en tu blog.

• Existe la posibilidad de publicar directamente en WordPress.com, añadiendo un botón al navegador:
  • En esta dirección tenéis información (en inglés) de cómo publicar.
  • Aquí os descargáis el botón de WordPress. Sólo he conseguido que funcione con Internet Explorer, no se ve con Mozilla Firefox.

Esto lo he descubierto gracias a:

• Mario Núñez que ya publicó un artículo en octubre de 2007 titulado Insertando vídeos, presentaciones y documentos en el blog con VodPod, artículo que tenía guardado en mi del.icio.us y que he recuperado al leer los artículos de Felipe Zayas.
• Felipe ha publicado últimamente Fantástico VodPod y Capturar e insertar vídeos, presentaciones e infografías con VodPod.

Han sido sobre todo estos últimos que me han hecho empezar a investigar con VodPod y me parece un auténtico descubrimiento para WordPress.com, y para el resto de blogs en general.

Vídeo de MySpace publicado con el mismo botón de WordPress de Vodpod

from isidrovi.vodpod.com posted with vodpod

Hace poco informaba Felipe Zayas sobre las posibilidades que ofrece blip.tv para WordPress.com:

• blip.tv
  
• Prueba con blip.tv

A su vez hace referencia al blog de Laura, Maritim 23 Laura, que ha empezado a utilizar blip.tv, publicando varios artículos con este portal.

blip.tv ofrece un código para WordPress.com para poder publicar tanto vídeo como audio. El procedimiento es muy sencillo:

• Busca un vídeo o audio que vayas a publicar, o sube uno propio al portal.
• Fijate en las ventanas amarillas que tiene a la derecha: Share y email

• Después debes pinchar WordPress.com en la otra ventana amarilla:

• Pincha en go! y te dará el código para pegar en tu blog de WordPress.com:

Al escribir ese código tendremos el reproductor que permite ver el vídeo elegido:

Este vídeo lo realicé el año pasado a partir de unas fotos que me llegaron por correo. Está editado con el programa Magix Vídeo.

Desde hace muy poco contamos con la posibilidad de publicar vídeo de algún portal más, como indicaba en el anterior artículo, Más vídeo para publicar. Uno de esos nuevos portales es Dailymotion, está en castellano y tiene un reproductor en tres tamaños: pequeño (200×150px), mediano (400×300px) y grande (640×480px). El tamaño más indicado para un blog es el mediano. Aunque en WordPress.com no podemos elegir el tamaño del reproductor, nos sirve para otros blogs que nos permiten pegar el código.

Vamos a publicar un vídeo del portal Dailymotion.

Para publicar vamos a seguir estos pasos:

• Mirad varios vídeos y elegid uno que os guste.

• Cuando se reproducen los vídeos tienen debajo dos ventanas:
  • una que dice Permaenlace, que tiene la URL del vídeo
    y otra con Player embebible.

• Debemos fijarnos en el código que aparece en la ventana Lector exportable, en el que aparece una id que necesitamos para publicar el vídeo.

• Copiad el vídeo y lo pegáis en el bloc de notas o en un procesador de textos. Yo he seleccionado un vídeo con el siguiente código: <div><object width=”425″ height=”335″><param name=”movie” value=”http://www.dailymotion.com/swf/7B9pQvTqftIcVcOJ4“></param><param name=”allowfullscreen” value=”true”></param><embed src=”http://www.dailymotion.com/swf/7B9pQvTqftIcVcOJ4″ mce_src=”http://www.dailymotion.com/swf/7B9pQvTqftIcVcOJ4″ type=”application/x-shockwave-flash” width=”425″ height=”335″ allowfullscreen=”true”></embed></object><br /><b><a href=”http://www.dailymotion.com/video/x1th76_skate-beat” mce_href=”http://www.dailymotion.com/video/x1th76_skate-beat”>SKATE BEAT</a></b><br /><i>Uploaded by <a href=”http://www.dailymotion.com/bloodyfrenchfred” mce_href=”http://www.dailymotion.com/bloodyfrenchfred”>bloodyfrenchfred</a></i></div>

• La id que queremos esta en la secuencia que está en negrita, azul y verde.

• Copiamos el número que está en verde y escribimos este código:
  • ["dailymotion id=7B9pQvTqftIcVcOJ4"] (¡ojo! sin las comillas)

• Cuidado que al pegar el número no tengáis algún trozo de código de formato. Lo podréis ver si pincháis en la solapa código, del editor de texto. Borrad lo que sobre para que sólo se vea lo indicado anteriormente.

Este es el resultado:

ACTUALIZACIÓN 8-1-2008

Podemos conseguir lo mismo desde la URL del vídeo.

• Este vídeo anterior tiene la siguiente URL: http://www.dailymotion.com/video/x1th76_skate-beat
• Poniendo como id los números que aparecen en rojo conseguimos publicar este vídeo. ["dailymotion id =x1th76"]
• Sin las comillas nos queda así: