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;-)!

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

1 comentario: