Insertar videos de YouTube con sencillez

YouTube Embed Magic Tool puede ser útil para quienes quieren evitarse el trabajo de escribir el código necesario cuando se quiere incrustar un video de YouTube haciendo uso de todas las opciones disponibles.

Entramos, colocamos la URL de tipo:

http://www.youtube.com/watch?v=XXXXXXXXXX

seleccionamos ancho y alto y OK, nos dará el código a insertar donde ya estará incluido el uso de HD (alta definición).

Yo diría que es innecesario y que el código generado sigue siendo no válido ya que se insiste en el uso de la etiqueta EMBED pero, algo es algo.

Mucho más sencillo es tener el código en algún borrador y copiarlo cada vez que queremos usarlo:

<div style="text-align:center;"><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXX&hl=es&fs=1&rel=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXX&hl=es&fs=1&rel=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0" /></object></div>

¿Demasiado trabajo? ¿Queremos simplificar las cosas aún más? Usemos JavaScript y creemos una función que inserte los videos de YouTube de manera más automática. Este es el código de un ejemplo simplificado que insertamos antes de </head>:

<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&ap=%2526fmt%3D18&showsearch=0&showinfo=0\">";
output += "<param name=\"movie\" value=\"http://www.youtube.com/v/" + IDyoutube + "&hl=es&fs=1&rel=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>

¿Y para qué serviría? Bastaría insertar esto en un post:

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

cambiando las XXXXXXXXXXX por el ID del video.

Por ejemplo si quisiéramos insertar este video:

http://www.youtube.com/watch?v=lhqr-P2O0XI

escribiríamos esto:

<script>insertar_YouTube("lhqr-P2O0XI");</script>