Vimeo embed和.load()

Question

我有一个覆盖设置在我的网站上，它涵盖整个网站，并在页面加载后逐渐消失。一个简单，但有效的方法，以消除任何视觉布局调整。我这样做的方法如下：

<div id="overlay-preload"></div>

#overlay-preload {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

$(window).load(function() {
    $('#overlay-preload').fadeOut('fast');
});

然而，唯一的问题是，我有一些Vimeo嵌入在页面上，即使整个网站已经加载.Vimeo嵌入还没有，它们似乎要花费很长时间才能完全加载。所以我的问题。

您是否可以将特定的.load()包含除特定项之外的所有内容(在本例中为iframe)或是否有更好的方法来做到这一点？

Answer 1

我在尝试，这似乎很成功.

$(window).load(function() {
    $('#overlay-preload').fadeOut('fast', function() {
        $('.each-blog-video-container').each(function() {
            var videoData = $(this).find('span').attr('data-video');
            $('.each-blog-video-container').append(videoData);
        });
    });
});

<div class="each-blog-video-container">
    <span data-video='<iframe src="//player.vimeo.com/video/<?php the_field('video'); ?>?title=0&amp;byline=0&amp;portrait=0&amp;color=ffff00" width="540" height="304" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'></span>
    </div>