web-dev-qa-db-fra.com

Désactiver un élément audio HTML5 à l'aide d'un bouton personnalisé

Quelle est la meilleure façon de couper un élément audio HTML5? Je ne veux pas des contrôles personnalisés du navigateur, j'ai donc plutôt regardé le javascript. Malheureusement, cela ne semble pas fonctionner pour moi :( Je fais sans aucun doute quelque chose de très mal.

    <audio id="background_audio" autoplay="autoplay">
      <source src="static/audio/clip.ogg" type="audio/ogg" />
      <source src="static/audio/clip.mp3" type="audio/mpeg" />
    </audio> 

<a href="#" onclick="document._video.muted=true; return false">mute sound</a>

Toujours en tête. Merci!

21
Chuck Le Butt

Cela devrait fonctionner :

document.getElementById('background_audio').muted = true;

Démo: http://jsfiddle.net/mattball/sVwXH/ (pas de jQuery)

55
Matt Ball