aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--content/vendor/aplaylist/videoplaylist.js43
1 files changed, 21 insertions, 22 deletions
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();