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的源网址，更改：

# 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应用想要控制视频，但不知何故不能..

Nivo Lightbox在iOS 7设备上损坏

1 个答案: