Video working on iPhone, but not iPad

Question

I've built a site that uses the HTML5 Video format, and it works great on the iPhone, and pretty much everywhere else, except the iPad.

On the iPad it doesn't even load up the video.

I've checked this on an iPad Mini, and iPad simulators in xCode.

Any idea why it would work on the iPhone, but not the iPad?

http://www.leschinskidesign.com.php53-10.ord1-1.websitetestlink.com/Loki/

Answer 1

Turns out it was due to the "controls" tag not being present in the markup.

However I did not want the controls to be visible to end users. So I had to find a way to enable controls for the iPad, but nothing else.

function isiPhone(){ return ((navigator.platform.indexOf("iPad") != -1));}

if(isiPhone()){    var video = document.getElementById('player');
      video.controls = true;
}