How to figure out when a HTML5 video player enters the full screen mode on iOS / iPads?

by

After much faffing around a friend finally pointed me in the right direction.

The events I was looking for are: webkitbeginfullscreen and webkitendfullscreen

var player = document.getElementsByTagName("video")[0];
player.addEventListener('webkitbeginfullscreen', onVideoBeginsFullScreen, false);
player.addEventListener('webkitendfullscreen', onVideoEndsFullScreen, false);

With that I can safely capture when the user clicks over the fullscreen button on Safari for the iPads. Interestingly the same events don’t seem to work for Safari on the iMac (tested on version 5.1.2).

Thanks Apple for their inconsistency and hours of wasted time.

More Related Contents:

  1. HTML5 Video autoplay on iPhone
  2. Why HTML5 video doesn’t play in IOS 8 WebApp(webview)?
  3. Hls video streaming on iOS/Safari
  4. Play local (hard-drive) video file with HTML5 video tag?
  5. Is there a way to make HTML5 video fullscreen?
  6. UIWebView open links in Safari
  7. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  8. How to launch Safari and open URL from iOS app
  9. How do you disable viewport zooming on Mobile Safari?
  10. Camera access through browser
  11. iPad Safari – Make keyboard disappear
  12. Html Video player plays sound but not video
  13. How to do Slow Motion video in IOS
  14. is not showing a number keypad on iOS
  15. Enable Camera and Mic access in wkwebview
  16. play pause html5 video javascript
  17. How to change the playing speed of videos in HTML5?
  18. video as site background? HTML 5
  19. HTML5 callbacks?
  20. Streaming a video from Google Drive using HTML5 video tag
  21. ios overlaying alpha channel video on another video
  22. Launching app OR app store from Safari?
  23. Debug iPad Safari with a PC
  24. How can I set preview of video file, selecting from input type=’file’
  25. Does iPhone/iPad Safari require ‘Accept-Ranges’ header for video?
  26. Maintaining good scroll performance when using AVPlayer
  27. IOS Video Compression Swift iOS 8 corrupt video file
  28. Swift: video records at one size but renders at wrong size
  29. `-webkit-overflow-scrolling: touch` broken for initially offscreen elements in iOS7
  30. How to share NSData or phasset video using Facebook iOS SDK 4.0 FBSDKShareDialog

Leave a Comment