2013-08-28 3 views
5

Ich versuche im Safari iPhone Mobile Browser (iOS 7) grundsätzlich eine neue Registerkarte zu öffnen, wenn der Benutzer im Native Video Player auf die Schaltfläche "Fertig" klickt. Dies ist der Wirkungsablauf:iOS Safari erkennt, wenn der Benutzer im nativen Player auf "Fertig" klickt

  1. Benutzer spielen HTML5 Video (von Klicks das Play-Symbol)
  2. Mobile Safari öffnet Vollbild-Player 3 Benutzer klickt auf Fertig

ich verschiedene Ansätze und keines dieser Ereignisse versuchte sind am Arbeiten.

  1. beendet
  2. webkitendfullscreen
  3. Pause

Irgendwelche Ideen auf, was eine geeignete Lösung sein kann? Wenn Sie die Arbeit überprüfen, möchte ich bis jetzt getan haben, so hier ist der Code und die 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

Haben Sie eine Lösung gefunden? – cheeesus

Antwort

14

ich meinen Kopf knallte auf das für ganz wenige Stunden heute. Anfangs wurde das Ereignis "webkitfullscreenchange" ausgelöst, das jedoch nicht auf Mobilgeräten ausgelöst wurde. Schließlich fand ich das Ereignis "webkitendfullscreen", das ausgelöst wird, wenn das Video geschlossen wird. Hier ist der Code:

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

Hoffe das hilft.

+0

diemontank, Sie sind ein Heiliger Sir – gdibble

+0

Sie meinen, WebkitendFullscreen funktioniert von Bindung und nicht von Event-Listener? – Diana

+0

@Diana: der Event-Listener scheint auf dem iPad zu funktionieren, aber nicht auf dem Mac, wenn ich das richtig verstehe: https://stackoverflow.com/questions/9094913/how-to-figure-out-when-a-html5-video- Player - Betritt den Vollbildmodus-auf-ios – mvermand

Verwandte Themen