A Vimeo <iframe> hijacks di scorrimento/scorrimento degli eventi

Question

Stiamo utilizzando fullPage.js, offre un'esperienza simile a una presentazione. Incorporiamo una ifime di Vimeo in una delle diapositive che dovrebbero coprire l'intera parte della diapositiva.

Tutto funziona come un fascino in Chrome, ma in Firefox e iOS è impossibile scorrere/scorrere l'iframe di Vimeo. FullPage non reagirà ad esso.

Ho provato a coprire il video con un div trasparente. Anche in questo caso, funziona su Chrome, ma su iOS il browser non consente di avviare il video a livello di programmazione, quindi coprire il video con un div rende impossibile avviare il video: Vimeo player dice "Errore non catturato: il visualizzatore deve iniziare prima la riproduzione. "

Esiste una soluzione per questo problema?

Ecco una dimostrazione del problema: http://jsbin.com/tunove/1/edit?html,output Il video si trova nella seconda diapositiva. Lo scorrimento/scorrimento su di esso non cambierà le diapositive in Firefox e iOS.

Answer 1

Puoi provare questa soluzione CSS:

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

Dove elemento è che si dovrebbe mettere la classe vimeo embed/id. Non ho provato questo, ma ho avuto un problema simile con qualcos'altro che avevo in cui l'azione di scorrimento stava rubando l'azione di scorrimento. Spero che ti aiuti anche nel tuo caso.