2010-04-08 17 views
18

Attualmente sto lavorando su un riproduttore video HTML5, lo faccio funzionare completamente ovunque, tranne che sull'iPad. Fondamentalmente, posso controllare tutto, tranne il suono, ho un pulsante mute, funziona bene su Google Chrome, Firefox 3.6 e Safari su Mac OS, ma sull'iPad indipendentemente dal valore che ho inserito in video.volume, non c'è nessun cambiamento accadendo.HTML5 Volume video

Qualcuno ha funzionato correttamente?

Ecco il mio codice HTML:

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

Ed ecco il Javascript:

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

potete inserire una versione semplificata del codice (html e javascript)? Senza alcun codice è difficile sapere cosa potrebbe essere sbagliato. – lostriebo

+0

Il clic è attivato correttamente, il valore del volume cambia, ma il suono rimane lo stesso su iPad. – Mikushi

+0

È un po 'troppo lungo, ma fa alcuna differenza se si specifica il doppio (ad esempio, 'videoPlayer.volume = 1.0;' o 'videoPlayer.volume = 0.0;')? – lostriebo

risposta

3

Se leggete la documentazione video HTML5 iPad si dice che solo l'utente del dispositivo può avviare il video, e cambia volume.

+0

Se è attivato da un evento click, dovrebbe funzionare, no? Intendo dire che funziona per il video play(), ho un evento click legato al mio pulsante play e non ho alcun problema, mentre il pulsante mute non funziona, potrebbe essere perché è una proprietà che modifico? – Mikushi

18

La proprietà volume sui dispositivi iOS è sola lettura secondo le Apple's documentation:

su dispositivi iOS, il livello audio è sempre sotto controllo fisico dell'utente. La proprietà del volume non è impostabile in JavaScript. Leggendo la proprietà del volume restituisce sempre 1.

+1

Collegamento HTML diretto alla pagina iOS: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html –

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

utilizzo come funzione

+0

l'attributo del volume dell'elemento video non è una funzione . – mwm