Archivo por días: 10 julio, 2014

Parámetros que podemos pasar al iframe de Youtube

Dentro de lo poco que nos permite personalizar youtube cuando insertamos un vídeo que no es nuestro está el pasarle parámetros por la url del src del frame en el que se inserta el vídeo.

Cuando insertamos el vídeo en una página el código es parecido al siguiente:


<iframe width="420" height="315" src="//www.youtube.com/embed/t3MHLYD6--g" frameborder="0" allowfullscreen></iframe>

Bien, pues podemos pasarle parámetros después de la url origen de esta manera:


<iframe width="420" height="315" src="//www.youtube.com/embed/t3MHLYD6--g?rel=0&showinfo=0&controls=0&modestbranding=1" frameborder="0" allowfullscreen></iframe>

Si nos fijamos en el ejemplo anterior podemos ver los siguientes parámetros:

  • rel, indica si queremos que al finalizar el vídeo se muestren sugerencias de vídeos relacionados.
  • showinfo, este parámetro sirve para mostrar la información del vídeo en la parte superior.
  • controls, si queremos ocultar o mostrar los controles del vídeo.
  • modestbranding, borra el logo de «Youtube» de la barra de controles del vídeo.

Cada uno de estos parámetros pueden tomar el valor 0 o 1 (falso o verdadero).

Los parámetros que podemos pasar al iframe de Youtube son más bien escasos lo que hace de una personalización bastante complicada. Si se necesita llegar más lejos seguramente necesites utilizar jquery y el api de youtube.