Detect Finish on iPhone for YouTube / Vimeo Video (exit full screen)

Question

I turned on the iframe video, and I want to determine when the user exited (by clicking "done") full-screen mode on mobile Safari, which occurs when you click "play". I tried the code below:

HTML

<iframe id="video-iframe" src="//player.vimeo.com/video/105953491?title=0&amp;byline=0&amp;portrait=0&amp;api=1" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Javascript

document.getElementById("video-iframe").addEventListener("webkitendfullscreen", function(){
  alert("Hello World!");
});

Demo: http://jsfiddle.net/p3bLohfk/

But it does not work (iOS 8.0.2). Any ideas?

Answer 1

iOS 8, UIWebView iOS, . UIWindowDidBecomeHiddenNotification UIWindowDidBecomeVisibleNotification , , :

[[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(videoDidExitFullScreen:)
                                                 name:UIWindowDidBecomeVisibleNotification
                                               object:self.view.window];

[[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(videoDidEnterFullScreen:)
                                                 name:UIWindowDidBecomeHiddenNotification
                                               object:self.view.window];