HTML5 Video & Nav Overlay on Mobile Browsers

I’m having an issue with my wordpress navigation menu submenu drop downs over embedded video content on mobile browsers such as the iPhone & iPad. The video controls seem to take over any other touch commands and even though the video appears beneath the menu links; any menu links that appear over the video are not clickable. I looked at various work arounds for this but haven’t found any that seem to solve the problem. The video ignores the z-index. I’ve seem various mention of hiding the video on drop down or disabling the video control attributes but haven’t found any solid working code. Site is redirect for mobile users. http://www.chrisnorr.com/html
Links work fine in any regular computer desktop or laptop computer just not on mobile devices. Can anyone help?

Thanks