На моем сайте есть элемент iframe, который воспроизводит музыку (в данном случае я не могу использовать аудиоэлемент), и я хотел бы иметь возможность изменять громкость с помощью ползунка.
У меня естьпробовал следующее:
HTML:
<iframe src="bg.mp3" allow="autoplay" style="display:none" id="iframeAudio"></iframe>
<input id="vol-control" type="range" min="0" max="100" step="1" oninput="SetVolume(this.value)" onchange="SetVolume(this.value)" />
Javascript:
var iframe = document.getElementById('iframeAudio');
iframe.setVolume(val / 100);
Однако в консоли появляется следующая ошибка:
Uncaught TypeError: iframe.setVolume is not a function
Как я могу это сделать?