如何使背景元素在iPad上

Question

在我的網站不能點擊我有這樣的事情：

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

現在#dynamicContent和#video位置是絕對的（均爲100％的寬度和高度）。我想要#dynamicContent覆蓋視頻。現在，在桌面瀏覽器上一切正常。問題是，當我使用iPad進入網站並單擊覆蓋塊（#dynamicContent）時，設備嘗試點擊此覆蓋塊下的所有內容。例如：當我點擊#dynamicContent,的中間位置時，即使它位於該塊下方，視頻也會開始播放。當我在PC上做同樣的事情時，沒有任何反應，這就是我想要完成的。我怎樣才能做到這一點？

一些小提琴：attempts

Answer 1

也許是因爲你的<section>是你<video>的兄弟和，因爲它是你的#videoContainer的第一個孩子是不是對<video>但低於頂部。

是否有任何js參與？