iOS Safari detect when user clicks "Done" in native player
html, html5-video, ios, mobile-safari
Solution
I banged my head on this for quite a few hours today. Initially, I was getting the 'webkitfullscreenchange' event to fire, but it was not being triggered on mobile. Eventually I found the event 'webkitendfullscreen', which is fired when the video is closed. Here is the code:
$('video').bind('webkitendfullscreen', function()
{
console.log('on webkit close');
});
Hope this helps.
Problem
I am basically trying to open a new tab in the Safari iPhone Mobile Browser (iOS 7) when the user clicks the "Done" button in the Native video player. This is the action flow: - User Plays HTML5 Video (Clicks the Play Icon) - Mobile Safari Opens Fullscreen Player 3 User Clicks Done I tried various approaches and none of these events are working. - ended - webkitendfullscreen - pause Any ideas on on what may be a suitable solution? If you want to check out the work I have done so far here is the code and the 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> ```