【问题标题】:Nivo Lightbox broken on iOS 7 DevicesNivo Lightbox 在 iOS 7 设备上损坏
【发布时间】:2014-01-04 16:33:47
【问题描述】:

我正在尝试将 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

谢谢

【问题讨论】:

    标签: jquery jquery-plugins ios7 mobile-safari nivo-slider


    【解决方案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 应用想要控制视频但不知何故不能......

    【讨论】:

    • 非常感谢您!抱歉,花了一秒钟才回过神来,我以为这个问题在这一点上已经死了!刚刚修好,恒星找到先生!
    • 我试过这个解决方案,它可以在电脑上运行,但在手机(android 6.0 nexu6,android 5.0.1 htc1)上不行,我做错了什么吗?
    猜你喜欢
    • 1970-01-01
    • 2018-02-24
    • 1970-01-01
    • 2018-07-29
    • 1970-01-01
    • 2021-09-04
    • 1970-01-01
    • 1970-01-01
    • 2021-11-03
    相关资源
    最近更新 更多