如何使背景元素在ipad上无法点击

Question

在我的网站上，我有类似的内容：

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

现在#dynamicContent和#video位置是绝对的（100％宽度和高度）。我希望#dynamicContent覆盖视频。现在一切都适用于桌面浏览器。问题是，当我使用iPad进入网站并点击覆盖块（#dynamicContent）时，设备正试图点击此覆盖块下的所有内容。例如：当我点击#dynamicContent,的中间时，即使视频位于块下，视频也会启动。当我在PC Firefox中做同样的事情时，没有任何反应，这就是我想要完成的事情。我怎么能这样做？

一些小提琴：attempts

Answer 1

也许是因为您的<section>是您<video>的兄弟姐妹而且因为它是您#videoContainer的第一个孩子，所以它不在<video>之上，而在于{{1}}之下。

是否涉及到任何js？