Nivo Lightbox 在 iOS 7 设备上损坏

Question

我正在尝试将 Nivo 1.1 与 jQuery 1.10.1 一起使用。在桌面浏览器上运行良好，但在 iOS 7 设备、iPad Mini 和 iPhone 5c 上让我失望。我在 GitHub 上看到了 -webkit-transition 修复，但该修复不起作用。此外，正如该网站所声称的，1.1 似乎无法修复 iOS 问题。

我在我拥有的两台 iOS 设备上测试了他们的演示网站，但他们的大多数灯箱链接也不起作用。在使用 safari 开发者工具调试我的 iOS safari 实例时，我也没有收到任何错误。

Nivo Demo Site

我特别想在移动设备上制作两个 YouTube 视频。

请参阅我在这里整理的示例：

Example Page with Nivo 1.1 Lightbox + YouTube

谢谢

Answer 1

在第 164 行和第 168 行 (nivo-lightbox.js) 上创建了 youtube 的源 URL 更改：

# 164
src = 'http://www.youtube.com/v/'+ video[4];
# 168
src = 'http://www.youtube.com/v/'+ video[3];

收件人：

# 164
src = 'http://www.youtube.com/embed/'+ video[4] +'?autoplay=1';
# 168
src = 'http://www.youtube.com/embed/'+ video[3] +'?autoplay=1';

这对我有用，在 iOS7 Safari、iOS7 Chrome 和 OSX 10.9 Chrome 上进行了测试。

我认为这是因为 YouTube iOS7 应用想要控制视频但不知何故不能......