besoin d'aide sur player html5 et jquery

[Pascal]

bonjour à tous

voila pour le site de ma radio j'ai utilisé ce modele de playeur mp3 a la base

http://designmodo.com/audio-player/" onclick="window.open(this.href);return false;

de ça


j'ai a present ceci



donc par defaut le bouton play fait aussi pause
mais sur un flux de radio ca va pas , car il faudrait un stop et non un pause , car le navigateur continue le flux audio la ou on a fait pause et forcement ca va pas
ou alors quand on fait PLAY je voudrais recharche le flux complet comme une "premier" clique sur PLAY

le fichier .js est dispo ici
https://mega.co.nz/#!2pIB3ICB!xyQjZon0A ... yKANPbUjqI" onclick="window.open(this.href);return false;

ou visible en direct ici
http://radioenjoy80.com/js/mediaelement ... yer.min.js" onclick="window.open(this.href);return false;

je trouve pas comment modifier ce foutu code pour remplacer le bouton "playpause" du code en "playstop" ou autre

voici le code de mon site pour l'afficher

Code : Tout sélectionner

 <!-- Audio Player CSS & Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="css/style_playeur.css" media="screen">
<!-- end Audio Player CSS & Scripts -->
<!-- Audio Player HTML -->
	<div class="audio-player">
		<playh1>Playeur Enjoy 80's</playh1>
	  <audio id="audio-player" src="http://radio.radioenjoy80.com" type="audio/mp3" controls></audio>
	</div>

	<script>
	
		$(document).ready(function() {
			$('#audio-player').mediaelementplayer({
				alwaysShowControls: true,
				features: ['playpause','volume'],
				audioVolume: 'horizontal',
				audioWidth: 300,
				audioHeight: 75
			});

		});
	</script>
	<!-- end Audio Player HTML -->

si une personne pouvait m'aider a le modifier je serais au ange car ca fait 1 mois que je bute dessus et ca commence a me sévère

cdt Pascal

[Pascal]

pour moi c'est dans cette partie

Code : Tout sélectionner

(function(f){f.extend(mejs.MepDefaults,{playpauseText:"Play/Pause"});
f.extend(MediaElementPlayer.prototype,{buildplaypause:function(a,c,b,d){
	var e=f('<div class="mejs-button mejs-playpause-button mejs-play" ><button type="button" aria-controls="'+this.id+'" title="'+this.options.playpauseText+'"></button></div>').appendTo(c).click(function(g){g.preventDefault();
	d.paused?d.play():d.pause();return false});d.addEventListener("play",function(){e.removeClass("mejs-play").addClass("mejs-pause")},false);
	d.addEventListener("playing",function(){e.removeClass("mejs-play").addClass("mejs-pause")},false);
	d.addEventListener("pause",function(){e.removeClass("mejs-pause").addClass("mejs-play")},false);
	d.addEventListener("paused",function(){e.removeClass("mejs-pause").addClass("mejs-play")},false)}})})(mejs.$);

	(function(f){f.extend(mejs.MepDefaults,{stopText:"Stop"});
f.extend(MediaElementPlayer.prototype,{buildstop:function(a,c,b,d){
f('<div class="mejs-button mejs-stop-button mejs-stop"><button type="button" aria-controls="'+this.id+'" title="'+this.options.stopText+"></button></div>").appendTo(c).click(function(){d.paused||d.pause();
if(d.currentTime>0){d.setCurrentTime(0);
c.find(".mejs-time-current").width("0px");
c.find(".mejs-time-handle").css("left","0px");
c.find(".mejs-time-float-current").html(mejs.Utility.secondsToTimeCode(0));
c.find(".mejs-currenttime").html(mejs.Utility.secondsToTimeCode(0));
b.find(".mejs-poster").show()}})}})})(mejs.$);

mais que modifier