A Vimeo <iframe> zımbalama kaydırma/kaydırma olayları

Question

fullPage.js kullanıyoruz, slayt gösterisi benzeri bir deneyim sunuyor. Bir Vimeo iframe'i slaytın tümünü kapsayacak şekilde slaytlardan birine yerleştiriyoruz.

Her şey Chrome'da bir çekicilik olarak çalışır, ancak Firefox ve iOS'ta Vimeo iframe'i kaydırmak/kaydırmak imkansızdır. fullPage buna tepki vermiyor.

Videoyu saydam bir div ile örtmeyi denedim. Yine Chrome'da çalışır, ancak iOS'ta tarayıcı videoyu programlı olarak başlatmanıza izin vermez, bu nedenle videonun bir div ile kapatılması videoyu başlatılamayacaktır: Vimeo oynatıcı "Dikkat Edilmemiş Hata: Görüntüleyici önce oynatmayı başlatmalıdır. "

Bu sorun için bir çözüm var mı?

Sorunun bir demosu şu şekildedir: http://jsbin.com/tunove/1/edit?html,output Video ikinci slayt üzerindedir. Üzerine kaydırma/kaydırma, Firefox ve iOS'ta slaytları değiştirmez.

Answer 1

Bu CSS çözümü deneyebilirsiniz:

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

öğesi vimeo embed sınıf/id koyardı olduğunu. Bunu test etmedim, ancak kaydırma eyleminin kaydırma eylemini çaldığı başka bir şeyle benzer bir sorun yaşadım. Umarım da sizin durumunuza yardımcı olur.