我们正在使用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中切换幻灯片。
答案 0 :(得分：1)
您可以尝试这个CSS解决方案：
element {
touch-action: pan-y !important;
}
在哪里元素你会把vimeo嵌入类/ id。我还没有对此进行过测试，但是我遇到了类似的问题，其中我的滑动动作正在窃取滚动动作。希望它也可以为你的情况提供帮助。