As a web developer, a constant frustration has been Apple’s decision to basically hijack any video player and play the video through their full-screen player. I mean I get the reasoning, especially with the first iPhones. The screen was so small that watching an inline video or using touch controls at that size could be a chore. The only caveat to that rule was with an iPad, where inline video was kosher. But it’s been 9 years since the phone first launched, time to get with the program. Thankfully with iOS 10 they have; sort of.
In the olden iOS 6 days, on an iPhone you could trigger the Safari browser to hide the URL bar by telling the your website to scroll one pixel when it loads. This would kickstart the Safari browser’s built-in behavior to minimize the URL bar once you started interacting with the page.
So you tried to get by with just a mobile-optimized version of your site, but it wasn’t cutting it and you built an app. How do you let iPhone users know you even have an app? Companies have tried pretty much everything under the sun and 99% of them are annoying as hell. Thankfully with IOS 6, Apple has provided a super simple standard to incorporate this.
Start by adding the snippet below into your site: