отложенная загрузка iframe (задержка вызова src http) с помощью jquery

Question

Я ищу что-то похожее на плагин для отложенной загрузки изображений jQuery , но для iframe с.

Answer 1

Это сработало для меня.

var iframes = $('iframe');

$('button').click(function() {
    iframes.attr('src', function() {
        return $(this).data('src');
    });
});

iframes.attr('data-src', function() {
    var src = $(this).attr('src');
    $(this).removeAttr('src');
    return src;
});

jsFiddle .

Answer 2

A аналогичный вопрос недавно был опубликован специально для iFrames с вкладками на основе Bootstrap в Твиттере, на которые я ответил , используя метод, который я называю Ленивая загрузка iFrames . JS / JQuery выглядит следующим образом; полный код, включая разметку html, смотрите в скрипте или в моем ответе на OP:

<script>
$('#myTabs').bind('show', function(e) {  

// identify the tab-pane
paneID = $(e.target).attr('href');

// get the value of the custom data attribute to use as the iframe source
src = $(paneID).attr('data-src');

//if the iframe on the selected tab-pane hasn't been loaded yet...
if($(paneID+" iframe").attr("src")=="")
{
    // update the iframe src attribute using the custom data-attribute value
    $(paneID+" iframe").attr("src",src);
}
});
</script>

Answer 3

Если вы хотите сделать это в WordPress

Вот автоматическое, сокращение запроса, решение

В форме плагина WordPress

Вот плагин WordPress, который вы можете скачать и установить вручную через репозиторий плагинов WordPress. Я создал это сегодня, чтобы справиться с этой ситуацией. Никаких изменений в содержании не требуется, это работает автоматически после активации на любом и всех фреймах.

https://wordpress.org/plugins/lowermedia-iframes-on-demand/

Answer 4

Можете ли вы установить для src значение about: blank? Как это?

http://jsfiddle.net/MaUfH/

Answer 5

Вы всегда можете инициализировать атрибут src: about: blank, а затем, когда срабатывает событие click, установить для атрибута src URL, по которому вы хотите перейти.