Hi,
I fixed this issue by hiding the video on dropdown
// Ipad Video Hide on Navigation Overlay
if((navigator.userAgent.match(/iPhone/i)) ||
(navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/
iPad/i))) {
$("body").bind('touchstart', function(){
if(jQuery('#TopNav li.nav ul').is(':hidden')){
$('.playerWrapper').children().show();
}
else{
$('.playerWrapper').children().hide();
}
});
}
On Sep 15, 4:11 pm, vinaym <[email protected]> wrote:
> Hey. I have the same exact problem. I have a dropdown menu, but it
> stays behind the video in ipad. Tried z-index, but it doesnt
> work .Looking for a solution too
>
> On Aug 11, 1:36 am, JayLink1971 <[email protected]> wrote:
>
> > Hi --
>
> > I have an HTML5 video that works well on the iPad. Problem is,
> > there's a drop-down menu for site navigation, and when it goes over
> > the video, the links no longer work.
>
> > This is not a z-index problem; the menu is still on top of the
> > player. However, those links that are over the video are dead. Links
> > that are not over the video still work.
>
> > The VIDEO element is created by scripting, if that makes a difference.
>
> > The links in the menu are regular A tags, not javascript events.
>
> > Anyone have this same problem? Anyone, anyone?
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
