Buongiorno a tutti,
sto cercando di incorporare il seguente codice in una APP WEB perfettamente funzionante che già incorpora un collegamento ad jquery ma di versione più recente, di seguito il link:
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>



Quello che invece vedete di seguito è il blocco di codice che vorrei integrare e che mi darebbe una funzionalità di tipo audio con playlist integrata per mp3 che devo esporre sul sito web.

I problemi sono molteplici: incollando il codice così com'è non funziona nulla.
Ma non solo, quando clicca sul tasto PLAY parte il POST BACK dell pagina e non il play dell'mp3. Credo che dipenda dal fatto che JQUERY non sta lavorando come dovrebbe.

Come posso far convivere questo bocco di codice con tutto il resto?

Grazie per i suggerimenti!




<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="../js/main.js"></script>
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<link href="../css/style.css" rel="stylesheet" />


<div id="container">
<div id="audio-image">
<img class="cover">
</div>
<div id="audio-player">
<div id="audio-info"><span class="artist"></span>- <span class="title"></span></div>
<input id="volume" type="range" min="0" max="10" value="4">
<br>
<div id="buttons">
<span>
<button id="prev"></button>
<button id="play"></button>
<button id="pause"></button>
<button id="stop"></button>
<button id="next"></button>
</span>
</div>
<div class="clearfix"></div>
<div id="tracker">
<div id="progress-bar"><span id="progress"></span></div>
<span id="duration">0:00</span>
</div>
<div class="clearfix"></div>
<ul id="playlist" class="hidden">
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
</ul>
</div>
</div>

grazie, così è perfetto!