2013-08-28 7 views
5

Próbuję otworzyć nową kartę w przeglądarce Safari iPhone Mobile (iOS 7), gdy użytkownik kliknie przycisk "Gotowe" w macierzystym odtwarzaczu wideo. Jest to przepływ działanie:iOS Safari wykrywa, gdy użytkownik kliknie przycisk "Gotowe" w odtwarzaczu natywnym.

  1. użytkownik gra HTML5 Video (kliknie ikonę Play)
  2. Mobile Safari Otwiera pełnoekranowy gracz kliknie 3 użytkowników Gotowe

Próbowałem różnych podejść i żaden z tych wydarzeń pracują.

  1. zakończył
  2. webkitendfullscreen
  3. pauza

jakieś pomysły na co może być odpowiednim rozwiązaniem? Jeśli chcesz sprawdzić pracę zrobiłem do tej pory tutaj jest kod i 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

Czy znalazłeś rozwiązanie? – cheeesus

Odpowiedz

14

Uderzyłem głową o tym już od kilku godzin dzisiaj. Początkowo uruchamiano wydarzenie "webkitfullchangechange", ale nie było wyzwalane na urządzeniach mobilnych. W końcu znalazłem wydarzenie "webkitendfullscreen", które jest uruchamiane, gdy wideo jest zamknięte. Oto kod:

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

Mam nadzieję, że to pomoże.

+0

diemondtank, sir jesteś święty – gdibble

+0

masz na myśli, webkitendfullscreen działa przez bind, a nie przez detektor zdarzeń? – Diana

+0

@Diana: detektor zdarzeń wydaje się działać na iPadzie, ale nie na Macu, jeśli dobrze rozumiem: https://stackoverflow.com/questions/9094913/how-to-figure-out-when-a-html5-video- player-enter-the-full-screen-mode-on-ios – mvermand

Powiązane problemy