diff --git a/content/vendor/aplaylist/videoplaylist.js b/content/vendor/aplaylist/videoplaylist.js index 867b981..0805a3f 100644 --- a/content/vendor/aplaylist/videoplaylist.js +++ b/content/vendor/aplaylist/videoplaylist.js @@ -1,32 +1,30 @@ -init(); - function init(){ - var video = document.getElementById('videoplaylist'); - var playlist = document.getElementById('playlist'); - var tracks = playlist.getElementsByTagName('a'); + let video = document.getElementById('videoplaylist'); + let playlist = document.getElementById('playlist'); + let tracks = playlist.getElementsByTagName('a'); video.volume = 0.50; //Cuenta los tracks - for(var track in tracks) { - var link = tracks[track]; - if(typeof link === "function" || typeof link === "number") continue; + for(let track in tracks) { + let link = tracks[track]; + if(typeof link === "function" || typeof link === "number"){continue;} link.addEventListener('click', function(e) { e.preventDefault(); - var song = this.getAttribute('href'); + let song = this.getAttribute('href'); run(song, video, this); }); } //Agregamos evento para reproducir el siguiente items video.addEventListener('ended',function(e) { - for(var track in tracks) { - var link = tracks[track]; - var nextTrack = parseInt(track) + 1; - if(typeof link === "function" || typeof link === "number") continue; - if(!this.src) this.src = tracks[0]; - if(track == (tracks.length - 1)) nextTrack = 0; + for(let track in tracks) { + let link = tracks[track]; + let nextTrack = parseInt(track) + 1; + if(typeof link === "function" || typeof link === "number"){continue;} + if(!this.src){this.src = tracks[0];} + if(track == (tracks.length - 1)){nextTrack = 0;} console.log(nextTrack); if(link.getAttribute('href') === this.src) { - var nextLink = tracks[nextTrack]; + let nextLink = tracks[nextTrack]; run(nextLink.getAttribute('href'), video, nextLink); break; } @@ -35,19 +33,20 @@ function init(){ } function run(song, video, link){ - var parent = link.parentElement; + let parent = link.parentElement; //Quita el active de todos los elementos de la lista - var items = parent.parentElement.getElementsByTagName('li'); - for(var item in items) { - if(items[item].classList) + let items = parent.parentElement.getElementsByTagName('li'); + for(let item in items) { + if (items[item].classList) { items[item].classList.remove("is-active-play"); + } } - //Agrega active a este elemento parent.classList.add("is-active-play"); - //Inicia la reproducción video.src = song; video.load(); video.play(); } + +init();