Search code examples
javascripthtmliframe

How to capture onclick within an iFrame for embedded YouTube video?

I have an iFrame that displays an embedded youtube video. 

<iframe width="560" height="315" src="http://www.youtube.com/embed/xxx" frameborder="0" allowfullscreen></iframe>

What I would like to do is somehow capture the click event when the user clicks the you tube video so that I can call an http://myserver.com/dostuff rest api to update an external server counter tracking the number of clicks and of course allow the video to play as expected.

Any information would be greatly appreciated.

Solution

  • Everybody had great feedback. Thanks for all who posted. After trying some hacks the bottom line is that trapping the click event is not natively supported via html or javascript.

    The best artifact and cleanest solution that I have found is here.