Я использую 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 загружаются отлично. Но когда я пытаюсь внедрить Vimeo, используя пример из их заметок к документу GitHub , ничего не происходит.
Вот код, который они показывают в качестве примера:
<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>