A Vimeo <iframe> embed hijacks scrolling/swiping events

Question

Мы используем fullPage.js, он обеспечивает слайд-шоу. Мы встраиваем Vimeo iframe в один из слайдов, который должен покрывать все слайды.

Все работает как очарование в Chrome, но в Firefox и iOS невозможно прокручивать/прокручивать над Vimeo iframe. fullPage просто не реагирует на него.

Я попытался покрыть видео прозрачным div. Опять же, он работает в Chrome, но в iOS браузер не позволит вам запускать видео программно, поэтому покрытие видео с помощью div делает невозможным запуск видео: Vimeo player говорит: «Uncaught Error: зритель должен сначала начать воспроизведение. "

Есть ли решение этой проблемы?

Демонстрационная версия проблемы: http://jsbin.com/tunove/1/edit?html,output Видео находится на втором слайде. Прокрутка/прокрутка по нему не будет включать слайды в Firefox и iOS.

Answer 1

Вы можете попробовать это CSS решение:

element { 
    touch-action: pan-y !important; 
} 

Где элемент вы бы поставил класс Vimeo встраивать/идентификатор. Я не тестировал это, но у меня была аналогичная проблема с чем-то еще, что у меня было, когда действие салфетки искажало действие прокрутки. Надеюсь, это поможет и вашему делу.