Mobile Web Conversion

Today one of our long-time clients decided to look into DDA’s AppleSavvy for their site’s mobile web conversion. As I was developing an HTML5 test site to display one of their videos, I was trying out the many different video tags such as “controls”, “loop”, “preload”, “autobuffer” and “poster”, each affecting the way your web browser displays the video within the site. Among these tags is an “autoplay” tag which does just that- automatically plays the video for the user.

Everything seemed to be displaying just fine on the iPad, except for this stubborn autoplay feature. After doing a little more research on the Safari Reference Library, it turns out that Apple had intentionally disabled this feature on the iPad and iPhone. I suppose this is a pretty good reason:

“In Safari on iPhone OS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, autobuffering and autoplay are disabled. No data is loaded until the user initiates it. This means the JavaScript play() and load() methods are also inactive until the user initiates playback, unless the play() method is triggered by user action.”

Some websites have already found a way around this limitation. Wall Street Journal, for instance, found a way to create fake link, bind the event to it, and then trigger the click event, tricking Safari into thinking the user initiated the video playback. Though this might be a cleaver workaround, it would be best not to abuse this technique so you don’t end up angering your audience by eating up their data plan.

In addition to mobile web conversion, DDA’s Apple Savvy has many other mobile services: custom app development, mobile gaming creation, interactive website solutions, and more. Check out our new Apple Savvy website here and see what DDA can do for you!