Объем видео HTML5

Question

Я сейчас работаю над видеоплеером 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;
    }
});

Answer 1

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

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

Answer 2

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

Answer 3

Как сказал @dobrin, свойство volume доступно только для IOS для видео.

Однако вы можете использовать свойство muted, это позволит вам отключить или включить звук видео, в большинстве случаев это ответит на проблему.

Таким образом, вы не можете установить конкретную громкость от 0 до 1, но вы можете установить громкость на 0 или 1, тогда Apple предполагает, что вы будете использовать физические кнопки для настройки громкости.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/muted

Answer 4

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

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