如何在缓存中加载iframe并考虑缓存

我之前用过这种方法。

在使用javascript的事件中，我将data-src为src并且video开始播放。

我在浏览器中返回时遇到了浏览器缓存问题，背景中的video自动播放（我为实际的iframe加载了缩略图）。 因此，我切换到一种方法，我只是在评论中加载iframe

 <!----> 

然后删除点击评论。 我在Google plus上看到谷歌使用这种确切的方法。 问题是现在再次缓存，这次是服务器端。 我认为cloudflairs自动缩小很可能正在删除HTML评论。

快速搜索显示我可能无法标记他们不会使用cloudfliar删除的评论。 最重要的是，这是一个wordpress插件，所以问题仍然与删除HTML注释的各种缓存插件相关。

所以现在我的问题是。 是否有更好的方法延迟加载没有HTML注释的iframe？ 我还是想以某种方式将iframe存储到位…就像我写这篇文章一样，我可能能够存储数据以构建一个iframe，在一些随机标签json编码或其他东西，然后在点击时构建iframe。

Answer 1

刚碰到这个。

所以这个标签可能是一个很好的解决方案，不需要修改数据，但是阻止浏览器对它做任何事情。

HTML

jQuery的

  var lazyloaded_iframe = $('.arve-lazyload'); $( lazyloaded_iframe.html() ).insertAfter( lazyloaded_iframe ); 

Answer 2

将其放入脚本的另一种方法实际上再次导致W3Tc环绕与[CDATA]混乱我的代码。

这是我新的，有希望的最终方法。 我很喜欢。 data()为我提供了它所带来的属性。对HTML有点大，但我认为最终我从缓存插件中获得了保存。

HTML

jQuery的

 lazyload = wrap.find('.arve-lazyload'); if ( lazyload.length ) { $('').attr( lazyload.data() ).insertAfter( lazyload ); }