3, 2, 1 ... GALERÍA DE VIDEOS PROPIA PARA WEB MEDIANTE YOUTUBE

¡Hola a tod@s (Hello World!)!
En este artículo vamos a implementar una galería de videos propios con videos YouTube.Sencillamente copiando y pegando el código adjunto en tu página web/blog e introduciendo los "option" deseados... ¡Ya lo tenemos!
¡Comenzamos!
<!-- by José Joaquín Sánchez Fernández -->
<script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='420' height='315' frameborder='0'";
var url = "http://www.youtube.com/embed/" + idYouTube;
contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";
}
}
</script>
<div style="margin:20px 0px;">
<select id="sVideos" onchange="MostrarVideo(this.value);">
<option value="" selected="selected">[Seleccione video...]</option>
<option value="cCIjFiJXSTo">Capitulo 01 - Introducción</option>
<option value="Y-KQ8B_Ad_o">Capitulo 02 - Posibles desviaciones</option>
</select>
</div>
<div id="divInnerVideo"></div>
Se deja al desarrollador web como ejercicio entender y practicar sobre el código mostrado.
La Salida generada esla siguiente:
Good Playground!! d;-)!
Un ejemplo:
ResponderEliminarhttp://jsfiddle.net/ap2CL/embedded/result,html/