我正在使用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>