Insertar un video de youtube en un post de wordpress sin utilizar plugins

Incrustar un video de youtube en un post de wordpress a simple vista parece una tarea sencilla, pero hay ciertas cosas que hay que tener en cuenta a la hora de hacerlo si no queremos volvernos locos.

Normalmente estamos acostumbrados a editores que ofrecen gran cantidad de botones que permiten incrustar fácilmente imágenes y vídeos,  cambiar tamaños de la fuente, y demás estilos de los post.

¿Pero cómo se hace sin necesidad de utilizar ningún plugin de wordpress?

Para ello, únicamente hay que insertar una única línea y wordpress automáticamente interpretará que se trata de un video y lo incrustará en el post.

A continuación mostraremos una serie de ejemplos con diferentes parámetros que se pueden utilizar para configurar el video.

1.- Incrustar un video con el tamaño por defecto:

Insertar la siguiente línea donde queramos que aparezca el vídeo.

1
http://www.youtube.com/watch?v=tclOtZUoh4I

 

Esta línea debe respetar el siguiente formato:

  • Url de youtube
  • Añadir ‘watch
  • Parámetro ‘v‘ con el código del vídeo a incrustar

 Una vez tenemos la url, hay asegurarse de que no sea un hyperenlace, ya que si es así, lo que wordpress mostrará en el post es el enlace al vídeo de youtube, y no el video como se pretende en el tutorial. Por tanto comprobar que se trata de una línea insertada como texto únicamente.

2.- Incrustar el video especificando las dimensiones

A la sintáxis empleada en el punto anterior, se le añaden dos parámetros nuevos que indican las dimenciones:

Parámetro ‘w‘: ancho en del vídeo (px)

Parámetro ‘h‘: alto del vídeo (px)

Por tanto, si queremos que el video se reproduzca con un tamañao de 580×320 la sintaxis a utilizar es la siguiente:

1
http://www.youtube.com/watch?v=tclOtZUoh4I&w=580&h=320

3.- No mostrar videos sugeridos al terminar la reproducción del video

Cuando termina la reproducción de un video, youtube muestra una serie de videos sugeridos en una tabla. Ésto se puede quitar añadiendo un parámetro nuevo a la url:

  • Parámetro related de youtube, ‘rel‘: mediante este parámetro se configura si se deben mostrar o no los videos sugeridos al final de una reproducción. Si tiene valor ‘1’ (por defecto)  se mostrarán, si tiene valor ‘0’ no.

Por tanto, si no queremos que se muestren videos sugeridos al finalizar el video  utilizaremos la siguiente sintaxis:

1
http://www.youtube.com/watch?v=tclOtZUoh4I&w=580&h=320&rel=0

Una vez que os hemos explicado como se incrustan manualmente los videos, tenemos que deciros que existen plugins que te facilitan la tarea de incrustar los videos. Pero es importante conocer lo que se cuenta en este post antes de decidir si utilizar estos plugins o no.

Siguiendo todos los pasos de este tutorial, el resultado de incustrar el video, indicando las dimensiones, sería el siguiente:

Share Button
Developando Web&Mobile

Sobre 

Developando es una pequeña empresa que se dedica al diseño web y de aplicaciones para móviles.

Vistia nuestra web o nuestro perfil Devel Opando para conocernos mejor.

    Find more about me on:
  • facebook
  • googleplus
  • linkedin
  • twitter
  • youtube

Deja tu comentario

Loading Disqus Comments ...
Loading Facebook Comments ...