2013-08-28 11 views
5

In pratica sto provando ad aprire una nuova scheda nel browser Safari iPhone Mobile (iOS 7) quando l'utente fa clic sul pulsante "Fatto" nel lettore video nativo. Questo è il flusso di azione: RiproduceiOS Safari rileva quando l'utente fa clic su "Fatto" nel lettore nativo

  1. utente HTML5 Video (Clic Play Icona)
  2. Safari Mobile apre a tutto schermo giocatore clicca 3 utente Fatto

ho provato vari approcci e nessuno di questi eventi stanno lavorando.

  1. finito
  2. webkitendfullscreen
  3. pausa

Tutte le idee su su quello che potrebbe essere una soluzione adatta? Se si desidera controllare il lavoro che ho fatto finora qui è il codice e la JSFiddle Link: http://jsfiddle.net/r8bRE/

<script> 
    var myVideo = document.getElementById("nVideo"); 

    myVideo.addEventListener("pause", function() { 
     window.open("http://www.google.com", "_blank"); 
     window.focus(); 
    }, false);  

    myVideo.addEventListener('webkitendfullscreen', function() { 
     window.open("http://www.google.com", "_blank"); 
     window.focus(); 
    }, false); 
</script> 
+0

Hai trovato una soluzione? – cheeesus

risposta

14

ho sbattuto la testa su questo per un bel paio di ore di oggi. Inizialmente, stavo facendo scoppiare l'evento "webkitfullscreenchange", ma non è stato attivato sui dispositivi mobili. Alla fine ho trovato l'evento "webkitendfullscreen", che viene attivato quando il video è chiuso. Ecco il codice:

$('video').bind('webkitendfullscreen', function() 
{ 
    console.log('on webkit close'); 
}); 

Spero che questo aiuti.

+0

diemondtank, tu sei un santo – gdibble

+0

vuoi dire, webkitendfullscreen funziona da binding e non da listener di eventi? – Diana

+0

@Diana: il listener di eventi sembra funzionare su iPad ma non su Mac, se ho capito bene: https://stackoverflow.com/questions/9094913/how-to-figure-out-when-a-html5-video- player-entra-in-full-screen-mode-on-ios – mvermand

Problemi correlati