Ton stumm schalten Ton mit jQuery auf Bildlauf

Question

Ich möchte ein Audio beim Scrollen stummschalten und die Stummschaltung, wenn der Bildlauf oben auf der Seite ist. Ich habe hier viele Möglichkeiten ausprobiert, aber nichts funktioniert.

http://codepen.io/chrisgaillard/pen/JbWxWJ

$(window).scroll(function() { 
    if ($(this).scrollTop() >1){ 
     $('audio').setAttribute('muted'); 
    } else { 
     $('audio').setAttribute('unmuted'); 
    } 
}); 

Danke

Answer 1

Sie müssen die volume Eigenschaft verwendet wird, nicht gesetzt das muted Attribut. Versuchen Sie folgendes:

$(window).scroll(function() { 
    $('audio').prop('volume', $(this).scrollTop() > 1 ? 0 : 1); 
}); 

Updated Codepen