Я нашел довольно хороший обходной путь. Я использую jquery , так что об этом нужно помнить.
Моя проблема заключалась в том, что я создавал веб-приложение для Ipad с навигационной кнопкой в левом нижнем углу (я не могу дать ссылку, так как это клиентский проект). Когда пользователь нажимает (нажимает) кнопку в левом нижнем углу, появляется анимированное раскрывающееся меню, и затем вы можете нажимать кнопки в этих меню, чтобы перейти к более глубоким подменю.
Проблема:
любые теги li (или что-нибудь в этом роде), которые были над видео, не будут кликабельными, поэтому на страницах с видео часть моей касания (часть над видео не будет работать). Чтение сообщений здесь на самом деле приводит меня к моему решению, простому, и оно может или не может работать для вашего случая, но я надеюсь, что оно подойдет.
Мой обходной путь:
var myNav = $("TAG_SELECTOR_HERE");
myNav.toggle(function(){
var videos = $("video");
videos.removeAttr("controls");
},
function(){
var videos = $("video");
videos.attr("controls","true");
})
Теперь я знаю, что я могу пропустить некоторые точки с запятой или мое кодирование может быть отключено, но я просто публикую для справки. В основном, когда мое меню щелкают или активны, я удаляю атрибут элементов управления из всех видео, а затем, когда меню деактивируется, я возвращаю элементы управления обратно.
Вы можете использовать этот метод где угодно ... вы можете удалить элементы управления после окончания видео, после того, как кто-то наводит курсор на что-то (предполагая, что что-то еще не над видео), когда мышь находится в определенных координатах может быть вашим единственным решением в крайних случаях), но это должно сработать.
Спасибо !!
-Nick