fix videoplaylist.js
This commit is contained in:
parent
b9e11f7b6f
commit
4fda3e5b49
43
content/vendor/aplaylist/videoplaylist.js
vendored
43
content/vendor/aplaylist/videoplaylist.js
vendored
@ -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();
|
||||
|
Loading…
x
Reference in New Issue
Block a user