我有一个带有轮播的响应式网站。用户可以将 youtube 视频作为幻灯片之一嵌入。在桌面上这工作正常。然而，在移动设备上，iframe 显然会吃掉所有滑动事件，您无法滑动视频。我们不得不通过替换视频图像然后使用 window.open() 打开一个包含视频的新窗口来解决这个问题。
这很糟糕。
有什么好的方法可以克服这个问题吗？
最佳答案
简而言之，我发现我做错了。
slider 脚本在两个桌面上都运行良好。在手机上它可以工作，除非你不能滑过 iframe嵌入视频。
我的示例 iframe 是:
<iframe width="1280" height="720" src="//www.youtube.com/embed/Lzbr6fPDmkE" frameborder="0" allowfullscreen></iframe> (仅供引用，如果你是陆军退伍军人，这是一个有趣的视频)
我发现了一个(有点明显的)事实，即 youtube 也有一个缩略图 url。所以在移动设备上我添加以下 img标签:
<img src="http://i.ytimg.com/vi/Lzbr6fPDmkE/hqdefault.jpg" alt="1300x650" />
我在 this article 中找到了答案
我使用的 url 与他们的不同，因为我从 gmail 邮件中嵌入的 youtube 缩略图上撕下了它。
关于javascript - youtube - 无法在轮播/ slider 中滑过 iframe，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28180672/