|
|
|
| Доброго времени суток!
Я не могу "догнать", почему не переходит событие play() на первый элемент:
var Audios = document.querySelectorAll('audio');
for(var i = 0; i < Audios.length; i++){
Audios[i].addEventListener("ended",function() {
var par = this.closest('div');
this.id='';
var nextPlay = par.nextSibling.nextSibling;
var nextPlayer;
if(nextPlay){
nextPlayer = nextPlay.querySelector('audio');
} else{
nextPlayer = Audios[0];
}
nextPlayer.id='playing';
nextPlayer.play();
}, false);
}
|
То есть
nextPlayer = Audios[0]; // null
|
весь код здесь - http://jsbin.com/qebifa/edit?js,output
Спасибо.
Решено. Ступил.
var Audios = document.querySelectorAll('audio');
for(var i = 0; i < Audios.length; i++){
Audios[i].addEventListener("ended",function() {
var par = this.closest('div');
this.id='';
var nextPlay = par.nextSibling.nextSibling;
var nextPlayer;
if(nextPlay.querySelector('audio')){
nextPlayer = nextPlay.querySelector('audio');
} else{
nextPlayer = Audios[0];
}
nextPlayer.id='playing';
nextPlayer.play();
}, false);
}
|
| |
|
|