iPhoneでJavaScriptからaudioの音量を変更できない

iPhoneでaudioの音量を変更しようとしてうまくいっていなかったのでメモしておきます。

サンプルコード

HTML

<div>現在: <span id="result"></span></div>
<button id="down">down</button>
<button id="up">up</button>

JavaScript

var result = document.getElementById('result');

var audio = new Audio(); // audioの作成
audio.src = 'sound.mp3'; // 音声ファイルの指定
audio.volume = 0.5; // 音量の変更
audio.load(); // audioの読み込み

result.innerHTML = audio.volume;

// 音量の変更
document.getElementById('down').addEventListener('click', function() {
	if(audio.volume >= 0.1) {
		audio.volume = audio.volume - 0.1;
		result.innerHTML = audio.volume;
	}
}, false);
document.getElementById('up').addEventListener('click', function() {
	if(audio.volume <= 0.9) {
		audio.volume = audio.volume + 0.1;
		result.innerHTML = audio.volume;
	}
}, false);

audioの音量変更のデモページ
Androidではvolumeの変更ができましたが、iPhoneではvolumeが1から変更できないようです。