Vimeo 嵌入和 .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>