Close modal by clicking on background, but not on content

Question

I have a modal that fadesIn and displays a video.

I'd like to click the modal's background color (which fills the screen 100%x100%) to close the modal. The problem is, the way I have it coded at the moment, if I click the video player controls, it closes the modal as well.

Fiddle here:

http://jsfiddle.net/PWGHH/

Thanks.

Answer 1

Try this:

$('#commercial1').click(function(event) {
  event.stopPropagation();
});