Объем видео в HTML5

В настоящее время я работаю над видеопроигрывателем HTML5, у меня он работает полностью везде, кроме iPad. В принципе, я могу контролировать все, кроме звука, у меня есть кнопка mute, она отлично работает на Google Chrome, Firefox 3.6 и Safari в Mac OS, но на iPad, независимо от того, какое значение я ставлю в video.volume, там не происходит никаких изменений.

Кто-нибудь заработал правильно?

Вот мой HTML-код:

<video src="video_url" width="608" height="476" autobuffer="autobuffer" id="html5-player" preload>
   Your browser doesn't support HTML5.
</video

И вот Javascript:

var muted = false;
$j('.player-mute').click(function(){
    if(muted) {
        videoPlayer.volume = 1;
        muted = false;
    } else {
        videoPlayer.volume = 0;
        muted = true;
    }
});

Ответ 1

Есть некоторые проблемы с HTML5-видео на iOS: http://blog.millermedeiros.com/2011/04/unsolved-html5-video-issues-on-ios/

Ответ 2

Свойство volume на устройствах iOS доступно только для чтения в соответствии с Документация Apple:

На устройствах iOS уровень звука всегда находится под физическим контролем пользователей. Свойство volume не настраивается в JavaScript. Чтение свойства volume всегда возвращает 1.

Ответ 3

Если вы читаете документацию iPad html5, в ней говорится, что только пользователь устройства может запускать видео и изменять громкость.

Ответ 4

var muted = false;
$j('.player-mute').click(function(){
if(muted) {
    videoPlayer.volume(1);
    muted = false;
} else {
    videoPlayer.volume(0);
    muted = true;
}
});

использовать как функцию