Отключение аудиоэлемента HTML5 с помощью пользовательской кнопки

Как лучше всего отключить аудиоэлемент HTML5? Мне не нужны настраиваемые элементы управления браузера, поэтому вместо этого я смотрю на javascript. К сожалению, у меня это просто не работает :( Я, несомненно, делаю что-то очень неправильно.

    <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>

Все еще обдумываю это. Спасибо!


javascript html html5-audio
person Chuck Le Butt    schedule 22.06.2011    source источник
comment
возможный дубликат Как отключить видеоплеер html5   -  person Naftali aka Neal    schedule 22.06.2011
comment
Возможный дубликат Как отключить видеоплеер html5   -  person m7913d    schedule 25.05.2017
comment
Это не дубликат. Другой вопрос касается jQuery. Это про JS.   -  person Chuck Le Butt    schedule 26.11.2020

Ответы (1)


arrow_upward
58
arrow_downward

Это должно работать:

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

Демонстрация: http://jsfiddle.net/mattball/sVwXH/ (без jQuery)

person Matt Ball    schedule 22.06.2011
comment
Вы также можете добавить muted=true к своему звуковому элементу в простом js и muted={true} для React :) Хотя это не для пользовательской кнопки - кому-то это будет полезно. - person zero_cool; 08.07.2017