Close modal by clicking on the background but not on the content

Question

I have a modal that fadesIn and displays a video.

I would like to click the modal background color (which fills the screen 100% x100%) to close the modal. The problem is how I encoded it at the moment, if I press the video player control button, it also closes the modal one.

Spell here:

http://jsfiddle.net/PWGHH/

Thanks.

Answer 1

Try the following:

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

Answer 2

My solution for you is to separate the 100% div from the video object, but also make a fae effect on both of them and make the click event on the v100% div.