Код на HTML:
<div id="playerBox">
<audio id="player" src="audio/music-1.mp3"></audio>
<div class="playerImgBox">
<img class="playerImg" src="img/album-1.jpg" alt="" />
</div>
<div class="playerControls">
<button class="play"></button>
</div>
</div>
код на JS:
document.getElementById("player").onloadedmetadata = function(){
var
$player = this,
$parent = this.parentNode,
$play = $parent.getElementsByClassName("play")[0],
$run = false;
$play.onclick = function(){
if($run){
$player.pause();
$run = false;
} else {
$player.play();
$run = true;
}
}
}
Проверял в браузерах Chrome, Opera, IE 8. Во всех работает, а вот в Mozilla (v.39) нет. Пробовал отладить код. Оказалось, что он не выполняет только событие onclick элемента $play
Почему так?