fix videoplaylist.js

This commit is contained in:
Jesús 2019-11-26 12:18:41 -05:00
parent b9e11f7b6f
commit 4fda3e5b49
No known key found for this signature in database
GPG Key ID: F6EE7BC59A315766

View File

@ -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();