在可见时加载iframe

Question

我有一个页面,上面有大约100个视频(youtube)加载iframe.它们都是手风琴式的菜单,我想知道是否有办法让手风琴打开或iframe在页面上可见时加载它们.现在它占用了太多的内存并且滞后于页面.

Answer 1

您尚未显示任何允许我们在您的代码中包含此代码的代码.

不要设置视频的src,将其存储在数据中

<iframe src="about:blank" data-src="http://youtu.be/etc"></iframe>

使用任何触发手风琴的东西,$(this)就是那个手风琴项目

var $iframe=$(this).find('iframe');
if ($iframe.data('src')){ // only do it once per iframe
    $iframe.prop('src', $iframe.data('src')).data('src', false);
}