Управление оверлеем для видео на iPhone / iPad

Question

Я пишу веб-приложение, в котором мне нужно отобразить видео и некоторые (нестандартные) элементы управления для него, которые должны отображаться в наложении.Поэтому создайте несколько элементов div и расположите их поверх видео с более высоким z-индексом.

Тем не менее на iPhone и iPad кажется, что эти элементы управления не активируются нажатием кнопки мыши.Я регистрирую действия для события click, но оно не запускается вообще, когда я нажимаю на элементы управления.Я понимаю, что не могу контролировать, когда видео действительно воспроизводится (оно даже работает в полноэкранном режиме), но проблема в том, что элементы управления нельзя использовать, даже когда видео остановлено.

Я также пытался удалить *Атрибут 1005 * из видео, без эффекта.

Есть ли способ зарегистрировать события клика для элементов, которые расположены над видео на iPhone / iPad?

Answer 1

У меня была та же проблема, и я получил ее, установив свойство CSS видеоэлемента HTML5, пока

приостановлено до -webkit-transform:scale(0.01);

при воспроизведении до -webkit-transform:scale(1);

Проблема в том, что элемент видео HTML5 в iOS, похоже, захватывает события щелчка в областях (элементов, расположенных сверху), которые содержатся в ограничительной рамке видеоэлемент.Если ограничивающий прямоугольник будет уменьшен с помощью масштаба (0,01) или ограничивающий прямоугольник будет удален с экрана с помощью translateX (-2560px), ни одна из областей элемента не будет находиться непосредственно над элементом видео, и события щелчка будут запущены.

Answer 2

Нужно сделать так, чтобы элемент с элементами управления мешал всему видео, а не только его части - это поможет вам отладить его в любом случае.Другой подход заключается в использовании сенсорных событий вместо клика.Они выполняются быстрее и обычно не перегружены.Пример кода будет полезен.