html5 - iOS Safari detect when user clicks "Done" in native player -


i trying open new tab in safari iphone mobile browser (ios 7) when user clicks "done" button in native video player. action flow:

  1. user plays html5 video (clicks play icon)
  2. mobile safari opens fullscreen player 3 user clicks done

i tried various approaches , none of these events working.

  1. ended
  2. webkitendfullscreen
  3. pause

any ideas on on may suitable solution? if want check out work have done far here code , 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> 

i banged head on quite few hours today. initially, getting 'webkitfullscreenchange' event fire, not being triggered on mobile. found event 'webkitendfullscreen', fired when video closed. here code:

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

hope helps.


Comments

Popular posts from this blog

design - Custom Styling Qt Quick Controls -

Unable to remove the www from url on https using .htaccess -