<audio id="player" src="http://xxx"></audio>
<div class="bg">
<div id="control">
<div id="playpause"><img src="http://forum.chip.de/images/play.png" onclick="playpause(this);"></div>
<div id="plus"><button onclick="document.getElementById('player').volume += 0.1"><img src="http://forum.chip.de/images/volplus.png"></button></div>
<div id="min"><button onclick="document.getElementById('player').volume -= 0.1"><img src="http://forum.chip.de/images/volmin.png"></button></div>

<script>
document.getElementById("player").volume=0.3;

function playpause(ob) {
	player.currentTime = 0;
        player.play();
    player = document.getElementById('player');
    if (player.paused) {
        player.play();
        ob.src = 'images/pause.png';
    } else {
        player.pause();
        ob.src = 'images/play.png';
        }
</script>
</div>