Функция диапазона HTML5 на мобильных устройствах

У меня возникли проблемы с тестированием веб-сайта на мобильном устройстве iOS (как сафари, так и хром).Функция диапазона HTML5 на мобильных устройствах

У меня есть звук HTML5, кнопка воспроизведения и вход диапазона для громкости. Скрипт отлично работает на рабочем столе (все браузеры), однако на моем iPad/iPhone я могу перемещать ручку слайдера, но громкость не меняется. Что бы это могло быть? Я искал все для ответа.

HTML:

<a href="javascript:void(0);" onclick="play();">PLAY</a> 
<input id="volumeslider" type="range" min="0" max="100" value="100" step="1">

JS:

var mySound = new Audio(); 
var src1 = document.createElement("source"); 
src1.src = "mysound-file.mp3"; 
mySound.appendChild(src1); 

function play() { mySound.play(); } 

document.getElementById("volumeslider").addEventListener("input", function() { 
    changeVolume(); 
}, false); 

function changeVolume() { 
    mySound.volume = volumeslider.value/100; 
}

Я испытал это точный код (для аудио URL файла, кроме) и снова, он работает на рабочем столе, а не на мобильный. Есть идеи?

источник

2016-06-23 Caio Frison