Salve, cercavo di creare un audio player tramite JPlayer, seguento questa guida.
Purtroppo non riesco a capire l'errore, che intuitivamente penso sia relativo all'istanza del costruttore.
codice:
<!DOCTYPE html>
<html lang="it">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
var mediaPlayer = jQuery("#mediaContainer");
mediaPlayer.jPlayer({
swfPath: "http://www.jplayer.org/2.1.0/js",
solution: "flash, html",
supplied : "mp3",
cssSelector: {
play: "#playButton",
pause: "#pauseButton",
stop: "#stopButton"
},
ready: function() {jQuery(this).jPlayer("setMedia", {
mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3"
});}
});
$("#playButton").click(function() {
$("#mediaContainer").jPlayer("play");
});
$("#pauseButton").click(function() {
$("#mediaContainer").jPlayer("pause");
});
$("#stopButton").click(function() {
$("#mediaContainer").jPlayer("stop");
});
});
</script>
<body>
<div id="mediaPlayer">
<div id="mediaContainer"></div>
<div id="playButton">Play</div>
<div id="pauseButton">Pause</div>
<div id="stopButton">Stop</div>
</div>
</body>
</html>
Vi ringrazio anticipatamente.