Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/12/2013, 12:23
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Reproductor de video HTML5 con playlist

Cambié un poco la forma en la que se detecta el fin de la reproducción del vídeo, añadiéndole al reproductor, un evento escuchador, que en este caso, es el evento ended, para que cuando ocurra, se ejecute una función con determinadas instrucciones.

Código Javascript:
Ver original
  1. window.onload = function playlist(){
  2.         var reproductor = document.getElementById("reproductor"),
  3.         videos = ["video1", "video2", "video3"],
  4.     info = document.getElementById("info");
  5.  
  6.     info.innerHTML = "Vídeo: " + videos[0];
  7.     reproductor.src = videos[0] + ".mp4";
  8.     reproductor.play();
  9.  
  10.     reproductor.addEventListener("ended", function() {
  11.         var nombreActual = info.innerHTML.split(": ")[1];
  12.         var actual = videos.indexOf(nombreActual);
  13.         this.src = (actual == videos.length - 1 ? videos[0] : videos[actual + 1]) + ".mp4";
  14.         info.innerHTML = "Vídeo: " + videos[actual + 1];
  15.         this.play();
  16.     }, false);
  17. }
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 23/12/2013 a las 15:04