Mobile Safari: элемент ссылки () поверх элемента видео не работает при нажатии

Question

Mobile Safari: элемент ссылки () поверх элемента видео не работает при нажатии

мой текущий проект - это веб-сайт html, который содержит раскрывающееся меню (javascript / jquery) и видеопроигрыватель html5 (только теги видео).

Когда щелкнув элемент меню, выпадающее подменю перекрывает контейнер видеоплеера (z-индекс выпадающего меню выше, чем у видеоплеера). В Safari и Chrome ссылки в записях подменю работают правильно при нажатии, но в Mobile Safari на iPad они не реагируют. Чтобы уменьшить проблему, мой минимальный пример включает элемент ссылки, который накладывается на элемент видео.

<head> 
<style>
a {
    position: absolute;
    display: block;
    z-index: 1;
}
video {
    position: absolute;
    z-index: 0;
}
</style>    
</head> 

<body > 
<a href="http://www.google.de">click me</a>
<video src="" width="640" height="360" preload="none" controls="controls"></video>
</body>

Прикосновение к элементу ссылки на iPad не работает. Любые советы приветствуются, как сделать ссылку интерактивной на iPad!

17