Funcion Reiniciar reproduccion - Video Ended

[Alexis88]

No entiendo por qué usas un <div> cuando deberías usar un elemento <video> para visualizar los vídeos. Por otro lado, no estás usando bien el método Ajax, no puedes declarar una variable así de buenas a primeras, recuerda que dentro de dicho método, hay un objeto literal, de manera que lo que haces está mal.

Acomodando un poco el código, debería funcionar así:

Código Javascript:

(function(){
    $.ajax({
        url: "funcion_array.php",
        dataType: "JSON"
    }).done(function(respuesta){
        var reproductor = document.getElementById("reproductor"),
            videos = respuesta;
         
        reproductor.src = videos[0];
        reproductor.play();
                                 
        reproductor.addEventListener("ended", function(){
             var nombreActual = this.src.substr(this.src.lastIndexOf("/") + 1);
                  actual = videos.indexOf(decodeURIComponent(nombreActual));
                                 
             if (actual == videos.length - 1)
                  window.location = "videos.html";
             else{
                  this.src = videos[++actual]; //Asigno al siguiente vídeo
                  this.play(); //Lo reproduzco
             }
        }, false);
     });
})();
 

Recuerda tener un elemento <video> con id reproductor en el documento. Asegúrate de que la respuesta que envíes desde funcion_array.php tenga esta forma:

Código PHP:

echo json_encode($lista_videos);
 

En donde $lista_videos es un array que contiene los nombres de los vídeos que deseas reproducir. Asegúrate también de que cada vídeo de la lista tiene la ruta correcta para que puedan ubicarse y reproducirse correctamente.

Saludos