A Vimeo <iframe>嵌入式劫持滾動/滑動事件

Question

我們使用fullPage.js，它提供了幻燈片式的體驗。我們正在將Vimeo iframe嵌入到應該覆蓋幻燈片全部的幻燈片之一中。

在Chrome瀏覽器中，一切都充當魅力，但在Firefox和iOS中，無法滾動/滑過Vimeo iframe。 fullPage只是不會對它做出反應。

我試圖用透明的div覆蓋視頻。此外，它可以在Chrome中運行，但在iOS上，瀏覽器不允許以編程方式啓動視頻，因此使用div覆蓋視頻會導致無法啓動視頻：Vimeo播放器顯示「未捕獲錯誤：觀看者必須首先啓動播放。 「

是否有解決此問題的方法？

下面是該問題的演示：http://jsbin.com/tunove/1/edit?html,output該視頻位於第二張幻燈片上。滾動/滑過它不會在Firefox和iOS中切換幻燈片。

Answer 1

你可以試試這個CSS解決方案：

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

其中元素是你會把VIMEO嵌入類/ ID。我還沒有測試過這個，但是我有一個類似的問題，那就是我在滑動操作的地方偷了滾動操作。希望它能幫助你的情況。