Videos de YouTube en post

   Existen muchas formas de tener un video en nuestras entradas, incluso el mismo blogger nos ofrece la opción de video, justo al lado de la opción "subir una imagen". También existen miles de herramientas y sitios web que nos facilitan el código HTML que debemos colocar en el post para mostrar un video de YouTube.

   Pero no es lo más práctico y cómodo el estar copiando, pegando y modificando el código cada vez que queramos mostrar un video, así que encontré un script en vagabundia que facilita mucho las cosas, para ello copiamos el siguiente código en la plantilla.

<script type='text/javascript'>
//<![CDATA[
function insertar_YouTube(IDyoutube) {
var output = "<div style="text-align:center;">";
output += "<object width="425" height="350" id="movie" type="application/x-shockwave-flash" data="http://www.youtube.com/v/" + IDyoutube + "&hl=es&fs=1&rel=0&autoplay=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0">";
output += "<param name="movie" value="http://www.youtube.com/v/" + IDyoutube + "&hl=es&fs=1&rel=0&autoplay=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0" />";
output += "<param name="wmode" value="transparent" />";
output += "<param name="allowfullscreen" value="true" />";
output += "</object>";
output += "</div>";
document.write (output);
}
//]]>
</script>

   Recordemos que podemos colocar el código en cualquier parte de la plantilla, bien sea entre body y /body, o entre head y /head. Luego de esto lo que hacemos es colocar lo siguiente en nuestra entrada.

<script>insertar_YouTube("XXXXXXXXXXX");</script>

   En donde "XXXXXXXXXX" es la ID de video. ¿Como saber el ID del video?, simple, nos fijamos en lo que esta después del signo de igualdad y esa es la ID.

   Por ejemplo, en esta dirección "http://www.youtube.com/watch?v=2aEvdb0FG-0" la ID es "2aEvdb0FG-0" y el resultado es este...

Recibe notificaciones por correo