Вот тут: http://shpargalkablog.ru/2011/02/modalnoe-okno-css.html описаны отличные на мой взгляд решения по увеличению фотографий и загрузка видео по клику. В частности интересует видео.
Когда открываешь видео, картинку, нету привычного (как везде) крестика сверху справа. Модальное окно прекрасно закрывается по клику мимо видео/картинки. Вот правда переживаю за сообразительность пользователя, может ведь полностью страницу закрыть и уйти.
Собственно как без скриптов и сторонних библиотек замутить крестик закрытия модального окна? Логика подсказывает, что нужно обернуть все видео дивом с  position: relative; а после видео вставить спан с position: absolute; у меня подобным образом текст вылазиет на картинке. А вот как нарисовать крестик в верхнем правом углу спана? И будет ли мой вариант работать?
Еще недостаток этого модального окна - видео не хочет разворачиваться на полный экран по клику на соответствующий значок в плейере. Здесь для меня вообще тьма-тьмущая. Недостаток не очень актуален, но все-таки, есть возможность его исправить?