Hintergrundmusik pausieren

[gandalf]

Guten Abend,

auf meiner Seite läuft im Hintergrund eine mp3. Was ich seit drei Stunden versuche bzw. möchte: Die Hintergrundmusik soll pausieren, wenn man mit dem Mausrad bis zu einem bestimmten <section> gescrollt hat; dann aber wieder abspielen lassen, wenn man mit dem Mausrad weiter oder wieder zurück scrollt.

Mein (bis jetzt gescheiterte) Code sieht so aus:

<audio id="audioplayer" autoplay="true" loop="true" preload="none"><source src="mp3/music.mp3"></audio>

<section id="section4">
bla bla bla...
</section>

<script>
$('#section4').on('scroll', function(){$('#audioplayer')[0].pause();});
</script>

Leider blicke ich gerade nicht durch und würde mich über Hilfen sehr freuen.

Einen schönen Abend und viele Grüße gandalf