HTML5 Video Volume

Question

Je travaille actuellement sur un lecteur vidéo HTML5, je l'ai bien travailler partout, sauf sur l'iPad. Fondamentalement, je peux tout contrôler, à l'exception du son, j'ai un bouton mute, il fonctionne très bien sur Google Chrome, Firefox 3.6 et Safari sous Mac OS, mais sur l'iPad, peu importe quelle valeur que je mets dans video.volume, il n'y a pas de changement événement.

Quelqu'un at-il que cela fonctionne correctement?

Voici mon code HTML:

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

Et voici le Javascript:

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

Answer 1

Il y a quelques problèmes avec la vidéo HTML5 sur iOS: http://blog.millermedeiros.com/2011/04/unsolved-html5-video-issues-on-ios/

Answer 2

Si vous lisez la documentation vidéo html5 iPad il est dit que seul l'utilisateur de l'appareil peut démarrer la vidéo et changer le volume.

Answer 3

La volume propriété sur les appareils iOS est en lecture seule selon Apple's documentation:

Sur les appareils iOS, le niveau audio est toujours sous le contrôle physique de l'utilisateur. La propriété volume n'est pas configurable en JavaScript. La lecture de la propriété volume retourne toujours 1.

Answer 4

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

utilisation comme la fonction