私のウェブサイトには、次のようなものがあります。
<div id="videoContainer">
<section id="dynamicContent">lorem ipsum...</section>
<video id="video">
...
</video>
</div>
現在#dynamicContent、#video位置は絶対的です (幅と高さの両方で 100%)。#dynamicContent動画を重ねたい。これで、すべてがデスクトップ ブラウザーで問題なく動作します。問題は、iPad を使用して Web サイトに入り、オーバーレイ ブロック ( #dynamicContent) をクリックすると、デバイスがこのオーバーレイ ブロックの下にあるすべてのものをクリックしようとすることです。たとえば#dynamicContent,、ブロックの下にある場合でも、ビデオの中央をクリックするとビデオが開始されます。たとえば、PC Firefox で同じことを行っても何も起こらず、これが私が達成しようとしていることです。これどうやってするの？
いくつかのフィドル：試み