"Skip Intro" link over HTML5 video not working on iPad

Question

I am using the "Javascript Fake Click" script to autoplay an introductory HTML5 video on an iPad, which then directs to a landing page.

I have a simple "skip intro" link on top of the video element in a higher z-index. This link works in other browsers, but not on the iPad (iOS 3.2.2).

I think it may have to do with the click event on a video on the iPad defaulting to pause/play the video. Any ideas on how to get around this?

My working file is here. (note: the video works on the iPad, desktop Safari, and on IE, but not in Firefox at the moment).

Answer 1

This may be the same problem I had. The video tag will capture all the events when the controls attribute is added to the video tag.. Try removing the controls attribute...