iPad Safari игнорирует Div OnClick выше видео HTML5 - PullRequest
3 голосов
/ 26 декабря 2011

У меня проблема с кликабельностью элемента div. У меня есть видео HTML5 на экране, после события окончания видео я создаю некоторый элемент div, расположенный над видео со свойством z-index. При записи этого div ничего не происходит, но если эти div расположены не выше видео, все работает просто отлично. У кого-нибудь есть обходной путь для этой вещи?

Ответы [ 3 ]

2 голосов
/ 23 ноября 2012

Если вы отключите элементы управления на элементе видео, он не сможет украсть ваши события клика. Затем вам нужно будет создать пользовательские элементы управления, чтобы заставить его играть!

2 голосов
/ 26 февраля 2012

Невозможно работать с html-элементами, расположенными над видео HTML5, в iPad-сафари, поскольку видео отображается с помощью оборудования и отображается над браузером. Единственный обходной путь, который я нашел, - это скрыть видео, когда что-то отображается выше, чтобы сделать его кликабельным.

0 голосов
/ 24 апреля 2014

Это код, который будет работать как на iPad, так и на iPhone.Я попытался удалить элементы управления, а затем добавить их снова, но это работало только на iPad, а не на iPhone.После удаления непрозрачности, а затем добавить его снова, это работало и на iPhone.

$("#overlay_open").click(function(){
  $("video").prop("controls", false);
  $("video").css("opacity", 0);
});

$("#overlay_close").click(function(){
  $("video").prop("controls", true);
  $("video").css("opacity", 1);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...