HTML5 Video Volume

Question

Hi,

i'm currently working on a HTML5 video player, i got it working fully everywhere, except on the freakin iPad. Basically, i can control everything, except the sound, i have a mute button, it works fine on Google Chrome, FF3.6 and Safari on Mac OS, but on the iPad no matter what value i put in video.volume, there is no change happening.

Anybody got it working properly?

Code:

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

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

Answer 1

If you read the iPad html5 video documentation it says that only the user of the device can start video, and change volume.

Answer 2

Have you found a solution yet? I too cannot get the mute to work.

Answer 3

I've had the same problem. I was able to get play working by triggering a click event but volume and muted just don't do anything. I'm running this on the emulator however... are you having this problem on an actual iPad?