Закрыть модальный, нажав на фон, но не на содержание

Question

У меня есть модал, который fadesIn и отображает видео.

Я бы хотел щелкнуть по цвету фона модала (который заполняет экран на 100% x100%), чтобы закрыть модал. Проблема в том, как я сейчас его кодирую, если я нажимаю на элементы управления видеопроигрывателя, он также закрывает модальное окно.

Скрипка здесь:

http://jsfiddle.net/PWGHH/

Спасибо.

Answer 1

Попробуйте это:

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

Answer 2

Мое решение для вас состоит в том, чтобы отделить 100% -ое деление от видеообъекта, но сделать эффект фей на них обоих и сделать событие щелчка на делении v100%.