Apple is full of incredibly clever people who not only develop the devices that we know and love, but some who also have amazing tricks up their sleeves for making sure that Apple websites are viewable on a variety of devices. @dbloom posted a website teardown focusing on the Design page of Apple’s iPhone 5 site, finding some programming trickery was used to mimic video without having to actually embed video.
Why would Apple want to do this? Well, if a traditional video embed had been used, iOS device users would have seen the video go full-screen instead of being neatly placed in the midst of the explanatory text. The “videos” in question on this page display an iPhone 5 being unlocked as well as a drag-to-rotate EarPod animation.
The result is viewable on iOS devices and takes just a fraction of the bandwidth that a full video file would. Brilliant!