Integrar vídeo externo en Wordpress

En Wordpress se pueden utilizar dos sistemas distintos y complementarios para incorporar vídeos externos a las entradas de un blog.

  • Etiqueta shotcode. WP contempla la posibilidad de incorporar un vídeo utilizando una etiqueta específica de cada servicio. Ejemplo: [youtube http:// …].
  • VodPod Vídeos. Se trata de un servicio que funciona de intermediario entre el sitio donde está alojado el vídeo y Wordpress.com. En VodPod se crear una entrada apuntando al vídeo para luego copiar y pegar en una entrada del blog el código proporcionado por VopPod. Este sistema se utiliza cuando Wordpress no tiene contemplada un etiqueta shortcode para el sitio donde se proporciona el vídeo.  Recuerda que Wordpress limpia las etiquetas que copies y pegues en el código HTML de una entrada o widget.

Utilizar etiquetas shortcode

En principio Wordpress contempla la incorporación de vídeos mediante una etiqueta shortcode específica de los siguientes servicios de vídeo:

  • Blip.tv
  • DailyMotion
  • Flickr Video
  • Viddler
  • Videolog
  • Vimeo
  • Youtube
Blip
  • Utiliza el buscador para localizar el vídeo que te interesa. Otra opción es crear una cuenta y subir tu propio vídeo. Sitúate en el vídeo para su visualización.
Situate en el vídeo para su visualización
  • En la esquina inferior izquierda del reproductor haz clic en el enlace Share (Compartir).
  • En el panel Share this episode (Compartir este episodio) clic derecho en la dirección Link to this episode (Enlazar a este episodio) y elige Copiar.
Copia el enlace al episodio
  • Utilizando la URL obtenida para elaborar la etiqueta:

[blip.tv http://blip.tv/spookhousedave/spook-house-dave-school-dance-5121359]

  • Selecciona esta etiqueta, haz clic derecho y elige Copiar.
  • Sobre el editor de una entrada en Wordpress haz clic derecho y selecciona Pegar.
Pega el código anterior
  • Clic en el botón Publicar.
Publicar
IDevice Icon

You should know

También funciona si pegamos directamente la URL proporcionada por Blip.TV en la entrada del blog.


Dailymotion

  • Busca el vídeo que deseas insertar en un articulo de tu blog Wordpress. Fíjate en la URL o dirección de esa página del tipo:

http://www.dailymotion.com/video/xcfw1n_el-viento-de-marte-medido-gracias-a_tech

  • En esta dirección aparece el identificador ID de este vídeo en DailyMotion. En este ejemplo el identificador es: xcfw1n.
  • En el código HTML de la entrada de tu blog en Wordpress introduce la siguiente etiqueta:

[dailymotion id=xcfw1n]

Introduce la etiqueta

  • Clic en el botón Publicar.

Publicar

 

Flickr

  • Copia el identificador ID del vídeo que figura en la última parte de su URL:

Ejemplo: http://www.flickr.com/photos/pinksherbet/3126887060

  • En el artículo de Wordpress pega la etiqueta:

[flickr video=http://www.flickr.com/photos/pinksherbet/3126887060]

o bien

[flickr video=3126887060]

  • Para que no se muestre la información inicial al principio del vídeo:

[flickr video=3126887060 show_info=no]

  • Para definir la altura y anchura en píxeles del reproductor:

[flickr video=3126887060 w=200 h=150]

 

Viddler

  • Haz clic en el botón Embed (Insertar).
  • En la pestaña Link & Embed despliega el combo Embed video y selecciona Wordpress.
  • Clic en el botón Copy.
  • Pega en el código HTML del artículo de Wordpress la etiqueta copiada. Cambia por el signo “igual” “=” los signos “guión” “-“ que aparecen después de los parámetros id, w y h.
  • La etiqueta resultante será similar a ésta:

[viddler id=d18ea7b2&w=545&h=409]

 

Videolog

Ejemplo: http://www.videolog.tv/video.php?id=615676

  • Haz clic en el botón Wordpress que aparece en la esquina inferior derecha del reproductor.
  • Selecciona el código y haz clic derecho para Copiar.
  • Pega la etiqueta copiada en el artículo de Wordpress.
  • La etiqueta contendrá el ID del vídeo que aparece en la URL de su reproducción:

[videolog 615676]

 

Vimeo

Ejemplo: http://vimeo.com/37235900
  • Copia el identificador del vídeo situado al final de su URL.
  • Añade a la entrada de tu blog en Wordpress la siguiente etiqueta:

[vimeo http://vimeo.com/37235900]

O bien

[vimeo 37235900]

La anchura y altura por defecto del reproductor insertado es 400x300 píxeles. Sin embargo en la etiqueta se pueden especificar otras dimensiones:

[vimeo http://vimeo.com/240975 w=500&h=400]

Utilizar el servicio VodPod

Cuando no disponemos de etiqueta shortcode que nos permita insertar un vídeo en una entrada de nuestro blog en Wordpress, como ya hemos visto en un apartado anterior, es el momento de utilizar el servicio VodPod como intermediario. Es el caso, por ejemplo, de un vídeo alojado en Metacafe.

Metacafe

  • Utiliza el buscador para localizar el vídeo que te interesa. Sitúate en su página para visionarlo.
  • Clic en el botón Embed situado en la esquina inferior derecha del reproductor.

Click en embed

  • Define el tamaño del reproductor Player Size y el comportamiento del reproductor al inicio (reproducción automática) Player Behaviour.

Define tamaño y comportamiento

  • Clic derecho en la casilla Embed Code y elige Seleccionar todo y luego haz clic derecho y elige Copiar.
  • Accede a la web de VodPod (http://vodpod.com/). Clic en Login para introducir tus credenciales (usuario y contraseña) y pulsa el botón Login. Si no dispones de ellas regístrate para conseguirlas.
  • Clic en el botón Add video (Añadir vídeo).
  • En el cuadro Add a Video (Añadir un vídeo) haz clic derecho sobre el cuadro del código y elige la opción Pegar.

Pega el código del vídeo

  • Clic en el botón Continue (Continuar).
  • Clic en el botón Yes, This is the video (Sí, éste es el vídeo).
  • Introduce el Title (Título) , Tags (etiquetas), Comments (Comentarios) y selecciona la colección. Clic en el botón Save (Guardar).

Título, etiquetas, comentarios y guardar

  • A continuación haz clic en Home > Your videos (X) (Inicio > Tus Vídeos (X)).
  • En la entrada correspondiente al vídeo de Metacafe despliega el combo Share (Compartir) y selecciona la opción Blog.

Compartir blog

  • En el cuadro Post to your blog se puede introducir la URL de tu blog así como las credenciales de usuario en Wordpress para luego definir un título y texto de la entrada que contendrá el vídeo. 
  • Para terminar haz clic en el botón Publish. Sin embargo se propone pulsar en el enlace Wordpress shortcode para mostrarlo, seleccionarlo, clic derecho y elegir Copiar.

Copia el shortcode

Ejemplo:[vodpod id=Video.16013480&w=425&h=350&fv=playerVars%3DautoPlay%3Dno]