youtube - 无法在转盘/滑块中滑动过去的iframe

Question

我有一个带有旋转木马的响应式网站.用户可以将YouTube视频嵌入其中一个幻灯片中.在桌面上这很好用.在移动设备上,iframe显然会吃掉所有滑动事件,但您无法滑过视频.我们不得不通过替换视频图像,然后使用视频window.open()打开一个新窗口来解决这个问题.

太糟糕了.

有没有一个好办法来克服这个问题？

Answer 1

简而言之，我发现我做错了。

滑块脚本在两个桌面上都运行得很好。在移动设备上它可以工作，只是您无法滑过iframe嵌入视频的内容。

我的示例 iframe 是：（ <iframe width="1280" height="720" src="//www.youtube.com/embed/Lzbr6fPDmkE" frameborder="0" allowfullscreen></iframe>仅供参考，如果您是陆军退伍军人，这是一个有趣的视频）

我发现了一个（有点明显的）事实：youtube 也有一个缩略图网址。所以在移动设备上我添加以下img标签：

<img src="http://i.ytimg.com/vi/Lzbr6fPDmkE/hqdefault.jpg" alt="1300x650" />

我在这篇文章中找到了答案

我使用的网址与他们的不同，因为我将其从 Gmail 消息中嵌入的 YouTube 缩略图中撕下来。