title: video.js breaks popcorn.js on iPad
body: <p>So here's the challenge. Make a clickable popcorn link OVERLAYING the video.  Simple enough on desktop, but iOS is proving to be a challenge. If the video element has the <code>controls</code> attribute iOS hijacks all clicks within the video window, making the link overlay un-clickable. However if the <code>controls</code> attribute is not present on the video element, the popcorn links are clickable and work well. </p>
  
  <p>Problems is, now there are no video controls. And I need those. So I figured some hand written javascript based video controls should work out fine. No <code>controls</code> attribute on the video tag so popcorn overlays are clickable, plus working controls! My attempt with this is to use video.js.</p>
  
  <p>So now I have video.js video controls and popcorn living in harmony on desktop. But on iPad the video.js part works, but the popcorn part doesn't anymore. I get the video.js controls, but no popcorn events fire. However there are NO ERRORS, and the script executes completely. </p>
  
  <p>Does anyone know what is happening here? Why would video.js stop popcorn only on iOS? Is there a solution? </p>
  
  <p><a href="http://popcorn-poc.radiantdev.com/jm-popcorn-poc/demo/index" rel="nofollow"><strong>PROBLEM DEMO</strong></a></p>