<!-- Audio Player CSS & Scripts -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="http://designmodo.com/demo/audioplayer/js/mediaelement-and-player.min.js"></script>
	<link rel="stylesheet" href="http://designmodo.com/demo/audioplayer/css/style.css" media="screen">
	<!-- end Audio Player CSS & Scripts -->

<!-- Audio Player HTML -->
	<div class="audio-player">
    <h1>Demo - Preview Song</h1>
    <img class="cover" src="http://designmodo.com/demo/audioplayer/img/cover.png" alt="">
    <audio id="audio-player" src="http://designmodo.com/demo/audioplayer/media/demo.mp3" type="audio/mp3" controls="controls"></audio>
	</div>

	<script>
    $(document).ready(function() {
    	$('#audio-player').mediaelementplayer({
        alwaysShowControls: true,
        features: ['playpause','volume','progress'],
        audioVolume: 'horizontal',
        audioWidth: 400,
        audioHeight: 120
    	});
    });
	</script>
	<!-- end Audio Player HTML -->