фоновый плеер на Ipad Safari

Question

Я использую jQuery-плагин mediaelement.js для HTML5-плеера. Проигрыватель используется на заднем плане страницы, поэтому все меню находятся над проигрывателем. Это прекрасно работает на Firefox, Chrome, OSX Safari и Opera. На iPad Safari меню по-прежнему отображаются над видео в многослойном элементе с позицией z-indez, но я не могу щелкнуть меню.

Любая идея или предложение?

Answer 1

У меня та же проблема, что и у lonchbox. На мобильных устройствах у меня есть якорь с позицией: зафиксирован в правом нижнем углу, который открывает div для события click. В любой области веб-сайта событие щелчка работает нормально, но если я пытаюсь нажать на него, находясь над плеером, щелчок не работает.

Указатель-события: ни одно решение не является случаем, так как игрок не фиксирует неверное намерение щелчка, и событие щелчка игрока работает правильно.

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

Answer 2

То есть меню, которое вы хотите щелкнуть, которое отображается над элементом мультимедиа, не работает?Существует свойство CSS, которое вы можете установить для элемента, который вы не хотите получать щелчками, это так называемые pointer-events.

Так что для вашего игрока у вас может быть такое правило:

когда это правило установлено, оно больше не может получать события щелчка.Вы, вероятно, не хотите, чтобы правило применялось постоянно, поэтому используйте некоторый JavaScript, чтобы установить его, только когда раскрывающийся список активирован.