jQuery.Lazy Vimeo问题

时间:2018-05-11 19:12:35

标签: lazy-loading vimeo

我正在使用jQuery.Lazy让我的网站上的图片加载更顺畅。它就像图像上的魅力一样,但我在嵌入的Vimeo视频方面遇到了一些麻烦。

我上传了完整打包的jquery.lazy.min.js,并使用以下脚本调用它:

$('.lazy').lazy({
        effect: "fadeIn",
        effectTime: 300,
        threshold: 0
    });

$("iframe").lazy({
    effect: "fadeIn",
    effectTime: 300,
    threshold: 0
});

所有带有.lazy类和data-src标记的图像都能完美加载。但是当我尝试使用他们的GitHub document notes中的示例嵌入Vimeo时,没有任何反应。

以下是他们展示的代码示例: <iframe data-loader="vimeo" data-src="176894130" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

这就是我在我的网站上嵌入的内容: <iframe class="lazy" data-loader="vimeo" data-src="254984504" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

0 个答案:

没有答案