Etiket: Ses Kontrol

Öncelikle jquery kütüphanemizi script tagı ile yüklüyoruz.

https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

Hemen altına script tagı içerisinde bu kodları yüklüyoruz.

$(document).ready(function(){   
	$("audio").hide(); 
		var v = document.getElementsByTagName("audio")[0]; 
		v.volume = 0.5;//Ses seviyesi %50
		v.play();/*otomatik başlatır*/
	});
	var curPlaying;$(function() {         	
		$(".playback").click(function() { 
			var song = $(this).next('audio')[0];       
			if(song.paused){   	
				$(".playback").text("Durdur");
				song.play();			
				song.volume = 1;           
				if(curPlaying) $("audio", "#"+curPlaying)[0].pause();        
			} 
			else {
			song.pause(); 
				$(".playback").text("Başlat");
			}  
		});
	});

Sayfada istediğiniz yere bu kodları yerleştirin.

<div class="playback">Durdur</div>
<audio controls="">
  <source src="http://thesoundeffect.com/music/mp3/AllMyLife.mp3" type="audio/mpeg">
</audio>