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:
- user plays html5 video (clicks play icon)
- mobile safari opens fullscreen player 3 user clicks done
i tried various approaches , none of these events working.
- ended
- webkitendfullscreen
- 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
Post a Comment