Как сделать фоновый элемент не кликабельным на ipad

На моем сайте у меня есть что-то вроде этого:

<div id="videoContainer">
<section id="dynamicContent">lorem ipsum...</section>
<video id="video">
...
</video>
</div>

Теперь #dynamicContent и #video являются абсолютными (и 100% ширина и высота). Я хочу, чтобы #dynamicContent накладывал видео. Теперь все отлично работает на настольных браузерах. Проблема в том, что когда я вхожу на веб-сайт с помощью iPad и нажимаю на перекрывающий блок (#dynamicContent), устройство пытается щелкнуть по всему, что находится под этим перекрывающим блоком. Например: когда я нажимаю на середину #dynamicContent, видео запускается, даже если оно находится под блоком. Когда я делаю то же самое, например, в PC Firefox, ничего не происходит, и это то, чего я пытаюсь выполнить. Как я могу это сделать?

Некоторые скрипки: попытки