alasomlira · December 9, 2019 18:17
diff --git a/html5-audio-player-only-play-button.markdown b/html5-audio-player-only-play-button.markdown
diff --git a/index.html b/index.html
 <a id="play-pause-button" class="fa fa-play"></a>
diff --git a/script.js b/script.js
 var audio = new Audio("http://www.stephaniequinn.com/Music/Allegro%20from%20Duet%20in%20C%20Major.mp3");

 $('#play-pause-button').on("click",function(){
  if($(this).hasClass('fa-play'))
   {
     $(this).removeClass('fa-play');
     $(this).addClass('fa-pause');
     audio.play();
   }
  else
   {
     $(this).removeClass('fa-pause');
     $(this).addClass('fa-play');
     audio.pause();
   }
 });

 audio.onended = function() {
     $("#play-pause-button").removeClass('fa-pause');
     $("#play-pause-button").addClass('fa-play');
 };
diff --git a/scripts b/scripts
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
diff --git a/style.css b/style.css
 #play-pause-button{
  font-size: 50px;
  cursor: pointer;
 }
diff --git a/styles b/styles
 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
	var audio = new Audio("http://www.stephaniequinn.com/Music/Allegro%20from%20Duet%20in%20C%20Major.mp3");

	$('#play-pause-button').on("click",function(){
	if($(this).hasClass('fa-play'))
	{
	$(this).removeClass('fa-play');
	$(this).addClass('fa-pause');
	audio.play();
	}
	else
	{
	$(this).removeClass('fa-pause');
	$(this).addClass('fa-play');
	audio.pause();
	}
	});

	audio.onended = function() {
	$("#play-pause-button").removeClass('fa-pause');
	$("#play-pause-button").addClass('fa-play');
	};
No results found