重複の可能性:
iPad Safari モバイルは、html5 ビデオ要素の z-indexing 位置を無視するようです
BrightCove smartplayer コードを使用して、HTML5 ビデオ タグをページに書き込みます。このコードは object タグを video タグに置き換えて、iPhone と iPad で機能するようにしますが、サポートしていないブラウザーでも機能します。
私が抱えている問題は、この動的に記述されたタグのレイヤー化にあります。z-index の順序に従っていないように見えるため、誰かがドロップダウンをロールオーバーすると、ビデオの上に配置したドロップダウンがビデオの後ろに表示されます。
掘り下げた後、非常によく似た問題の解決策を見つけました。
video タグを動的に (おそらく他のタグも) dom に挿入すると、z-index プロパティが台無しになります。ここ
で
わかるように、解決策は非常に単純です。css3 プロパティを追加する必要があります。
これはバグとして文書化されていませんが、これが私が見つけた唯一の回避策です。
お役に立てれば。-webkit-transform-style: preserve-3d
HTML5ビデオに適用されるかどうかはわかりませんが、Flashビデオにも同様の問題があり、「wmode」属性を変更することで解決できます。
私もこれに遭遇しました。私のために仕事をすることができた唯一のことは、追加することでした
display:none
クリックする必要があるその上に div を表示するときに、video タグに。