ios - not - Volumen de video HTML5

react native video youtube

Question

Actualmente estoy trabajando en un reproductor de video HTML5, lo tengo funcionando completamente en todas partes, excepto en el iPad. Básicamente, puedo controlar todo, excepto el sonido, tengo un botón de mute , funciona bien en Google Chrome, Firefox 3.6 y Safari en Mac OS, pero en el iPad no importa qué valor ponga en video.volume , no hay cambio sucediendo

¿Alguien lo hizo funcionar correctamente?

Aquí está mi código HTML:

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

Y aquí está el Javascript:

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

Answer 1

Existen algunos problemas con el video HTML5 en iOS: http://blog.millermedeiros.com/2011/04/unsolved-html5-video-issues-on-ios/

Answer 2

La propiedad de volume en los dispositivos iOS es de solo lectura de acuerdo con la documentación de Apple :

En los dispositivos iOS, el nivel de audio siempre está bajo el control físico del usuario. La propiedad de volumen no se puede configurar en JavaScript. Leer la propiedad del volumen siempre devuelve 1.

Answer 3

Si lee la documentación de video del iPad html5, dice que solo el usuario del dispositivo puede iniciar el video y cambiar el volumen.

Answer 4

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

usar como función