How to capture click event with jQuery for iframe?
html, iframe, jquery
Solution
It seems like it would easier to use Vimeo's API to register for events fired by the player.
An example can be found here: https://github.com/vimeo/vimeo-api-examples/blob/master/moogaloop-api/javascript/froogaloop.html
Documentation: http://vimeo.com/api/docs/moogaloop
IN ACTION: http://jsfiddle.net/u5jG6/
Problem
I'm trying to pause the slider on the homepage when a video is played so it doesn't keep sliding. Check it out here. I've tried adding a `div` on top of it and capture the click events for the `div`, but that doesn't work. It just passes the events on to the `iframe` I suppose. Note that the `iframe` is loading content from Vimeo, not from my site. Any ideas on how to make this work, or any other way to pause the slider when the video is played? I seem to be at a dead end with no options...