モバイルで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