Как зделать кнопку play/pause на js?

Question

[Александр Иванов]

$(document).ready(function(e) {
	$("#pp").click(function(e) {
		if($pp.attr('paused') == false){
			$("#player").play();
		}
		else{
			$("#player").pause();
		}        
    });
});

<audio controls id="player">
    <source src="audio/music.mp3" type="audio/mpeg">
    <source src="audio/music.ogg" type="audio/mpeg">
  </audio>
    <a onclick="document.getElementById('player').play()" id="play"><img src="images/Sound.png" style="width:50px; height:50px;"></a>
    <a onclick="document.getElementById('player').pause()" id="pause"><img src="images/Sound-no.png" style="width:50px; height:50px;"></a>
    <a onclick="document.getElementById('player').pause()" id="pp">PP</a>

Где я ошибся?

Answer 1

[Александр Иванов]

$(document).ready(function(e) {
$("#play").click(function(e) {
$("#play").css("display","none");
$("#pause").css("display","block");
});
$("#pause").click(function(e) {
$("#play").css("display","block");
$("#pause").css("display","none");
});
});

Comments

[Александр Иванов]

разобрался сам

Answer 2

[Сергей Мельников]

$(function(e) {
  $("#pp").on("click", function(e) {
    var audio  = $("#player")[0]
    if ($(this).data("paused")) {
      audio.play()
    } else {
      $(this).data("paused", "paused")
      audio.pause()
    }        
  });
});