iPad HTML5 Video tag with div overlay with form not working

If you have a page that detects browser and feeds up the Flash version for browsers that’ll accept it and the HTML5 version for those that will take that, you may have noticed that trying to display a DIV over the top of the video renders that <form> inside to not work on the iPad. It’s like the Video tag is a black hole for user input.

One workaround is to change the visibility of the video tag to hidden”

<script language="javascript">
function toggleDivFlagForm() {
  if ( document.getElementById('divFlagForm').style.display == 'none' )
  {
     document.getElementById('divFlagForm').style.display = 'inline';
    document.getElementById('dVideo').style.display = 'none';
  }
  else
  {
     document.getElementById('divFlagForm').style.display = 'none';
    document.getElementById('dVideo').style.display = 'inline';
  }
}
</script>

http://www.koopman.me/test2.html

2 Responses to “iPad HTML5 Video tag with div overlay with form not working”

  1. surya.choudhary says:

    can u check the test link….its not working

    we need this to work urgently. Pls help ASAP.

  2. DaveK says:

    Sorry it took so long for me to see and approve your comment. I get clobbered with spam. Every time I check, there are 50+ comments pending approval, I get tired of reading them / marking them spam. So tired, I miss the valid ones.

    Sorry about the broken link. I’ll have to fix it soon. I deleted the file, ugh. I’ll need to recreate it from scratch.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

* Copy this password:

* Type or paste password here:

9,974 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree

Performance Optimization WordPress Plugins by W3 EDGE